:root{--bg-color: #ffffff;--bg-image: none;--bg-size: auto;--panel-bg: rgba(255, 255, 255, 1);--panel-backdrop: none;--text-color: #111111;--border-color: #000000;--accent-color: #000000;--heading-glow: none;--sidebar-width: 250px;--font-ui: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-manuscript: "Courier New", Courier, monospace}@media (prefers-color-scheme: dark){:root[data-theme=system]{--bg-color: #0a0a0a;--bg-image: none;--bg-size: auto;--panel-bg: rgba(10, 10, 10, 1);--panel-backdrop: none;--text-color: #f4f4f4;--border-color: #444444;--accent-color: #ffffff;--heading-glow: none;--font-ui: "Inter", sans-serif;--font-manuscript: "Courier New", Courier, monospace}}:root[data-theme=light]{--bg-color: #ffffff;--bg-image: none;--bg-size: auto;--panel-bg: rgba(255, 255, 255, 1);--panel-backdrop: none;--text-color: #111111;--border-color: #000000;--accent-color: #000000;--heading-glow: none;--font-ui: "Inter", sans-serif;--font-manuscript: "Courier New", Courier, monospace}:root[data-theme=dark]{--bg-color: #0a0a0a;--bg-image: none;--bg-size: auto;--panel-bg: rgba(10, 10, 10, 1);--panel-backdrop: none;--text-color: #f4f4f4;--border-color: #444444;--accent-color: #ffffff;--heading-glow: none;--font-ui: "Inter", sans-serif;--font-manuscript: "Courier New", Courier, monospace}:root[data-theme=sepia]{--bg-color: #f4ecd8;--bg-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg"><filter id="noiseFilter"><feTurbulence type="fractalNoise" baseFrequency="0.65" numOctaves="3" stitchTiles="stitch"/></filter><rect width="100%" height="100%" filter="url(%23noiseFilter)" opacity="0.05"/></svg>');--bg-size: auto;--panel-bg: rgba(244, 236, 216, .95);--panel-backdrop: blur(10px);--text-color: #433422;--border-color: #c9bda3;--accent-color: #8b2b16;--heading-glow: inset 1px 1px 2px rgba(0,0,0,.1);--font-ui: "Playfair Display", serif;--font-manuscript: "Lora", serif}:root[data-theme=nord]{--bg-color: #2e3440;--bg-image: linear-gradient(135deg, #2e3440 0%, #3b4252 100%);--bg-size: auto;--panel-bg: rgba(46, 52, 64, .85);--panel-backdrop: blur(15px);--text-color: #eceff4;--border-color: #4c566a;--accent-color: #88c0d0;--heading-glow: none;--font-ui: "Inter", sans-serif;--font-manuscript: "Inter", sans-serif}:root[data-theme=cyberpunk]{--bg-color: #050511;--bg-image: linear-gradient(0deg, rgba(0, 0, 0, 0) 50%, rgba(0, 255, 204, .03) 50%), linear-gradient(90deg, rgba(255, 0, 60, .06), rgba(0, 0, 0, 0));--bg-size: 100% 4px, 100% 100%;--panel-bg: rgba(5, 5, 17, .7);--panel-backdrop: blur(8px);--text-color: #fdf200;--border-color: #ff003c;--accent-color: #00ffcc;--heading-glow: 0 0 10px rgba(0, 255, 204, .8), 0 0 20px rgba(255, 0, 60, .5);--font-ui: "Orbitron", sans-serif;--font-manuscript: "VT323", monospace}:root[data-theme=dracula]{--bg-color: #282a36;--bg-image: linear-gradient(145deg, #1e1f29 0%, #282a36 100%);--panel-bg: rgba(40, 42, 54, .75);--panel-backdrop: blur(20px);--text-color: #f8f8f2;--border-color: #6272a4;--accent-color: #ff79c6;--heading-glow: 0 0 8px rgba(255, 121, 198, .6);--font-ui: "Inter", sans-serif;--font-manuscript: "Fira Code", monospace}:root[data-theme=solarized]{--bg-color: #002b36;--bg-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg"><filter id="noiseFilter"><feTurbulence type="fractalNoise" baseFrequency="0.8" numOctaves="3" stitchTiles="stitch"/></filter><rect width="100%" height="100%" filter="url(%23noiseFilter)" opacity="0.03"/></svg>');--panel-bg: rgba(0, 43, 54, .9);--panel-backdrop: blur(12px);--text-color: #839496;--border-color: #073642;--accent-color: #2aa198;--heading-glow: none;--font-ui: "Inter", sans-serif;--font-manuscript: "Lora", serif}@keyframes gradientFlow{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}:root[data-theme=synthwave]{--bg-color: #2b003a;--bg-image: linear-gradient(180deg, #10002b 0%, #2b003a 50%, #e0007b 100%);--bg-size: auto;--panel-bg: rgba(43, 0, 58, .7);--panel-backdrop: blur(10px);--text-color: #00f0ff;--border-color: #e0007b;--accent-color: #ff007f;--heading-glow: 0 0 10px #ff007f, 0 0 20px #e0007b;--font-ui: "Orbitron", sans-serif;--font-manuscript: "VT323", monospace}:root[data-theme=aurora]{--bg-color: #0d1b2a;--bg-image: linear-gradient(-45deg, #0d1b2a, #1b263b, #415a77, #778da9, #3a506b);--bg-size: 400% 400%;--panel-bg: rgba(13, 27, 42, .6);--panel-backdrop: blur(15px);--text-color: #e0e1dd;--border-color: #415a77;--accent-color: #778da9;--heading-glow: 0 0 15px rgba(119,141,169,.8);--font-ui: "Inter", sans-serif;--font-manuscript: "Inter", sans-serif}:root[data-theme=aurora] body,:root[data-theme=aurora] html,:root[data-theme=aurora] #root{animation:gradientFlow 15s ease infinite}:root[data-theme=ocean]{--bg-color: #0077b6;--bg-image: linear-gradient(120deg, #03045e, #0077b6, #00b4d8, #90e0ef);--bg-size: 300% 300%;--panel-bg: rgba(0, 119, 182, .4);--panel-backdrop: blur(20px);--text-color: #caf0f8;--border-color: #00b4d8;--accent-color: #90e0ef;--heading-glow: 0 0 12px rgba(144, 224, 239, .9);--font-ui: "Inter", sans-serif;--font-manuscript: "Inter", sans-serif}:root[data-theme=ocean] body,:root[data-theme=ocean] html,:root[data-theme=ocean] #root{animation:gradientFlow 20s ease infinite}:root[data-theme=sunset]{--bg-color: #ff7b54;--bg-image: linear-gradient(45deg, #ff7b54, #ffb26b, #ffd56b, #939b62);--bg-size: 300% 300%;--panel-bg: rgba(255, 123, 84, .4);--panel-backdrop: blur(15px);--text-color: #ffffff;--border-color: #ffb26b;--accent-color: #ffd56b;--heading-glow: 0 0 10px rgba(255, 213, 107, .8);--font-ui: "Inter", sans-serif;--font-manuscript: "Inter", sans-serif}:root[data-theme=sunset] body,:root[data-theme=sunset] html,:root[data-theme=sunset] #root{animation:gradientFlow 18s ease-in-out infinite}*{box-sizing:border-box;margin:0;padding:0}body,html,#root{height:100%;width:100%;background-color:var(--bg-color);background-image:var(--bg-image);background-size:var(--bg-size);color:var(--text-color);font-family:var(--font-ui);line-height:1.5;-webkit-font-smoothing:antialiased}button{cursor:pointer;background:var(--panel-bg);-webkit-backdrop-filter:var(--panel-backdrop);backdrop-filter:var(--panel-backdrop);border:1px solid var(--border-color);color:var(--text-color);padding:.5rem 1rem;font-family:var(--font-ui);font-size:.875rem;border-radius:0;transition:all .2s ease}button:hover{background-color:var(--text-color);color:var(--bg-color)}input,textarea,select{background:var(--panel-bg);-webkit-backdrop-filter:var(--panel-backdrop);backdrop-filter:var(--panel-backdrop);border:1px solid var(--border-color);color:var(--text-color);font-family:inherit;border-radius:0}option{background-color:var(--bg-color);color:var(--text-color)}input:focus,textarea:focus,select:focus{outline:2px solid var(--text-color);outline-offset:-1px}.layout{display:flex;height:100vh;width:100vw;overflow:hidden;background-color:transparent}.glass-panel{background:var(--panel-bg)!important;-webkit-backdrop-filter:var(--panel-backdrop)!important;backdrop-filter:var(--panel-backdrop)!important}.cm-editor,.cm-editor.cm-focused{background-color:transparent!important;color:var(--text-color)!important;font-family:var(--custom-font-family, var(--font-manuscript))!important;outline:none!important}.cm-scroller{font-family:var(--custom-font-family, var(--font-manuscript))!important;font-size:var(--custom-font-size, 1.125rem)!important;line-height:1.8!important}.cm-content{padding:0!important;font-family:var(--custom-font-family, var(--font-manuscript))!important}.cm-line{padding:0!important}.ob-h1,.ob-h2,.ob-h3,.ob-h4,.ob-h5,.ob-h6{color:var(--accent-color)!important;font-family:var(--font-ui)!important;text-shadow:var(--heading-glow)!important}.ob-bold{color:var(--text-color)!important;font-weight:800!important}.ob-italic{color:var(--text-color)!important}.ob-syntax{color:var(--text-color)!important;opacity:.4!important}.ob-list-mark,.ob-blockquote-mark,.ob-fence-mark,.ob-link,.ob-link-text{color:var(--accent-color)!important}.ob-blockquote{border-left-color:var(--accent-color)!important;color:var(--text-color)!important;opacity:.8!important}.ob-code,.ob-code-block{color:var(--text-color)!important;background-color:transparent!important;border:1px solid var(--border-color)}.ob-hr{color:var(--border-color)!important}.sidebar-overlay{display:none}.mobile-only{display:none!important}@media (max-width: 768px){.mobile-only{display:block!important}.sidebar-overlay.active{display:block;position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;z-index:90}.sidebar{position:fixed!important;top:0;left:0;height:100vh!important;z-index:100;background-color:var(--bg-color);width:280px!important;transform:translate(-100%);transition:transform .3s ease}.sidebar.open{transform:translate(0)}.editor-container-wrapper{padding:1rem!important}.right-panel{position:fixed!important;bottom:0;left:0;width:100vw!important;height:60vh!important;z-index:80;border-left:none!important;border-top:2px solid var(--border-color)!important;transform:translateY(100%);transition:transform .3s ease}.right-panel.open{transform:translateY(0)}}