:root{--font-sans:"IBM Plex Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--header-h:58px;--sidebar-w:288px;--transition:.16s cubic-bezier(.4, 0, .2, 1)}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%}body{font-family:var(--font-sans);background:var(--bg);color:var(--fg);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;font-size:15px}button,input,textarea,select{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--focus);outline-offset:2px;border-radius:4px}::selection{background:var(--selection)}*{scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--border-strong);background-clip:content-box;border:2px solid #0000;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:var(--fg-subtle);background-clip:content-box}::-webkit-scrollbar-track{background:0 0}[data-theme=midnight]{--bg:#0f172a;--bg-elevated:#1b2336;--bg-subtle:#131b2e;--bg-hover:#232c42;--fg:#f8fafc;--fg-muted:#94a3b8;--fg-subtle:#64748b;--border:#29344b;--border-strong:#475569;--accent:#22c55e;--accent-fg:#06210f;--accent-soft:#22c55e24;--link:#38bdf8;--focus:#38bdf8;--selection:#22c55e47;--danger:#f87171;--danger-bg:#ef444424;--success:#22c55e;--success-bg:#22c55e24;--shadow-sm:0 1px 2px #0006;--shadow-md:0 14px 30px #00000080;--md-h1:#f8fafc;--md-h2:#4ade80;--md-h3:#38bdf8;--md-h4:#a78bfa;--md-h5:#fbbf24;--md-h6:#fb7185;--md-strong:#fde68a;--md-em:#f0abfc;--md-link:#38bdf8;--md-code-fg:#5eead4;--md-code-bg:#0b1220;--md-code-border:#1e293b;--md-quote-bg:#38bdf80f;--md-table-border:#29344b;--md-table-head-bg:#1b2336;--md-table-stripe:#94a3b80d;--md-hr:#334155;--md-marker:#22c55e;--md-heading-border:#29344b;--code-bg:#0b1220;--code-border:#1e293b;--tok-comment:#64748b;--tok-keyword:#c084fc;--tok-string:#86efac;--tok-number:#fca5a5;--tok-function:#60a5fa;--tok-title:#4ade80;--tok-attr:#fbbf24;--tok-builtin:#38bdf8;--tok-literal:#f472b6;--tok-variable:#e2e8f0;--tok-tag:#f87171;--tok-meta:#94a3b8;--tok-type:#5eead4;--tok-regexp:#fca5a5;--tok-addition:#4ade80;--tok-deletion:#f87171;--tok-symbol:#fbbf24;--callout-note:#38bdf8;--callout-tip:#22c55e;--callout-important:#a78bfa;--callout-warning:#fbbf24;--callout-caution:#fb7185;--search-bg:#fde68a;--search-fg:#422006;--search-active-bg:#fb923c;--search-active-fg:#1a0f00}[data-theme=daylight]{--bg:#f8fafc;--bg-elevated:#fff;--bg-subtle:#f1f5f9;--bg-hover:#e2e8f0;--fg:#1e293b;--fg-muted:#64748b;--fg-subtle:#94a3b8;--border:#e2e8f0;--border-strong:#cbd5e1;--accent:#2563eb;--accent-fg:#fff;--accent-soft:#2563eb1a;--link:#2563eb;--focus:#2563eb;--selection:#2563eb2e;--danger:#dc2626;--danger-bg:#dc26261a;--success:#059669;--success-bg:#0596691f;--shadow-sm:0 1px 2px #0f172a14;--shadow-md:0 14px 30px #0f172a24;--md-h1:#0f172a;--md-h2:#1d4ed8;--md-h3:#0e7490;--md-h4:#7c3aed;--md-h5:#b45309;--md-h6:#be185d;--md-strong:#b45309;--md-em:#9333ea;--md-link:#2563eb;--md-code-fg:#b91c1c;--md-code-bg:#f1f5f9;--md-code-border:#e2e8f0;--md-quote-bg:#2563eb0d;--md-table-border:#e2e8f0;--md-table-head-bg:#f1f5f9;--md-table-stripe:#0f172a08;--md-hr:#cbd5e1;--md-marker:#2563eb;--md-heading-border:#e2e8f0;--code-bg:#f8fafc;--code-border:#e2e8f0;--tok-comment:#6b7280;--tok-keyword:#7c3aed;--tok-string:#047857;--tok-number:#b91c1c;--tok-function:#1d4ed8;--tok-title:#047857;--tok-attr:#b45309;--tok-builtin:#0e7490;--tok-literal:#be185d;--tok-variable:#1e293b;--tok-tag:#b91c1c;--tok-meta:#64748b;--tok-type:#0f766e;--tok-regexp:#b91c1c;--tok-addition:#047857;--tok-deletion:#b91c1c;--tok-symbol:#b45309;--callout-note:#2563eb;--callout-tip:#059669;--callout-important:#7c3aed;--callout-warning:#d97706;--callout-caution:#dc2626;--search-bg:#fef08a;--search-fg:#422006;--search-active-bg:#f59e0b;--search-active-fg:#fff}[data-theme=paper]{--bg:#fbf6ec;--bg-elevated:#fffdf7;--bg-subtle:#f3ead9;--bg-hover:#eadfc8;--fg:#3b342a;--fg-muted:#8a7b63;--fg-subtle:#a89a82;--border:#e5d9c3;--border-strong:#cdbc9c;--accent:#b45309;--accent-fg:#fff;--accent-soft:#b453091f;--link:#a16207;--focus:#b45309;--selection:#b4530933;--danger:#b91c1c;--danger-bg:#b91c1c1a;--success:#4d7c0f;--success-bg:#4d7c0f1f;--shadow-sm:0 1px 2px #3b342a1a;--shadow-md:0 14px 30px #3b342a29;--md-h1:#3b342a;--md-h2:#b45309;--md-h3:#0e7490;--md-h4:#7c3aed;--md-h5:#4d7c0f;--md-h6:#be185d;--md-strong:#92400e;--md-em:#7c3aed;--md-link:#a16207;--md-code-fg:#9a3412;--md-code-bg:#f3ead9;--md-code-border:#e5d9c3;--md-quote-bg:#b453090f;--md-table-border:#e5d9c3;--md-table-head-bg:#f3ead9;--md-table-stripe:#3b342a09;--md-hr:#dcceb2;--md-marker:#b45309;--md-heading-border:#e5d9c3;--code-bg:#f7f0e2;--code-border:#e5d9c3;--tok-comment:#9c8e74;--tok-keyword:#7c3aed;--tok-string:#4d7c0f;--tok-number:#b91c1c;--tok-function:#1d4ed8;--tok-title:#4d7c0f;--tok-attr:#b45309;--tok-builtin:#0e7490;--tok-literal:#be185d;--tok-variable:#3b342a;--tok-tag:#b91c1c;--tok-meta:#8a7b63;--tok-type:#0f766e;--tok-regexp:#b91c1c;--tok-addition:#4d7c0f;--tok-deletion:#b91c1c;--tok-symbol:#b45309;--callout-note:#0e7490;--callout-tip:#4d7c0f;--callout-important:#7c3aed;--callout-warning:#b45309;--callout-caution:#c2410c;--search-bg:#fde68a;--search-fg:#3b342a;--search-active-bg:#f59e0b;--search-active-fg:#3b342a}[data-theme=nebula]{--bg:#0b0b1a;--bg-elevated:#15152b;--bg-subtle:#101024;--bg-hover:#22223f;--fg:#edebff;--fg-muted:#a5a0c9;--fg-subtle:#7c77a3;--border:#2a2848;--border-strong:#3d3a63;--accent:#8b5cf6;--accent-fg:#fff;--accent-soft:#8b5cf629;--link:#22d3ee;--focus:#a78bfa;--selection:#8b5cf64d;--danger:#fb7185;--danger-bg:#fb718524;--success:#34d399;--success-bg:#34d39924;--shadow-sm:0 1px 2px #00000080;--shadow-md:0 16px 34px #0000008c;--md-h1:#f5f3ff;--md-h2:#a78bfa;--md-h3:#22d3ee;--md-h4:#f472b6;--md-h5:#fbbf24;--md-h6:#34d399;--md-strong:#fde68a;--md-em:#f0abfc;--md-link:#22d3ee;--md-code-fg:#c4b5fd;--md-code-bg:#0a0a18;--md-code-border:#262347;--md-quote-bg:#8b5cf614;--md-table-border:#2a2848;--md-table-head-bg:#15152b;--md-table-stripe:#a5a0c90d;--md-hr:#2a2848;--md-marker:#a78bfa;--md-heading-border:#2a2848;--code-bg:#0a0a18;--code-border:#262347;--tok-comment:#6b6790;--tok-keyword:#c084fc;--tok-string:#6ee7b7;--tok-number:#fda4af;--tok-function:#93c5fd;--tok-title:#34d399;--tok-attr:#fcd34d;--tok-builtin:#67e8f9;--tok-literal:#f472b6;--tok-variable:#e9e7ff;--tok-tag:#fb7185;--tok-meta:#a5a0c9;--tok-type:#5eead4;--tok-regexp:#fda4af;--tok-addition:#34d399;--tok-deletion:#fb7185;--tok-symbol:#fcd34d;--callout-note:#818cf8;--callout-tip:#34d399;--callout-important:#c084fc;--callout-warning:#fbbf24;--callout-caution:#fb923c;--search-bg:#fcd34d;--search-fg:#2a1a00;--search-active-bg:#f472b6;--search-active-fg:#1a0011}.markdown-body{font-family:var(--font-sans);color:var(--fg);overflow-wrap:break-word;font-size:16px;line-height:1.72}.markdown-body>:first-child{margin-top:0}.markdown-body h1,.markdown-body h2,.markdown-body h3,.markdown-body h4,.markdown-body h5,.markdown-body h6{margin:1.7em 0 .65em;scroll-margin-top:20px;font-weight:700;line-height:1.25}.markdown-body h1{color:var(--md-h1);letter-spacing:-.02em;font-size:2em}.markdown-body h2{color:var(--md-h2);border-bottom:1px solid var(--md-heading-border);padding-bottom:.3em;font-size:1.5em}.markdown-body h3{color:var(--md-h3);font-size:1.26em}.markdown-body h4{color:var(--md-h4);font-size:1.1em}.markdown-body h5{color:var(--md-h5);font-size:1em}.markdown-body h6{color:var(--md-h6);text-transform:uppercase;letter-spacing:.04em;font-size:.88em}.markdown-body p{margin:0 0 1em}.markdown-body strong{color:var(--md-strong);font-weight:700}.markdown-body em{color:var(--md-em)}.markdown-body a{color:var(--md-link);text-underline-offset:2px;transition:text-decoration-thickness var(--transition);text-decoration:underline;text-decoration-thickness:1px}.markdown-body a:hover{text-decoration-thickness:2px}.markdown-body ul,.markdown-body ol{margin:0 0 1em;padding-left:1.6em}.markdown-body li{margin:.3em 0}.markdown-body li::marker{color:var(--md-marker);font-weight:700}.markdown-body blockquote{border-left:4px solid var(--md-marker);background:var(--md-quote-bg);border-radius:0 var(--radius-sm) var(--radius-sm) 0;color:var(--fg-muted);margin:0 0 1.2em;padding:.7em 1.1em}.markdown-body blockquote>:last-child{margin-bottom:0}.markdown-body code{font-family:var(--font-mono);color:var(--md-code-fg);background:var(--md-code-bg);border:1px solid var(--md-code-border);border-radius:var(--radius-sm);padding:.15em .4em;font-size:.875em}.markdown-body pre{background:var(--code-bg);border:1px solid var(--code-border);border-radius:var(--radius-md);margin:0 0 1.2em;position:relative;overflow:auto}.markdown-body pre code{color:var(--fg);background:0 0;border:0;padding:1.05em 1.15em;font-size:.875em;line-height:1.65;display:block}.markdown-body table{border-collapse:collapse;width:100%;margin:0 0 1.3em;font-size:.95em}.markdown-body th,.markdown-body td{border:1px solid var(--md-table-border);text-align:left;padding:.5em .75em}.markdown-body thead th{background:var(--md-table-head-bg);font-weight:600}.markdown-body tbody tr:nth-child(2n){background:var(--md-table-stripe)}.markdown-body hr{border:0;border-top:1px solid var(--md-hr);margin:2em 0}.markdown-body img{border-radius:var(--radius-md);max-width:100%;height:auto}.markdown-body input[type=checkbox]{accent-color:var(--accent);vertical-align:middle;width:1em;height:1em;margin-right:.5em}.markdown-body ul.contains-task-list{padding-left:.3em}.markdown-body li.task-list-item{list-style:none}.markdown-body dl{margin:0 0 1em}.markdown-body dt{color:var(--md-h3);font-weight:600}.markdown-body dd{color:var(--fg-muted);margin:0 0 .5em 1.2em}.markdown-body .footnotes{color:var(--fg-muted);border-top:1px solid var(--md-hr);margin-top:2.4em;padding-top:.6em;font-size:.9em}.markdown-body .footnote-backref{text-decoration:none}.hljs-comment,.hljs-quote{color:var(--tok-comment);font-style:italic}.hljs-keyword,.hljs-selector-tag,.hljs-doctag,.hljs-formula{color:var(--tok-keyword)}.hljs-string,.hljs-selector-attr,.hljs-selector-pseudo,.hljs-char.escape_{color:var(--tok-string)}.hljs-number,.hljs-regexp{color:var(--tok-number)}.hljs-title,.hljs-title.class_,.hljs-title.function_{color:var(--tok-function)}.hljs-attr,.hljs-attribute,.hljs-property,.hljs-selector-class,.hljs-selector-id{color:var(--tok-attr)}.hljs-built_in,.hljs-builtin-name{color:var(--tok-builtin)}.hljs-literal,.hljs-boolean{color:var(--tok-literal)}.hljs-variable,.hljs-template-variable,.hljs-params{color:var(--tok-variable)}.hljs-tag,.hljs-name{color:var(--tok-tag)}.hljs-meta,.hljs-meta .hljs-keyword{color:var(--tok-meta)}.hljs-type,.hljs-class .hljs-title{color:var(--tok-type)}.hljs-symbol,.hljs-bullet,.hljs-link{color:var(--tok-symbol)}.hljs-addition{color:var(--tok-addition)}.hljs-deletion{color:var(--tok-deletion)}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}.editor-highlight .hljs-section{color:var(--md-h2);font-weight:700}.editor-highlight .hljs-strong{color:var(--md-strong);font-weight:700}.editor-highlight .hljs-emphasis{color:var(--md-em);font-style:italic}.editor-highlight .hljs-code{color:var(--md-code-fg)}.editor-highlight .hljs-quote{color:var(--md-h3)}.editor-highlight .hljs-bullet{color:var(--md-marker)}.editor-highlight .hljs-link{color:var(--md-link)}.callout{--callout-color:var(--callout-note);border-left:4px solid var(--callout-color);border-radius:0 var(--radius-md) var(--radius-md) 0;background:color-mix(in srgb, var(--callout-color) 12%, transparent);margin:0 0 1.2em;padding:.9em 1.1em}.callout-note{--callout-color:var(--callout-note)}.callout-tip{--callout-color:var(--callout-tip)}.callout-important{--callout-color:var(--callout-important)}.callout-warning{--callout-color:var(--callout-warning)}.callout-caution{--callout-color:var(--callout-caution)}.callout-label{color:var(--callout-color);text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:.45em;margin-bottom:.4em;font-size:.82em;font-weight:700;display:flex}.callout-label .callout-icon{flex:none}.callout>:last-child{margin-bottom:0}.code-copy{font-family:var(--font-sans);color:var(--fg-muted);background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;opacity:0;transition:opacity var(--transition), color var(--transition), border-color var(--transition);align-items:center;gap:.35em;padding:.28em .55em;font-size:11px;font-weight:600;display:inline-flex;position:absolute;top:8px;right:8px}.markdown-body pre:hover .code-copy,.code-copy:focus-visible{opacity:1}.code-copy:hover{color:var(--accent);border-color:var(--accent)}.code-copy.copied{color:var(--success);border-color:var(--success);opacity:1}mark.search-hit{background:var(--search-bg);color:var(--search-fg);border-radius:3px;padding:0 .1em}mark.search-hit.search-hit-active{background:var(--search-active-bg);color:var(--search-active-fg);box-shadow:0 0 0 2px color-mix(in srgb, var(--search-active-bg) 45%, transparent)}.app{background:var(--bg);flex-direction:column;height:100dvh;display:flex;overflow:hidden}.app-header{z-index:30;align-items:center;gap:var(--space-3);height:var(--header-h);padding:0 var(--space-3);background:var(--bg-elevated);border-bottom:1px solid var(--border);flex:none;display:flex;position:relative}.header-group{align-items:center;gap:6px;display:flex}.header-left{flex:none}.header-center{flex:1;justify-content:center;min-width:0}.header-right{flex:none}.header-actions{padding-left:var(--space-2);margin-left:var(--space-1);border-left:1px solid var(--border);align-items:center;gap:2px;display:flex}.brand{align-items:center;gap:var(--space-2);padding-left:var(--space-1);display:flex}.brand-mark{background:var(--accent-soft);width:26px;height:26px;color:var(--accent);border-radius:8px;place-items:center;display:grid}.brand-name{letter-spacing:-.01em;font-size:15px;font-weight:700}.btn{border-radius:var(--radius-sm);min-height:38px;color:var(--fg-muted);cursor:pointer;white-space:nowrap;transition:background var(--transition), color var(--transition), border-color var(--transition);background:0 0;border:1px solid #0000;justify-content:center;align-items:center;gap:6px;padding:0 11px;font-size:13px;font-weight:500;display:inline-flex}.btn:hover{background:var(--bg-hover);color:var(--fg)}.btn.icon-btn{width:38px;padding:0}.btn.small{width:30px;height:30px;min-height:30px}.btn[aria-pressed=true]{color:var(--accent);background:var(--accent-soft)}.swatch-dots{gap:2px;display:inline-flex}.swatch-dots span{border:1px solid #0003;border-radius:50%;width:9px;height:9px}.segmented{background:var(--bg-subtle);border:1px solid var(--border);border-radius:var(--radius-md);gap:2px;padding:3px;display:inline-flex}.segment{width:34px;height:30px;color:var(--fg-muted);cursor:pointer;transition:background var(--transition), color var(--transition);background:0 0;border:0;border-radius:7px;place-items:center;display:grid}.segment:hover{color:var(--fg)}.segment[aria-pressed=true]{background:var(--bg-elevated);color:var(--accent);box-shadow:var(--shadow-sm)}.search-field{width:min(440px,100%);height:38px;padding:0 var(--space-2);background:var(--bg-subtle);border:1px solid var(--border);border-radius:var(--radius-md);transition:border-color var(--transition), box-shadow var(--transition);align-items:center;gap:4px;display:flex}.search-field:focus-within{border-color:var(--focus);box-shadow:0 0 0 3px var(--accent-soft)}.search-icon{color:var(--fg-subtle);flex:none}.search-field input{background:0 0;border:0;outline:none;flex:1;min-width:0;font-size:13px}.search-field input:disabled{cursor:not-allowed}.search-count{color:var(--fg-muted);white-space:nowrap;font-variant-numeric:tabular-nums;font-size:11px}.search-nav{width:24px;height:24px;color:var(--fg-muted);cursor:pointer;background:0 0;border:0;border-radius:5px;place-items:center;display:grid}.search-nav:hover:not(:disabled){background:var(--bg-hover);color:var(--fg)}.search-nav:disabled{opacity:.4;cursor:default}.menu{position:relative}.menu-panel{z-index:50;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-md);width:258px;box-shadow:var(--shadow-md);padding:6px;position:absolute;top:calc(100% + 8px);right:0}.menu-title{text-transform:uppercase;letter-spacing:.06em;color:var(--fg-subtle);margin:6px 8px;font-size:11px;font-weight:600}.menu-item{border-radius:var(--radius-sm);width:100%;color:var(--fg);text-align:left;cursor:pointer;background:0 0;border:0;gap:10px;padding:8px;display:flex}.menu-item:hover{background:var(--bg-hover)}.theme-swatch{border:1px solid var(--border);border-radius:5px;flex-direction:column;flex:none;width:18px;height:32px;display:flex;overflow:hidden}.theme-swatch span{flex:1}.menu-item-text{flex-direction:column;gap:2px;min-width:0;display:flex}.menu-item-name{align-items:center;gap:6px;font-size:13px;font-weight:600;display:flex}.menu-check{color:var(--accent)}.menu-item-desc{color:var(--fg-muted);font-size:11px}.app-body{flex:1;min-height:0;display:flex}.sidebar{width:var(--sidebar-w);padding:var(--space-2);background:var(--bg-elevated);border-right:1px solid var(--border);flex-direction:column;flex:none;display:flex;overflow-y:auto}.sidebar-section{padding:var(--space-1) 0 var(--space-3)}.sidebar-section+.sidebar-section{border-top:1px solid var(--border);padding-top:var(--space-2)}.sidebar-outline{flex:1}.sidebar-heading{padding:var(--space-1) var(--space-2) 6px;justify-content:space-between;align-items:center;display:flex}.sidebar-heading h2{text-transform:uppercase;letter-spacing:.06em;color:var(--fg-subtle);margin:0;font-size:11px;font-weight:700}.badge{color:var(--fg-muted);background:var(--bg-subtle);border-radius:999px;padding:1px 7px;font-size:10px;font-weight:700}.doc-list,.outline-list,.tree{margin:0;padding:0;list-style:none}.doc-row{border-radius:var(--radius-sm);align-items:center;display:flex}.doc-row:hover{background:var(--bg-hover)}.doc-row.active{background:var(--accent-soft)}.doc-row.active .doc-select{color:var(--accent)}.doc-select{align-items:center;gap:var(--space-2);min-width:0;color:var(--fg-muted);text-align:left;cursor:pointer;background:0 0;border:0;flex:1;padding:8px;font-size:13px;display:flex}.doc-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.doc-close{width:26px;height:26px;color:var(--fg-subtle);cursor:pointer;opacity:0;transition:opacity var(--transition), background var(--transition), color var(--transition);background:0 0;border:0;border-radius:5px;place-items:center;margin-right:4px;display:grid}.doc-row:hover .doc-close,.doc-close:focus-visible{opacity:1}.doc-close:hover{background:var(--danger-bg);color:var(--danger)}.outline-item{width:100%;color:var(--fg-muted);text-align:left;cursor:pointer;text-overflow:ellipsis;white-space:nowrap;background:0 0;border:0;border-radius:5px;padding:5px 8px;font-size:12.5px;display:block;overflow:hidden}.outline-item:hover{background:var(--bg-hover);color:var(--fg)}.tree-dir,.tree-file{width:100%;color:var(--fg-muted);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:5px;align-items:center;gap:6px;padding:5px 8px;font-size:12.5px;display:flex}.tree-dir:hover,.tree-file:hover{background:var(--bg-hover);color:var(--fg)}.tree-label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.empty-note{color:var(--fg-subtle);padding:6px 10px;font-size:12px}.sidebar-folder-btn{align-items:center;gap:var(--space-2);margin-top:var(--space-3);border:1px dashed var(--border-strong);border-radius:var(--radius-md);color:var(--fg-muted);cursor:pointer;transition:border-color var(--transition), color var(--transition);background:0 0;padding:10px;font-size:13px;display:flex}.sidebar-folder-btn:hover{border-color:var(--accent);color:var(--accent)}.workspace{background:var(--bg);flex:1;min-width:0;min-height:0;display:flex}.workspace[data-mode=editor] .editor-pane,.workspace[data-mode=preview] .preview-pane{flex:1}.workspace[data-mode=split] .editor-pane{flex:0 0 var(--split,50%)}.workspace[data-mode=split] .preview-pane{flex:1 1 0}.pane{flex-direction:column;min-width:0;min-height:0;display:flex}.editor-toolbar{padding:6px var(--space-2);background:var(--bg-elevated);border-bottom:1px solid var(--border);flex:none;gap:2px;display:flex}.editor-scroll{background:var(--bg);flex:1;overflow:auto}.editor-content{min-height:100%;position:relative}.editor-highlight,.editor-input{font-family:var(--font-mono);letter-spacing:0;tab-size:2;white-space:pre-wrap;overflow-wrap:break-word;word-break:normal;border:0;margin:0;padding:18px 20px;font-size:13.5px;line-height:1.7}.editor-highlight{min-height:100%;color:var(--fg);pointer-events:none;display:block}.editor-highlight code{font-family:inherit;font-size:inherit}.editor-input{resize:none;color:#0000;width:100%;height:100%;caret-color:var(--accent);background:0 0;outline:none;position:absolute;inset:0;overflow:hidden}.editor-input::placeholder{color:var(--fg-subtle)}.editor-input::selection{background:var(--selection);color:#0000}.preview-toolbar{height:41px;padding:0 var(--space-4);background:var(--bg-elevated);border-bottom:1px solid var(--border);flex:none;justify-content:flex-end;align-items:center;display:flex}.preview-stats{color:var(--fg-subtle);font-variant-numeric:tabular-nums;font-size:11.5px}.preview-scroll{flex:1;overflow:auto}.markdown-body{max-width:860px;margin:0 auto;padding:26px 28px 96px}.preview-error{gap:var(--space-3);margin:var(--space-5);padding:var(--space-4);border:1px solid var(--danger);border-radius:var(--radius-md);background:var(--danger-bg);color:var(--danger);display:flex}.preview-error h2{margin:0 0 4px;font-size:15px}.preview-error p{color:var(--fg);margin:0;font-size:13px}.resizer{cursor:col-resize;touch-action:none;background:0 0;flex:none;place-items:center;width:8px;display:grid;position:relative}.resizer:before{content:"";background:var(--border);width:1px;height:100%;transition:background var(--transition), width var(--transition)}.resizer:hover:before,.resizer:focus-visible:before{background:var(--accent);width:2px}.resizer-grip{background:var(--border-strong);opacity:0;width:4px;height:34px;transition:opacity var(--transition), background var(--transition);border-radius:3px;position:absolute}.resizer:hover .resizer-grip,.resizer:focus-visible .resizer-grip{opacity:1;background:var(--accent)}body.is-resizing{cursor:col-resize;-webkit-user-select:none;user-select:none}.dropzone{z-index:100;background:color-mix(in srgb, var(--bg) 70%, transparent);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);place-items:center;display:grid;position:fixed;inset:0}.dropzone-card{align-items:center;gap:var(--space-2);border:2px dashed var(--accent);border-radius:var(--radius-lg);background:var(--bg-elevated);color:var(--accent);box-shadow:var(--shadow-md);flex-direction:column;padding:34px 48px;display:flex}.dropzone-title{color:var(--fg);margin:0;font-size:16px;font-weight:600}.dropzone-hint{color:var(--fg-muted);margin:0;font-size:12px}.toast-stack{right:var(--space-4);bottom:var(--space-4);z-index:120;gap:var(--space-2);flex-direction:column;max-width:360px;display:flex;position:fixed}.toast{align-items:center;gap:var(--space-2);background:var(--bg-elevated);border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:var(--radius-md);box-shadow:var(--shadow-md);padding:10px 10px 10px 12px;animation:.18s ease-out toast-in;display:flex}.toast-success{border-left-color:var(--success)}.toast-success .toast-icon{color:var(--success)}.toast-error{border-left-color:var(--danger)}.toast-error .toast-icon{color:var(--danger)}.toast-icon{color:var(--accent);place-items:center;display:grid}.toast-text{flex:1;font-size:13px}.toast-close{width:24px;height:24px;color:var(--fg-subtle);cursor:pointer;background:0 0;border:0;border-radius:5px;place-items:center;display:grid}.toast-close:hover{background:var(--bg-hover);color:var(--fg)}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.app-footer{justify-content:center;align-items:center;gap:var(--space-3);padding:8px var(--space-4);background:var(--bg-elevated);border-top:1px solid var(--border);color:var(--fg-subtle);flex:none;font-size:11.5px;display:flex}.footer-meta{justify-content:center;align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.footer-item a{color:var(--link);font-weight:500;text-decoration:none}.footer-item a:hover{text-decoration:underline}.footer-dot{color:var(--border-strong)}@media (width<=960px){.brand-name,.btn-label{display:none}}@media (width<=768px){.header-center{display:none}.sidebar{top:var(--header-h);z-index:40;width:min(300px,84vw);box-shadow:var(--shadow-md);position:absolute;bottom:0;left:0}.app-body{position:relative}.workspace[data-mode=split]{flex-direction:column}.workspace[data-mode=split] .editor-pane,.workspace[data-mode=split] .preview-pane{flex:50%}.workspace[data-mode=split] .resizer{display:none}.markdown-body{padding:20px 18px 80px}.header-actions .btn:nth-child(n+4),.footer-credits{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}mark.search-hit-active{scroll-behavior:auto}}@media print{.app-header,.sidebar,.editor-pane,.resizer,.preview-toolbar,.toast-stack,.dropzone,.app-footer{display:none!important}.app,.app-body,.workspace,.preview-pane,.preview-scroll{height:auto;display:block;overflow:visible}.markdown-body{max-width:none;padding:0}}