.toolbar{height:var(--toolbar-height);border-bottom:1px solid var(--border);background:var(--surface);justify-content:space-between;align-items:center;gap:1rem;padding:0 1rem;display:flex}.brand{align-items:center;gap:.6rem;min-width:0;display:flex}.brand h1{letter-spacing:-.01em;white-space:nowrap;font-size:1.05rem;font-weight:700}.brand h1 span{color:var(--muted);font-weight:400}.toolbar-actions{align-items:center;gap:.25rem;display:flex}.toolbar-divider{background:var(--border);width:1px;height:24px;margin:0 .35rem}.export-group{margin-left:.5rem;display:flex}.export-group>.button{border-top-right-radius:0;border-bottom-right-radius:0}.export-group .button-split{border-left-color:color-mix(in srgb, var(--accent-contrast) 30%, var(--accent));border-top-left-radius:0;border-bottom-left-radius:0;padding:0 .6rem}.popover-root{position:relative}.popover{z-index:50;border:1px solid var(--border);background:var(--surface);width:280px;box-shadow:var(--shadow);border-radius:10px;padding:1rem;position:absolute;top:calc(100% + 8px)}.popover-end{right:0}.popover-title{margin-bottom:.75rem;font-size:.9rem;font-weight:600}.pdf-settings{gap:.65rem;display:grid}.field{color:var(--text-2);grid-template-columns:1fr 1.3fr;align-items:center;gap:.75rem;font-size:.85rem;display:grid}.field select{border:1px solid var(--border-strong);background:var(--surface);border-radius:6px;height:32px;padding:0 .5rem}.field-checkbox{cursor:pointer;gap:.5rem;margin-top:.25rem;display:flex}.field-checkbox input{width:16px;height:16px;accent-color:var(--accent)}@media (width<=900px){.button-label{display:none}.toolbar-actions .button-ghost{padding:0 .55rem}}@media (width<=520px){.toolbar{gap:.5rem;padding:0 .5rem}.brand h1,.toolbar-divider{display:none}.export-group{margin-left:.25rem}.export-group>.button span{display:none}}.format-bar{border-bottom:1px solid var(--border);background:var(--surface-2);scrollbar-width:none;align-items:center;gap:.25rem;height:44px;padding:0 .5rem;display:flex;overflow-x:auto}.format-bar::-webkit-scrollbar{display:none}.format-group{flex-shrink:0;gap:1px;display:flex}.format-group+.format-group{border-left:1px solid var(--border);padding-left:.25rem}.editor-pane{background:var(--surface);flex-direction:column;min-width:0;height:100%;display:flex}.editor-surface{--editor-font-size:14px;--editor-line-height:1.65;--editor-pad-y:1rem;--editor-pad-right:1.25rem;--gutter:calc(var(--gutter-digits,2) * 1ch + 1.75rem);background:var(--surface);flex:1;min-height:0;position:relative;overflow:hidden}.editor-surface:before{content:"";width:var(--gutter);border-right:1px solid var(--border);background:var(--surface-2);position:absolute;inset:0 auto 0 0}.editor-mirror,.editor-textarea{padding:var(--editor-pad-y) var(--editor-pad-right) var(--editor-pad-y) calc(var(--gutter) + 1rem);font-family:var(--font-mono);font-size:var(--editor-font-size);line-height:var(--editor-line-height);letter-spacing:normal;tab-size:4;font-variant-ligatures:none;white-space:pre-wrap;overflow-wrap:break-word;word-break:normal;scrollbar-gutter:stable;position:absolute;inset:0}.editor-mirror{pointer-events:none;overflow:hidden}.editor-mirror-inner{will-change:transform}.editor-line{color:#0000;position:relative}.editor-line:before{content:attr(data-line);width:var(--gutter);text-align:right;color:var(--muted);opacity:.6;font-size:.85em;line-height:calc(var(--editor-font-size) * var(--editor-line-height));padding-right:.75rem;position:absolute;top:0;right:calc(100% + 1rem)}.editor-line.is-active{background:var(--line-active);box-shadow:-1rem 0 0 var(--line-active), var(--editor-pad-right) 0 0 var(--line-active)}.editor-line.is-active:before{color:var(--text);opacity:1}.editor-textarea{z-index:1;resize:none;width:100%;height:100%;color:var(--text);caret-color:var(--accent);background:0 0;border:0;outline:none;overflow-y:auto}.editor-textarea::placeholder{color:var(--muted)}.editor-surface.is-dragging{outline:2px dashed var(--accent);outline-offset:-8px}.editor-drop-hint{z-index:2;border-radius:var(--radius);background:var(--accent);color:var(--accent-contrast);text-align:center;pointer-events:none;padding:.75rem 1rem;font-size:.875rem;position:absolute;inset:auto 1rem 1rem}.status-bar{border-top:1px solid var(--border);background:var(--surface-2);height:28px;color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap;align-items:center;gap:1.25rem;padding:0 1rem;font-size:.75rem;display:flex;overflow:hidden}@media (width<=768px){.editor-surface{--editor-font-size:15px;--editor-pad-right:.75rem}.hide-narrow{display:none}}.preview-pane{background:var(--surface);flex-direction:column;min-width:0;height:100%;display:flex}.preview-content{flex:1;min-height:0;padding:1.5rem 2rem 4rem;overflow-y:auto}.markdown-body{color:var(--text);overflow-wrap:break-word;font-size:16px;line-height:1.65}.markdown-body>:first-child{margin-top:0}.markdown-body .empty-state{text-align:center;color:var(--muted);margin-top:3rem;font-style:italic}.markdown-body .render-error{color:var(--danger)}.markdown-body h1,.markdown-body h2,.markdown-body h3,.markdown-body h4,.markdown-body h5,.markdown-body h6{color:var(--text);margin:1.5em 0 .6em;scroll-margin-top:1rem;font-weight:650;line-height:1.25}.markdown-body h1{border-bottom:1px solid var(--border);padding-bottom:.3em;font-size:2em}.markdown-body h2{border-bottom:1px solid var(--border);padding-bottom:.25em;font-size:1.5em}.markdown-body h3{font-size:1.25em}.markdown-body h4{font-size:1.1em}.markdown-body h5{font-size:1em}.markdown-body h6{color:var(--muted);font-size:.95em}.markdown-body p,.markdown-body ul,.markdown-body ol,.markdown-body blockquote,.markdown-body pre,.markdown-body table,.markdown-body hr,.markdown-body details{margin-bottom:1em}.markdown-body a{color:var(--accent);text-decoration:underline;-webkit-text-decoration-color:color-mix(in srgb, var(--accent) 35%, transparent);text-decoration-color:color-mix(in srgb, var(--accent) 35%, transparent);text-underline-offset:2px}.markdown-body a:hover{-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent)}.markdown-body strong{font-weight:650}.markdown-body ul,.markdown-body ol{padding-left:1.75em}.markdown-body li+li,.markdown-body li>ul,.markdown-body li>ol{margin-top:.25em}.markdown-body li>ul,.markdown-body li>ol{margin-bottom:0}.markdown-body li.task-list-item{list-style:none}.markdown-body .task-list-checkbox{vertical-align:-.1em;width:1em;height:1em;accent-color:var(--accent);margin:0 .4em 0 -1.4em}.markdown-body blockquote{border-left:4px solid var(--border-strong);color:var(--muted);padding:.1em 1em}.markdown-body blockquote>:last-child{margin-bottom:0}.markdown-body code,.markdown-body kbd{font-family:var(--font-mono);font-size:.875em}.markdown-body :not(pre)>code{background:var(--code-bg);color:var(--code-text);border-radius:4px;padding:.15em .35em}.markdown-body kbd{border:1px solid var(--border-strong);background:var(--surface-2);border-bottom-width:2px;border-radius:4px;padding:.1em .4em}.markdown-body pre{border:1px solid var(--border);border-radius:var(--radius);background:var(--code-bg);padding:1em;line-height:1.5;overflow-x:auto}.markdown-body pre code{color:var(--text);font-size:.85em}.markdown-body table{border-collapse:collapse;width:max-content;max-width:100%;display:block;overflow-x:auto}.markdown-body th,.markdown-body td{border:1px solid var(--border-strong);padding:.45em .8em}.markdown-body th{background:var(--surface-3);font-weight:600}.markdown-body tr:nth-child(2n) td{background:var(--surface-2)}.markdown-body hr{background:var(--border);border:0;height:1px;margin:2em 0}.markdown-body img{border-radius:4px;max-width:100%;height:auto}.markdown-body mark{color:#0f172a;background:#fef08a;border-radius:2px;padding:0 .15em}.markdown-body .toc{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-2);margin-bottom:1.5em;padding:.75em 1em}.markdown-body .toc-title{margin-bottom:.25em;font-weight:650}.markdown-body .toc ul{margin:0;padding:0;list-style:none}.markdown-body .toc li{margin:.15em 0}.markdown-body .toc-level-1{padding-left:1em}.markdown-body .toc-level-2{padding-left:2em}.markdown-body .math-block,.markdown-body .mermaid-diagram{text-align:center;margin:1em 0;overflow-x:auto}.markdown-body .math-block svg,.markdown-body .mermaid-diagram svg{max-width:100%;height:auto}.markdown-body .math-inline svg{display:inline-block}.markdown-body .is-pending{font-family:var(--font-mono);color:var(--muted);white-space:pre-wrap;font-size:.875em}.markdown-body div.is-pending{border:1px dashed var(--border-strong);border-radius:var(--radius);text-align:left;padding:1em}.markdown-body .is-error{border:1px solid color-mix(in srgb, var(--danger) 40%, transparent);border-radius:var(--radius);color:var(--danger);font-family:var(--font-mono);text-align:left;white-space:pre-wrap;padding:.75em 1em;font-size:.85em;display:block}.markdown-body span.is-error{padding:.1em .35em;display:inline}:root[data-theme=dark] .markdown-body .math-inline svg,:root[data-theme=dark] .markdown-body .math-block svg{color:var(--text)}.markdown-body .page-break{color:var(--muted);letter-spacing:.05em;text-transform:uppercase;align-items:center;gap:.75em;margin:2em 0;font-size:.75rem;display:flex}.markdown-body .page-break:before,.markdown-body .page-break:after{content:"";border-top:1px dashed var(--border-strong);flex:1}.markdown-body .footnote-ref a{text-decoration:none}.markdown-body .footnotes-sep{width:30%;margin:2.5em 0 1em}.markdown-body .footnotes{color:var(--text-2);font-size:.875em}.markdown-body .footnote-backref{text-decoration:none}.markdown-body{--tok-comment:#6a737d;--tok-keyword:#d73a49;--tok-string:#032f62;--tok-number:#005cc5;--tok-function:#6f42c1;--tok-tag:#22863a;--tok-variable:#e36209}:root[data-theme=dark] .markdown-body{--tok-comment:#8b949e;--tok-keyword:#ff7b72;--tok-string:#a5d6ff;--tok-number:#79c0ff;--tok-function:#d2a8ff;--tok-tag:#7ee787;--tok-variable:#ffa657}.markdown-body .token.comment,.markdown-body .token.prolog,.markdown-body .token.doctype,.markdown-body .token.cdata{color:var(--tok-comment);font-style:italic}.markdown-body .token.keyword,.markdown-body .token.atrule,.markdown-body .token.operator,.markdown-body .token.entity,.markdown-body .token.deleted{color:var(--tok-keyword)}.markdown-body .token.string,.markdown-body .token.char,.markdown-body .token.attr-value,.markdown-body .token.regex,.markdown-body .token.url{color:var(--tok-string)}.markdown-body .token.number,.markdown-body .token.boolean,.markdown-body .token.constant,.markdown-body .token.property,.markdown-body .token.symbol{color:var(--tok-number)}.markdown-body .token.function,.markdown-body .token.class-name,.markdown-body .token.selector,.markdown-body .token.attr-name{color:var(--tok-function)}.markdown-body .token.tag,.markdown-body .token.inserted{color:var(--tok-tag)}.markdown-body .token.builtin,.markdown-body .token.variable,.markdown-body .token.important{color:var(--tok-variable)}.markdown-body .token.punctuation{color:inherit}@media (width<=768px){.preview-content{padding:1rem 1rem 3rem}.markdown-body{font-size:15px}}.split-view{flex:1;min-width:0;display:flex}.split-pane{flex-grow:0;flex-shrink:1;min-width:0;overflow:hidden}.split-divider{background:var(--border);cursor:col-resize;touch-action:none;flex:0 0 1px;position:relative}.split-divider:before{content:"";z-index:5;position:absolute;inset:0 -5px}.split-divider:after{content:"";background:var(--border-strong);border-radius:3px;width:5px;height:40px;transition:background .15s;position:absolute;top:50%;left:-2px;transform:translateY(-50%)}.split-divider:hover:after,.split-divider:focus-visible:after,.is-dragging .split-divider:after{background:var(--accent)}.split-view.is-dragging{cursor:col-resize;-webkit-user-select:none;user-select:none}.split-view.is-dragging .split-pane{pointer-events:none}.toasts{z-index:100;gap:.5rem;width:min(420px,100vw - 2rem);display:grid;position:fixed;bottom:1rem;right:1rem}.toast{border:1px solid var(--border);border-left:4px solid var(--accent);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow);align-items:center;gap:.6rem;padding:.6rem .5rem .6rem .85rem;font-size:.875rem;animation:.2s ease-out toast-in;display:flex}.toast-success{border-left-color:var(--success)}.toast-warning{border-left-color:var(--warning)}.toast-error{border-left-color:var(--danger)}.toast-icon{color:var(--accent);flex-shrink:0}.toast-success .toast-icon{color:var(--success)}.toast-warning .toast-icon{color:var(--warning)}.toast-error .toast-icon{color:var(--danger)}.toast-message{flex:1;line-height:1.4}.toast-action{background:var(--accent-soft);color:var(--accent);cursor:pointer;border:0;border-radius:6px;padding:.3rem .6rem;font-weight:600}.toast-close{flex-shrink:0}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}}.help-dialog{border:1px solid var(--border);background:var(--surface);width:min(760px,100vw - 2rem);max-height:calc(100dvh - 2rem);color:var(--text);box-shadow:var(--shadow);border-radius:12px;margin:auto}.help-dialog::backdrop{background:#02061780}.help-body{padding:1.25rem 1.5rem 1.5rem}.help-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.help-header h2{font-size:1.25rem}.help-privacy{border-radius:var(--radius);background:var(--accent-soft);align-items:flex-start;gap:.6rem;margin-bottom:1.25rem;padding:.75rem 1rem;font-size:.875rem;line-height:1.5;display:flex}.help-privacy svg{color:var(--accent);flex-shrink:0;margin-top:1px}.help-columns{grid-template-columns:1fr 1.3fr;gap:2rem;display:grid}.help-columns h3{letter-spacing:.05em;text-transform:uppercase;color:var(--muted);margin-bottom:.5rem;font-size:.8rem}.help-columns dl>div{border-bottom:1px solid var(--border);justify-content:space-between;gap:1rem;padding:.4rem 0;font-size:.85rem;display:flex}.help-columns dd{color:var(--text-2);text-align:right}.help-columns kbd,.help-columns code{font-family:var(--font-mono);white-space:nowrap;font-size:.8rem}.help-columns kbd{border:1px solid var(--border-strong);background:var(--surface-2);border-bottom-width:2px;border-radius:4px;padding:.1rem .4rem}@media (width<=640px){.help-columns{grid-template-columns:1fr;gap:1.25rem}}.app{background:var(--surface);flex-direction:column;height:100%;display:flex}.split-main,.single-view{flex:1;min-height:0;display:flex}.single-view>*{flex:1;min-width:0}.view-switch{border-bottom:1px solid var(--border);background:var(--surface-2);grid-template-columns:1fr 1fr;gap:4px;padding:6px;display:grid}.view-switch button{height:36px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:6px;justify-content:center;align-items:center;gap:.4rem;font-size:.875rem;font-weight:500;display:inline-flex}.view-switch button[aria-selected=true]{background:var(--surface);color:var(--text);box-shadow:0 1px 2px #0f172a1f}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f1f5f9;--surface:#fff;--surface-2:#f8fafc;--surface-3:#eef2f7;--border:#e2e8f0;--border-strong:#cbd5e1;--text:#0f172a;--text-2:#334155;--muted:#64748b;--accent:#2563eb;--accent-hover:#1d4ed8;--accent-contrast:#fff;--accent-soft:#dbeafe;--success:#15803d;--warning:#b45309;--danger:#dc2626;--code-bg:#f6f8fa;--code-text:#be123c;--line-active:#f1f5f9;--shadow:0 10px 30px -10px #0f172a40;--radius:8px;--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono:ui-monospace, "SFMono-Regular", "Cascadia Code", "JetBrains Mono", Menlo, Consolas, monospace;--toolbar-height:56px}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#020617;--surface:#0f172a;--surface-2:#111c31;--surface-3:#1e293b;--border:#1e293b;--border-strong:#334155;--text:#e2e8f0;--text-2:#cbd5e1;--muted:#94a3b8;--accent:#60a5fa;--accent-hover:#93c5fd;--accent-contrast:#0b1220;--accent-soft:#1e3a5f;--success:#4ade80;--warning:#fbbf24;--danger:#f87171;--code-bg:#111c31;--code-text:#fda4af;--line-active:#16213a;--shadow:0 10px 30px -10px #0009}*,:before,:after{box-sizing:border-box}*{margin:0;padding:0}html,body{background:var(--bg);color:var(--text);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{height:100dvh}button,input,select,textarea{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}::selection{background:var(--accent-soft)}.button{border:1px solid var(--border-strong);border-radius:var(--radius);background:var(--surface);white-space:nowrap;cursor:pointer;align-items:center;gap:.4rem;height:36px;padding:0 .85rem;font-size:.875rem;font-weight:500;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.button:hover:not(:disabled){background:var(--surface-3)}.button:disabled{cursor:progress;opacity:.8}.button-ghost{color:var(--text-2);background:0 0;border-color:#0000}.button-primary{border-color:var(--accent);background:var(--accent);color:var(--accent-contrast)}.button-primary:hover:not(:disabled){border-color:var(--accent-hover);background:var(--accent-hover)}.icon-button{width:32px;height:32px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:6px;place-items:center;transition:background .15s,color .15s;display:inline-grid}.icon-button:hover{background:var(--surface-3);color:var(--text)}.icon-button.is-on{color:var(--accent)}.pane-header{border-bottom:1px solid var(--border);background:var(--surface-2);justify-content:space-between;align-items:center;gap:.5rem;height:44px;padding:0 .5rem 0 1rem;display:flex}.pane-header h2{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-size:.75rem;font-weight:600}.spin{animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.error-fallback{text-align:center;height:100%;color:var(--muted);place-content:center;gap:1rem;padding:2rem;display:grid}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.about{max-width:820px;color:var(--text-2);margin:0 auto;padding:4rem 1.5rem 3rem;line-height:1.65}.about section+section{margin-top:3rem}.about h2{color:var(--text);margin-bottom:.75rem;font-size:1.5rem;line-height:1.3}.about-intro h2{font-size:2rem}.about-intro p{font-size:1.1rem}.about ol,.about ul{gap:.6rem;padding-left:1.4rem;display:grid}.about strong{color:var(--text)}.about code{background:var(--surface-3);font-family:var(--font-mono);border-radius:4px;padding:.1em .35em;font-size:.9em}.about details{border-bottom:1px solid var(--border)}.about summary{color:var(--text);cursor:pointer;padding:.85rem 0;font-weight:600}.about details p{padding-bottom:1rem}.about a{color:var(--accent)}.about-footer{border-top:1px solid var(--border);text-align:center;color:var(--muted);margin-top:3rem;padding-top:1.5rem;font-size:.9rem}.noscript{text-align:center;padding:2rem}.editor-textarea,.preview-content{overscroll-behavior:contain}