:root{--bg:#0f1117;--panel:#131620;--panel-raised:#1a1d29;--border:#242838;--border-strong:#31364a;--text:#e6e8ee;--text-muted:#8b90a0;--text-faint:#5f647a;--accent:#8b7cf6;--accent-soft:#8b7cf624;--accent-text:#c4bbff;--radius:10px;--font-sans:Inter, system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono:"JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:var(--font-sans);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);overflow:hidden}body.resizing{cursor:col-resize;-webkit-user-select:none;user-select:none}button{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--border-strong);background-clip:padding-box;border:3px solid #0000;border-radius:999px}::-webkit-scrollbar-thumb:hover{background-color:#444a63}::-webkit-scrollbar-track{background:0 0}.markdown-body{--md-text:#dfe2ea;--md-heading:#f4f3fb;--md-muted:#9298aa;--md-border:#262a3a;--md-surface:#161925;--md-code-bg:#1b1e2b;--md-accent:#a99cff;max-width:760px;color:var(--md-text);overflow-wrap:break-word;margin:0 auto;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;font-size:16px;line-height:1.72}.markdown-body>:first-child{margin-top:0!important}.markdown-body :is(p,ul,ol,blockquote,pre,table,details,.mermaid-diagram,.katex-display){margin:0 0 1.1em}.markdown-body :is(h1,h2,h3,h4,h5,h6){color:var(--md-heading);letter-spacing:-.015em;margin:1.8em 0 .6em;font-weight:650;line-height:1.3}.markdown-body h1{letter-spacing:-.025em;font-size:2.1em;font-weight:750}.markdown-body h2{border-bottom:1px solid var(--md-border);padding-bottom:.35em;font-size:1.5em}.markdown-body h3{font-size:1.22em}.markdown-body h4{font-size:1.05em}.markdown-body :is(h5,h6){color:var(--md-muted);font-size:.95em}.markdown-body a{color:var(--md-accent);text-underline-offset:3px;-webkit-text-decoration:underline #a99cff59;text-decoration:underline #a99cff59}.markdown-body a:hover{text-decoration-color:currentColor}.markdown-body strong{color:var(--md-heading);font-weight:650}.markdown-body :is(ul,ol){padding-left:1.6em}.markdown-body li+li{margin-top:.3em}.markdown-body li>:is(ul,ol){margin:.3em 0 0}.markdown-body li::marker{color:var(--md-muted)}.markdown-body .contains-task-list{padding-left:.4em;list-style:none}.markdown-body .task-list-item input{vertical-align:middle;accent-color:#8b7cf6;margin:0 .55em 0 0}.markdown-body blockquote{color:#b9bdcc;background:#8b7cf612;border-left:3px solid #8b7cf6;border-radius:0 6px 6px 0;padding:.2em 1.1em}.markdown-body blockquote>:last-child{margin-bottom:0}.markdown-body hr{background:var(--md-border);border:0;height:1px;margin:2em 0}.markdown-body :not(pre)>code{background:var(--md-code-bg);border:1px solid var(--md-border);color:#f0b37e;border-radius:5px;padding:.15em .4em;font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.86em}.markdown-body pre{border:1px solid var(--md-border);background:var(--md-code-bg);border-radius:10px;padding:16px 18px;line-height:1.6;overflow-x:auto}.markdown-body pre code{font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.85em}.markdown-body pre code.hljs{background:0 0;padding:0}.markdown-body table{border-collapse:collapse;width:max-content;max-width:100%;font-size:.94em;display:block;overflow-x:auto}.markdown-body :is(th,td){border:1px solid var(--md-border);padding:8px 14px}.markdown-body th{background:var(--md-surface);color:var(--md-heading);font-weight:600}.markdown-body tr:nth-child(2n) td{background:#ffffff04}.markdown-body img{border-radius:8px;max-width:100%}.markdown-body .katex-display{padding:.3em 0;overflow:auto hidden}.markdown-body .mermaid-diagram{border:1px solid var(--md-border);background:var(--md-surface);border-radius:10px;justify-content:center;padding:20px;display:flex;overflow-x:auto}.markdown-body .mermaid-diagram svg{max-width:100%;height:auto}.markdown-body .mermaid-error{color:#ff8a9b;white-space:pre-wrap;justify-content:flex-start;font-family:JetBrains Mono,ui-monospace,monospace;font-size:.85em}.markdown-body .footnotes{border-top:1px solid var(--md-border);color:var(--md-muted);margin-top:2.5em;padding-top:1em;font-size:.9em}.markdown-body .footnotes h2{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}@media print{.markdown-body{--md-text:#1f2328;--md-heading:#0d1117;--md-muted:#57606a;--md-border:#d0d7de;--md-surface:#f6f8fa;--md-code-bg:#f6f8fa;--md-accent:#5b4bd5;max-width:none}.markdown-body blockquote{color:#424a53;background:#f4f2ff}.markdown-body :not(pre)>code{color:#9a3412}.markdown-body pre{-webkit-print-color-adjust:exact;print-color-adjust:exact;background:#161b22}.markdown-body .mermaid-diagram{-webkit-print-color-adjust:exact;print-color-adjust:exact;background:#161925}.markdown-body :is(pre,table,.mermaid-diagram,.katex-display){break-inside:avoid}}.app{flex-direction:column;height:100%;display:flex}.header{border-bottom:1px solid var(--border);background:var(--bg);flex-shrink:0;justify-content:space-between;align-items:center;gap:16px;height:56px;padding:0 16px 0 18px;display:flex}.brand{align-items:center;gap:10px;min-width:0;display:flex}.brand-name{letter-spacing:-.01em;font-size:17px;font-weight:700}.file-name{color:var(--text-muted);border:1px solid var(--border);white-space:nowrap;text-overflow:ellipsis;border-radius:999px;max-width:260px;padding:3px 10px;font-size:13px;overflow:hidden}.actions{align-items:center;gap:6px;display:flex}.btn{border:1px solid var(--border);background:var(--panel);height:34px;color:var(--text);cursor:pointer;border-radius:8px;align-items:center;gap:7px;padding:0 12px;font-size:13px;font-weight:500;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.btn:hover{background:var(--panel-raised);border-color:var(--border-strong)}.btn svg{color:var(--text-muted);transition:color .15s}.btn:hover svg{color:var(--text)}.btn-primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn-primary svg,.btn-primary:hover svg{color:#fff}.btn-primary:hover{background:#9b8ef8;border-color:#9b8ef8}.menu{position:relative}.menu-list{z-index:20;background:var(--panel-raised);border:1px solid var(--border-strong);border-radius:var(--radius);min-width:200px;padding:6px;animation:.12s ease-out pop;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 12px 32px #00000073}.menu-list button{text-align:left;cursor:pointer;background:0 0;border:0;border-radius:6px;align-items:center;gap:10px;width:100%;padding:8px 10px;font-size:13px;display:flex}.menu-list button:hover,.menu-list button:focus-visible{background:var(--accent-soft);outline:none}.menu-list svg{color:var(--text-muted)}.menu-list kbd{font-family:var(--font-mono);color:var(--text-faint);margin-left:auto;font-size:11px}@keyframes pop{0%{opacity:0;transform:translateY(-4px)}}.workspace{--split:50%;grid-template-columns:minmax(0, var(--split)) 6px minmax(0, 1fr);flex:1;min-height:0;display:grid}.pane{flex-direction:column;min-width:0;min-height:0;display:flex}.pane-editor{background:var(--panel)}.editor{flex:1;min-height:0}.status{border-top:1px solid var(--border);color:var(--text-faint);font-variant-numeric:tabular-nums;gap:8px;padding:8px 20px;font-size:12px;display:flex}.divider{cursor:col-resize;background:var(--border);touch-action:none;transition:background .15s;position:relative}.divider:after{content:"";background:var(--text-faint);border-radius:2px;width:2px;height:28px;transition:background .15s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.divider:hover,.divider:focus-visible,body.resizing .divider{background:var(--accent);outline:none}.divider:hover:after,.divider:focus-visible:after,body.resizing .divider:after{background:#fff}.preview{flex:1;min-height:0;position:relative;overflow-y:auto}.preview .markdown-body{padding:40px 48px 96px}.site-footer{border-top:1px solid var(--border);background:var(--bg);color:var(--text-faint);text-align:center;flex-shrink:0;padding:8px 16px;font-size:12px}.site-footer a{color:var(--text-muted);text-decoration:none;transition:color .15s}.site-footer a:hover{color:var(--accent-text)}.drop-overlay{z-index:50;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:none;background:#0f1117cc;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.drop-card{border:2px dashed var(--accent);background:var(--accent-soft);color:var(--accent-text);border-radius:16px;padding:48px 64px;font-size:18px;font-weight:600}.toast{z-index:60;border:1px solid var(--border-strong);background:var(--panel-raised);opacity:0;pointer-events:none;border-radius:999px;padding:10px 16px;font-size:13px;transition:opacity .2s,transform .2s;position:fixed;bottom:24px;left:50%;transform:translate(-50%,8px);box-shadow:0 8px 24px #0006}.toast-visible{opacity:1;transform:translate(-50%)}@media (width<=767px){.header{padding:0 12px}.btn-label,.file-name{display:none}.btn{padding:0 10px}.workspace{grid-template-rows:minmax(0,1fr) minmax(0,1fr);grid-template-columns:minmax(0,1fr)}.divider{display:none}.pane-editor{border-bottom:1px solid var(--border)}.preview .markdown-body{padding:24px 16px 64px}}@media print{html,body,#root{height:auto}body{background:#fff;overflow:visible}.header,.site-footer,.pane-editor,.divider,.toast,.drop-overlay{display:none!important}.app,.workspace,.pane,.preview{height:auto;display:block;overflow:visible}.preview .markdown-body{padding:0}}