:root,html[data-theme=light]{--topbar-bg: #f8fafc;--topbar-border: #e2e8f0;--brand: #0f172a;--topbar-muted: #64748b;--icon-btn-bg: #fff;--icon-btn-border: #cbd5e1;--icon-btn-hover: #f1f5f9;--icon-btn-color: #0f172a;--export-bg: #2563eb;--export-border: #3b82f6;--export-bg-hover: #3b82f6;--export-text: #fff;--backdrop: rgba(15, 23, 42, .45);--modal-bg: #fff;--modal-text: #0f172a;--modal-muted: #334155;--modal-close: #64748b;--modal-close-hover-bg: #f1f5f9;--modal-figure-bg: #f8fafc;--modal-figure-border: #e2e8f0;--drawer-bg: #f8fafc;--drawer-surface: #fff;--drawer-text: #0f172a;--drawer-border: #e2e8f0;--drawer-muted: #64748b;--drawer-code-bg: #e2e8f0;--drawer-btn-bg: #fff;--drawer-btn-border: #cbd5e1;--drawer-btn-hover: #f1f5f9;--pane-border: #cbd5e1;--pane-header-bg: #e2e8f0;--pane-header-text: #475569;--pane-header-border: #cbd5e1;--editor-bg: #fff;--editor-text: #0f172a;--editor-focus: #3b82f6;--preview-wrap-bg: #fff;--preview-text: #0f172a;--preview-h1-border: #e2e8f0;--preview-code-bg: #f1f5f9;--preview-code-text: inherit;--preview-pre-bg: #0f172a;--preview-pre-text: #e2e8f0;--preview-hr: #e2e8f0;--preview-blockquote: #475569;--preview-blockquote-border: #94a3b8;--preview-link: #2563eb;--app-bg: #f1f5f9}html[data-theme=dark]{--topbar-bg: #0f172a;--topbar-border: #1e293b;--brand: #f8fafc;--topbar-muted: #cbd5e1;--icon-btn-bg: #1e293b;--icon-btn-border: #334155;--icon-btn-hover: #334155;--icon-btn-color: #e2e8f0;--export-bg: #2563eb;--export-border: #3b82f6;--export-bg-hover: #3b82f6;--export-text: #fff;--backdrop: rgba(0, 0, 0, .55);--modal-bg: #1e293b;--modal-text: #f1f5f9;--modal-muted: #94a3b8;--modal-close: #94a3b8;--modal-close-hover-bg: #334155;--modal-figure-bg: #0f172a;--modal-figure-border: #334155;--drawer-bg: #0f172a;--drawer-surface: #1e293b;--drawer-text: #e2e8f0;--drawer-border: #334155;--drawer-muted: #94a3b8;--drawer-code-bg: #334155;--drawer-btn-bg: #1e293b;--drawer-btn-border: #475569;--drawer-btn-hover: #334155;--pane-border: #334155;--pane-header-bg: #334155;--pane-header-text: #cbd5e1;--pane-header-border: #475569;--editor-bg: #0f172a;--editor-text: #e2e8f0;--editor-focus: #60a5fa;--preview-wrap-bg: #0f172a;--preview-text: #e2e8f0;--preview-h1-border: #334155;--preview-code-bg: #1e293b;--preview-code-text: #e2e8f0;--preview-pre-bg: #020617;--preview-pre-text: #e2e8f0;--preview-hr: #334155;--preview-blockquote: #94a3b8;--preview-blockquote-border: #64748b;--preview-link: #60a5fa;--app-bg: #020617}.app{display:flex;flex-direction:column;height:100%;min-height:100vh;background:var(--app-bg)}.topbar{--topbar-control-h: 2.5rem;--topbar-control-px: .9rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.65rem 1rem;background:var(--topbar-bg);color:var(--brand);flex-shrink:0;border-bottom:1px solid var(--topbar-border)}.topbar-brand{display:flex;align-items:center;gap:.85rem;min-width:0;flex-wrap:wrap}.brand{margin:0;font-size:1.25rem;font-weight:700;letter-spacing:-.03em;color:var(--brand)}.topbar-actions{display:flex;align-items:center;justify-content:flex-end;min-width:0;flex-shrink:0}.topbar-action-stack{display:flex;flex-direction:column;align-items:flex-end;gap:.2rem;min-width:0}.topbar-cta-row{display:flex;flex-wrap:wrap;align-items:stretch;justify-content:flex-end;gap:.5rem}.topbar-cta-row .copy-link-button,.topbar-cta-row .export-button{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;min-height:var(--topbar-control-h);height:var(--topbar-control-h);padding:0 var(--topbar-control-px);line-height:1.2}.topbar-cta-row .icon-button{box-sizing:border-box;flex:0 0 var(--topbar-control-h);width:var(--topbar-control-h);height:var(--topbar-control-h);min-width:var(--topbar-control-h);min-height:var(--topbar-control-h)}.copy-link-button{font:inherit;font-size:.875rem;font-weight:600;border-radius:8px;border:1px solid var(--icon-btn-border);background:var(--icon-btn-bg);color:var(--icon-btn-color);cursor:pointer;white-space:nowrap}.copy-link-button:hover{background:var(--icon-btn-hover)}.topbar-share-message{margin:0;max-width:min(20rem,70vw);font-size:.7rem;line-height:1.35;text-align:right;color:var(--topbar-muted)}.topbar-share-message--err{color:#dc2626}html[data-theme=dark] .topbar-share-message--err{color:#f87171}.about-button{font:inherit;font-size:.8125rem;font-weight:500;padding:.35rem .6rem;border:none;border-radius:6px;background:transparent;color:var(--topbar-muted);cursor:pointer;white-space:nowrap}.about-button:hover{color:var(--brand);background:color-mix(in srgb,var(--topbar-muted) 15%,transparent)}.icon-button{display:flex;align-items:center;justify-content:center;padding:0;border:1px solid var(--icon-btn-border);border-radius:8px;background:var(--icon-btn-bg);color:var(--icon-btn-color);cursor:pointer;width:2.5rem;height:2.5rem;flex-shrink:0}.icon-button:hover{background:var(--icon-btn-hover)}.icon-button svg{display:block;width:1.15rem;height:1.15rem}.export-button{font:inherit;font-size:.875rem;font-weight:600;border-radius:8px;border:1px solid var(--export-border);background:var(--export-bg);color:var(--export-text);cursor:pointer;white-space:nowrap;padding:.45rem .9rem}.export-button:hover:not(:disabled){background:var(--export-bg-hover)}.export-button:disabled{opacity:.65;cursor:not-allowed}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:120;border:none;padding:0;margin:0;background:var(--backdrop);cursor:pointer}.modal{position:fixed;top:50%;left:50%;z-index:130;transform:translate(-50%,-50%);width:min(26rem,calc(100vw - 2rem));max-height:min(90vh,36rem);overflow:auto;padding:1.35rem 1.25rem 1.25rem;border-radius:12px;background:var(--modal-bg);color:var(--modal-text);box-shadow:0 25px 50px -12px #0f172a59}.modal-close{position:absolute;top:.5rem;right:.5rem;display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;border:none;border-radius:6px;background:transparent;color:var(--modal-close);font-size:1.5rem;line-height:1;cursor:pointer}.modal-close:hover{background:var(--modal-close-hover-bg);color:var(--modal-text)}.modal-title{margin:0 1.75rem .5rem 0;font-size:1.125rem;font-weight:700;letter-spacing:-.02em}.modal-about{margin:0 0 .85rem;font-size:.9375rem;line-height:1.55;color:var(--modal-text)}.modal-about code{font-size:.88em;padding:.1em .35em;border-radius:4px;background:var(--drawer-code-bg)}.modal-tagline{margin:.35rem 0 1rem;font-size:.9375rem;color:var(--modal-muted)}.modal-figure{display:flex;justify-content:center;margin:0 0 1rem;padding:.75rem;background:var(--modal-figure-bg);border-radius:10px;border:1px solid var(--modal-figure-border)}.modal-dogbert{display:block;max-width:100%;max-height:min(220px,40vh);width:auto;height:auto;object-fit:contain;border-radius:6px}.drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;border:none;padding:0;margin:0;background:var(--backdrop);cursor:pointer}.drawer{position:fixed;top:0;right:0;z-index:100;display:flex;flex-direction:column;width:min(20rem,90vw);max-width:100%;height:100%;background:var(--drawer-bg);color:var(--drawer-text);box-shadow:-12px 0 40px #0f172a2e;transform:translate(100%);transition:transform .22s ease;pointer-events:none}.drawer.drawer--open{transform:translate(0);pointer-events:auto}.drawer-header{display:flex;align-items:center;justify-content:space-between;padding:.85rem 1rem;border-bottom:1px solid var(--drawer-border);background:var(--drawer-surface)}.drawer-title{font-size:.8rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--drawer-muted)}.drawer-close{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;border:none;border-radius:6px;background:transparent;color:var(--drawer-muted);font-size:1.5rem;line-height:1;cursor:pointer}.drawer-close:hover{background:var(--drawer-btn-hover);color:var(--drawer-text)}.drawer-body{padding:1rem 1rem 1.5rem;overflow-y:auto;font-size:.875rem;line-height:1.5}.drawer-theme-option{display:flex;align-items:center;gap:.6rem;width:100%;margin-bottom:1rem;padding:.55rem .7rem;font:inherit;font-size:.875rem;font-weight:500;border-radius:8px;border:1px solid var(--drawer-btn-border);background:var(--drawer-btn-bg);color:var(--drawer-text);cursor:pointer;text-align:left}.drawer-theme-option:hover{background:var(--drawer-btn-hover)}.drawer-theme-option svg{flex-shrink:0;width:1.15rem;height:1.15rem}.drawer-option{display:flex;align-items:flex-start;gap:.5rem;cursor:pointer;-webkit-user-select:none;user-select:none}.drawer-option input{margin-top:.2rem}.drawer-option code{font-size:.85em;background:var(--drawer-code-bg);padding:.1em .3em;border-radius:4px}.drawer-button{display:block;width:100%;margin-top:1rem;font:inherit;font-size:.875rem;padding:.5rem .75rem;border-radius:8px;border:1px solid var(--drawer-btn-border);background:var(--drawer-btn-bg);color:var(--drawer-text);cursor:pointer;text-align:center}.drawer-button:hover{background:var(--drawer-btn-hover)}.drawer-button code{font-size:.85em}.drawer-hint{margin:1rem 0 0;padding-top:1rem;border-top:1px solid var(--drawer-border);color:var(--drawer-muted);font-size:.8125rem}.panes{display:grid;grid-template-columns:1fr 1fr;flex:1;min-height:0}.panes--preview-expanded{grid-template-columns:1fr}.panes--preview-expanded .pane--markdown{display:none}.panes--preview-expanded .pane--preview{border-right:none}.panes--preview-expanded .preview{max-width:none}@media (max-width: 800px){.panes{grid-template-columns:1fr;grid-template-rows:minmax(200px,1fr) minmax(200px,1fr)}.panes--preview-expanded{grid-template-rows:1fr}}.pane{display:flex;flex-direction:column;min-height:0;border-right:1px solid var(--pane-border)}.pane:last-child{border-right:none}@media (max-width: 800px){.pane{border-right:none;border-bottom:1px solid var(--pane-border)}.pane:last-child{border-bottom:none}}.pane-header{padding:.4rem .75rem;font-size:.75rem;font-weight:600;letter-spacing:.02em;text-transform:uppercase;color:var(--pane-header-text);background:var(--pane-header-bg);border-bottom:1px solid var(--pane-header-border)}.pane-header--with-actions{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.pane-header--with-actions>span{min-width:0}.pane-expand-button{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:2rem;height:2rem;padding:0;margin:-.15rem 0;border:1px solid var(--pane-header-border);border-radius:6px;background:color-mix(in srgb,var(--pane-header-bg) 65%,var(--preview-wrap-bg));color:var(--pane-header-text);cursor:pointer}.pane-expand-button:hover{background:color-mix(in srgb,var(--pane-header-bg) 45%,var(--preview-wrap-bg))}.pane-expand-button[aria-pressed=true]{background:color-mix(in srgb,var(--pane-header-bg) 40%,var(--preview-wrap-bg))}.editor{flex:1;width:100%;min-height:0;padding:.75rem 1rem;border:none;resize:none;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.875rem;line-height:1.5;background:var(--editor-bg);color:var(--editor-text)}.editor:focus{outline:2px solid var(--editor-focus);outline-offset:-2px}.preview-wrap{flex:1;min-height:0;overflow:auto;padding:1rem 1.25rem;background:var(--preview-wrap-bg)}.preview{max-width:52rem;font-size:.9375rem;line-height:1.65;color:var(--preview-text)}.preview a{color:var(--preview-link)}.preview h1,.preview h2,.preview h3{margin-top:1.25em;margin-bottom:.5em;line-height:1.25;color:var(--preview-text)}.preview h1{font-size:1.5rem;border-bottom:1px solid var(--preview-h1-border);padding-bottom:.35rem}.preview h2{font-size:1.25rem}.preview p{margin:.65em 0}.preview ul,.preview ol{margin:.65em 0;padding-left:1.35rem}.preview li{margin:.25em 0}.preview strong{font-weight:600}.preview code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.88em;background:var(--preview-code-bg);color:var(--preview-code-text);padding:.12em .35em;border-radius:4px}.preview pre{overflow-x:auto;padding:.85rem 1rem;background:var(--preview-pre-bg);color:var(--preview-pre-text);border-radius:8px;font-size:.8125rem}.preview pre code{background:none;padding:0;color:inherit}.preview-json-block{margin-bottom:1rem}.preview-json-surface{border-radius:8px;overflow:hidden;background:var(--preview-pre-bg);color:var(--preview-pre-text);border:1px solid transparent}html[data-theme=dark] .preview-json-surface{background:#f8fafc;color:#0f172a;border-color:#cbd5e1}.preview-json-toolbar{display:flex;justify-content:flex-end;align-items:center;padding:.3rem .45rem;border-bottom:1px solid rgba(255,255,255,.12)}html[data-theme=dark] .preview-json-toolbar{border-bottom-color:#e2e8f0}.preview-json-toggle{font:inherit;font-size:.75rem;font-weight:500;padding:.2rem .55rem;border-radius:4px;border:1px solid rgba(255,255,255,.22);background:#ffffff1a;color:inherit;cursor:pointer}.preview-json-toggle:hover{background:#ffffff29}html[data-theme=dark] .preview-json-toggle{border-color:#cbd5e1;background:#fff;color:#0f172a}html[data-theme=dark] .preview-json-toggle:hover{background:#f1f5f9}.preview-json-surface .preview-json-body,.preview-json-surface .preview-json-body code{color:inherit}.preview-json-body{margin:0!important;border-radius:0!important;background:transparent!important}.preview-json-tree{padding:.75rem 1rem;font-size:.8125rem;line-height:1.55;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;overflow-x:auto;color:inherit}.json-tree-list{list-style:none;margin:.2rem 0 0;padding:0 0 0 .75rem;border-left:1px solid rgba(255,255,255,.2)}html[data-theme=dark] .json-tree-list{border-left-color:#94a3b8}.json-tree-item{margin:.15rem 0}.json-tree-prop{display:grid;grid-template-columns:auto auto minmax(0,1fr) auto;gap:0 .35rem;align-items:start}.json-tree-key{grid-column:1;color:#7dd3fc}html[data-theme=dark] .json-tree-key{color:#0369a1}.json-tree-colon{grid-column:2;opacity:.65;-webkit-user-select:none;user-select:none}.json-tree-value-cell{grid-column:3;min-width:0}.json-tree-comma{grid-column:4;opacity:.65;-webkit-user-select:none;user-select:none}.json-tree-index{grid-column:1;display:inline-block;min-width:1.5rem;color:#94a3b8;font-variant-numeric:tabular-nums}html[data-theme=dark] .json-tree-index{color:#64748b}.json-tree-expandable{display:block;width:100%}.json-tree-expandable-head{display:inline-flex;align-items:center;gap:.2rem;vertical-align:top}.json-tree-caret{display:inline-flex;align-items:center;justify-content:center;width:1.25rem;height:1.25rem;margin:0;padding:0;border:none;border-radius:3px;background:transparent;color:inherit;cursor:pointer;flex-shrink:0;opacity:.75}.json-tree-caret:hover{opacity:1;background:#ffffff1f}html[data-theme=dark] .json-tree-caret:hover{background:#0f172a14}.json-tree-caret:focus-visible{outline:2px solid var(--preview-link);outline-offset:1px}.json-tree-chevron-svg{display:block;transform:rotate(0);transition:transform .12s ease}.json-tree-caret[aria-expanded=true] .json-tree-chevron-svg{transform:rotate(90deg)}.json-tree-punct{opacity:.85;-webkit-user-select:none;user-select:none}.json-tree-folded{display:inline-flex;align-items:baseline;gap:.25rem}.json-tree-folded-meta{opacity:.75;font-style:italic;font-size:.9em}.json-tree-close-bracket{display:block;margin-top:.15rem}.json-tree-string{color:#86efac;word-break:break-word}html[data-theme=dark] .json-tree-string{color:#15803d}.json-tree-number{color:#fcd34d}html[data-theme=dark] .json-tree-number{color:#a16207}.json-tree-bool{color:#f9a8d4}html[data-theme=dark] .json-tree-bool{color:#be185d}.json-tree-null{color:#c4b5fd}html[data-theme=dark] .json-tree-null{color:#5b21b6}.json-tree-bracket{opacity:.85}.json-tree-unknown{opacity:.75}.preview[data-pdf-export]{--preview-text: #0f172a;--preview-h1-border: #e2e8f0;--preview-code-bg: #f1f5f9;--preview-code-text: #0f172a;--preview-pre-bg: #f1f5f9;--preview-pre-text: #0f172a;--preview-hr: #e2e8f0;--preview-blockquote: #475569;--preview-blockquote-border: #94a3b8;--preview-link: #1d4ed8;background:#fff;color:var(--preview-text)}.preview[data-pdf-export] .preview-json-surface{background:#f8fafc;color:#0f172a;border-color:#cbd5e1}.preview[data-pdf-export] .preview-json-toolbar{border-bottom-color:#e2e8f0}.preview[data-pdf-export] .preview-json-toggle{border-color:#cbd5e1;background:#fff;color:#0f172a}.preview[data-pdf-export] .preview-json-toggle:hover{background:#f1f5f9}.preview[data-pdf-export] .json-tree-list{border-left-color:#94a3b8}.preview[data-pdf-export] .json-tree-key{color:#0369a1}.preview[data-pdf-export] .json-tree-index{color:#64748b}.preview[data-pdf-export] .json-tree-caret:hover{background:#0f172a14}.preview[data-pdf-export] .json-tree-string{color:#15803d}.preview[data-pdf-export] .json-tree-number{color:#a16207}.preview[data-pdf-export] .json-tree-bool{color:#be185d}.preview[data-pdf-export] .json-tree-null{color:#5b21b6}.preview-md-segment{margin-top:.25rem}.preview-md-segment:first-child{margin-top:0}.preview hr{border:none;border-top:1px solid var(--preview-hr);margin:1.25rem 0}.preview blockquote{margin:.75rem 0;padding-left:.9rem;border-left:3px solid var(--preview-blockquote-border);color:var(--preview-blockquote)}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji";color:var(--preview-text, #0f172a);background:var(--app-bg, #f1f5f9)}