@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500&family=JetBrains+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap";:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--app-bg:#f3f1eb;--app-bg-soft:#e7ece7;--surface-strong:#fffdf8eb;--surface-soft:#ffffffb8;--surface-alt:#f8faf6e6;--border-color:#182d2b1f;--border-highlight:#097f7a47;--headline-text:#152323;--body-text:#273938;--muted-text:#5f7471;--accent-strong:#097f7a;--accent-soft:#4ab6a2;--focus-ring:#4ab6a261;--panel-shadow:0 1.3rem 3.6rem -2rem #0f201f57, 0 .4rem 1.2rem #0f201f14;--selection:#4ab6a23d;--editor-active-line:#097f7a0f;--editor-gutter:#5f7471eb;--danger-text:#9e433f;--scrollbar-thumb:#1f4f4c2e;--scrollbar-thumb-hover:#0d7f7a57;--scrollbar-track:#1427260a;--preview-content-width:58rem;--editor-font-size:16px;--app-code-font:"IBM Plex Mono", "JetBrains Mono", "SFMono-Regular", Consolas, monospace;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--body-text);background:radial-gradient(circle at top left, #4ab6a229, transparent 28rem), radial-gradient(circle at top right, #097f7a14, transparent 24rem), linear-gradient(180deg, var(--app-bg), var(--app-bg-soft));font-family:Manrope,PingFang SC,Microsoft YaHei,Noto Sans SC,system-ui,sans-serif;font-weight:500;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}:root[data-theme=dark]{--app-bg:#091315;--app-bg-soft:#0d1d20;--surface-strong:#0b1618f0;--surface-soft:#0e1c1fd1;--surface-alt:#112327d6;--border-color:#a6dbd21f;--border-highlight:#4ab6a23d;--headline-text:#eff8f5;--body-text:#d8e6e1;--muted-text:#8ca8a2;--accent-strong:#5bd4c3;--accent-soft:#1d8d8a;--focus-ring:#5bd4c342;--panel-shadow:0 1.8rem 3.8rem -2.1rem #000000b8, 0 .4rem 1.2rem #00000047;--selection:#5bd4c338;--editor-active-line:#5bd4c314;--editor-gutter:#8ca8a2eb;--danger-text:#ffb2ab;--scrollbar-thumb:#8fbdb52e;--scrollbar-thumb-hover:#5bd4c357;--scrollbar-track:#ffffff08}*,:before,:after{box-sizing:border-box}html,body,#root{block-size:100%;min-block-size:100%;margin:0}body{min-inline-size:320px;overflow:hidden}button,input,textarea,select{font:inherit}img{max-inline-size:100%;display:block}a{color:inherit}.hidden-file-input{opacity:0;pointer-events:none;block-size:0;inline-size:0;position:fixed}.app-shell{grid-template-rows:auto 1fr auto;gap:.58rem;block-size:100dvh;min-block-size:100dvh;max-block-size:100dvh;padding:1rem 1rem .14rem;display:grid;position:relative;overflow:hidden}.app-shell:fullscreen{background:radial-gradient(circle at 10% 4%,#4ab6a22e,#0000 28rem),radial-gradient(circle at 92% 0,#7bc9ff29,#0000 30rem),linear-gradient(#eef4ef 0%,#e3ebe5 52%,#dce6df 100%);padding:1rem}.app-shell:fullscreen::backdrop{background:#e3ebe5}:root[data-theme=dark] .app-shell:fullscreen{background:radial-gradient(circle at 10% 4%,#5bd4c326,#0000 28rem),radial-gradient(circle at 88% 0,#7cceff1a,#0000 30rem),linear-gradient(#0b1719 0%,#0e2023 52%,#10272a 100%)}:root[data-theme=dark] .app-shell:fullscreen::backdrop{background:#0e2023}:is(.app-shell:fullscreen .topbar,.app-shell:fullscreen .workspace-card,.app-shell:fullscreen .statusbar,.app-shell:fullscreen .outline-panel){box-shadow:0 1.1rem 3rem -2rem #0f201f47,0 .35rem 1rem #0f201f0f}:is(:root[data-theme=dark] .app-shell:fullscreen .topbar,:root[data-theme=dark] .app-shell:fullscreen .workspace-card,:root[data-theme=dark] .app-shell:fullscreen .statusbar,:root[data-theme=dark] .app-shell:fullscreen .outline-panel){box-shadow:0 1.25rem 3.1rem -2rem #000000a3,0 .35rem 1rem #00000038}.app-shell--focus{padding-block:1rem}.topbar,.workspace-card,.statusbar,.dialog-card,.settings-drawer,.outline-panel,.palette-card,.floating-panel{border:1px solid var(--border-color);background:linear-gradient(180deg, var(--surface-strong), var(--surface-soft)) padding-box, linear-gradient(135deg, var(--border-highlight), transparent) border-box;box-shadow:var(--panel-shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:1.35rem}.topbar{isolation:isolate;background:linear-gradient(#fffffcf2,#f2f8f5e0) padding-box padding-box,linear-gradient(135deg,#4ab6a23d,#0000 72%) border-box;justify-content:space-between;align-items:flex-start;gap:.9rem;padding:.9rem 1.05rem;display:flex;position:relative;overflow:hidden}.topbar:before,.topbar:after{content:"";pointer-events:none;z-index:0;position:absolute}.topbar:before{opacity:.9;background:radial-gradient(circle at 24% 36%,#4ab6a22e,#0000 30%),radial-gradient(circle at 68% 42%,#7bc9ff29,#0000 34%),linear-gradient(110deg,#ffffff1f,#0000 74%);block-size:170%;inline-size:min(34rem,56%);inset:-35% auto auto -4%}.topbar:after{background:radial-gradient(circle,#4ab6a21f,#0000 64%);border-radius:50%;block-size:18rem;inline-size:18rem;inset:auto -6% -130% auto}:root[data-theme=dark] .topbar{background:linear-gradient(#091618f7,#0c1c1ef0) padding-box padding-box,linear-gradient(135deg,#5bd4c338,#0000 74%) border-box}:root[data-theme=dark] .topbar:before{opacity:.95;background:radial-gradient(circle at 22% 32%,#5bd4c32e,#0000 28%),radial-gradient(circle at 68% 44%,#7cceff29,#0000 34%),linear-gradient(120deg,#ffffff0f,#0000 76%)}:root[data-theme=dark] .topbar:after{background:radial-gradient(circle,#5bd4c31f,#0000 66%)}.topbar-subtitle,.workspace-summary__caption,.floating-panel__header p+h3+p{max-inline-size:27rem;color:var(--muted-text);margin:.3rem 0 0;font-size:.9rem;line-height:1.45}.brand-block{z-index:1;flex:none;align-items:flex-start;gap:.95rem;min-inline-size:max-content;max-inline-size:min(100%,42rem);display:flex;position:relative}.brand-mark{background:radial-gradient(circle at 30% 30%, var(--accent-soft), transparent 65%), linear-gradient(135deg, var(--accent-strong), var(--accent-soft));color:#fff;border:1px solid #ffffff47;border-radius:1.08rem;place-items:center;block-size:3.25rem;inline-size:3.25rem;display:grid;box-shadow:0 1.1rem 2.4rem -1.2rem #097f7aa3,0 .25rem .9rem #097f7a1f,inset 0 1px #ffffff61}:root[data-theme=dark] .brand-mark{box-shadow:0 1.2rem 2.6rem -1.25rem #5bd4c370,0 .3rem 1rem #0003,inset 0 1px #ffffff3d}.brand-copy{gap:.02rem;min-inline-size:0;max-inline-size:100%;display:grid}.eyebrow,.panel-kicker{letter-spacing:.18em;text-transform:uppercase;color:var(--muted-text);margin:0;font-size:.72rem;font-weight:700}.brand-block h1,.panel-header h2,.floating-panel__header h3,.settings-section h4{color:var(--headline-text);margin:.28rem 0 0;line-height:1.04}.brand-title{flex-wrap:nowrap;min-inline-size:0;margin:.12rem 0 0;line-height:1;display:flex}.brand-eyebrow{letter-spacing:.11em;text-transform:none;white-space:nowrap}.brand-title span{padding-inline-end:.08em;white-space:nowrap;letter-spacing:-.058em;color:#173a36;text-shadow:0 0 #0000,0 .08rem .38rem #1f726d14;inline-size:max-content;max-inline-size:100%;padding-bottom:.08em;font-size:clamp(2rem,1.62rem + 1.02vw,2.86rem);font-weight:800;display:inline-block;overflow:visible}@supports ((-webkit-background-clip:text)) and (-webkit-text-fill-color:transparent){.brand-title span{-webkit-text-fill-color:transparent;color:#0000;background-image:linear-gradient(135deg,#143531 4%,#1f5b54 52%,#29a5a6 100%);background-repeat:no-repeat;background-size:100% 100%;-webkit-background-clip:text;background-clip:text}}:root[data-theme=dark] .brand-title span{color:#f1fffb;text-shadow:0 0 #fff0,0 .05rem #ffffff14,0 .24rem .85rem #00000038}@supports ((-webkit-background-clip:text)) and (-webkit-text-fill-color:transparent){:root[data-theme=dark] .brand-title span{background-image:linear-gradient(135deg,#fff 0%,#dffff8 36%,#87ebde 76%,#8fd4ff 100%)}}:root[data-theme=dark] .eyebrow{color:#a4beb8}:root[data-theme=dark] .topbar-subtitle{color:#c8ddd7}.header-meta,.app-main{gap:.85rem;display:grid}.hint-strip,.header-actions,.workspace-summary,.workspace-summary__meta,.workspace-stats,.panel-header,.statusbar,.status-group,.dialog-actions,.find-panel__actions,.workspace-viewbar,.settings-section__header{flex-wrap:wrap;align-items:center;gap:.55rem;display:flex}.hint-strip span,.workspace-stats span,.status-group span,.status-chip,.panel-meta{background:var(--surface-alt);border:1px solid var(--border-color);color:var(--muted-text);border-radius:999px;padding:.34rem .62rem;font-size:.74rem}.header-meta{z-index:1;flex:auto;justify-items:end;gap:.46rem;inline-size:auto;min-inline-size:0;position:relative}.header-actions{scrollbar-width:none;-ms-overflow-style:none;flex-wrap:nowrap;place-content:flex-start flex-end;gap:.36rem;inline-size:100%;padding-block-end:.08rem;overflow:auto hidden}.header-actions::-webkit-scrollbar{display:none}.topbar .hint-strip{gap:.45rem}.topbar .hint-strip span{background:#ffffff80;padding:.22rem .52rem;font-size:.72rem}.topbar .ghost-button{flex:none;gap:.34rem;min-block-size:1.96rem;padding:.34rem .62rem;font-size:.86rem;line-height:1}.topbar .ghost-button svg{block-size:.9rem;inline-size:.9rem}.topbar .header-actions .ghost-button{box-shadow:none;background:#ffffff7a;transition:background-color .18s,border-color .18s,box-shadow .18s,color .18s}.topbar .header-actions .ghost-button:hover{background:#ffffffb8;border-color:#097f7a38;transform:none;box-shadow:0 .2rem .65rem #0e22210f,inset 0 1px #ffffff6b}:root[data-theme=dark] .topbar .hint-strip span,:root[data-theme=dark] .topbar .header-actions .ghost-button{background:#102629b8}:root[data-theme=dark] .topbar .header-actions .ghost-button:hover{background:#163034eb;border-color:#5bd4c338;box-shadow:0 .24rem .8rem #0000003d,inset 0 1px #ffffff0f}:root[data-theme=dark] .topbar .hint-strip span{color:#b4cbc6}.ghost-button,.danger-button,.primary-button,.close-button,.toolbar-button,.splitter,.segment-button,.outline-item,.palette-item{appearance:none;color:inherit;cursor:pointer;font:inherit;background:0 0;border:1px solid #0000}.ghost-button,.danger-button,.primary-button,.close-button,.segment-button{border-radius:999px;justify-content:center;align-items:center;gap:.55rem;min-block-size:2.75rem;padding:.72rem 1rem;transition:transform .18s,border-color .18s,background-color .18s;display:inline-flex}.ghost-button,.close-button,.segment-button{background:var(--surface-alt);border-color:var(--border-color);color:var(--body-text)}.danger-button{color:var(--danger-text);background:#aa47401a;border-color:#aa474047}.primary-button{background:linear-gradient(135deg, var(--accent-strong), var(--accent-soft));color:#f4fffb;border-color:#0000;box-shadow:0 1rem 2rem -1rem #097f7a99}.ghost-button:hover,.close-button:hover,.toolbar-button:hover,.segment-button:hover,.outline-item:hover,.palette-item:hover{border-color:var(--accent-strong);transform:translateY(-1px)}.ghost-button:focus-visible,.danger-button:focus-visible,.primary-button:focus-visible,.close-button:focus-visible,.toolbar-button:focus-visible,.segment-button:focus-visible,.outline-item:focus-visible,.palette-item:focus-visible,.splitter:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px}.app-main{grid-template-columns:minmax(15rem,18rem) minmax(0,1fr);min-block-size:0;overflow:visible}.app-main--focus{grid-template-columns:minmax(0,1fr)}.workspace-card{grid-template-rows:auto 1fr;min-block-size:0;display:grid;overflow:hidden}.workspace-summary{border-bottom:1px solid var(--border-color);justify-content:space-between;padding:.78rem 1rem}.workspace-summary__meta{flex:auto;justify-content:flex-end}.workspace-summary strong{color:var(--headline-text);margin-top:.16rem;font-size:1rem;display:inline-block}.workspace-stats{justify-content:flex-end}.workspace-body{grid-template-rows:auto 1fr;min-block-size:0;display:grid;position:relative}.workspace-grid{min-block-size:0;display:grid;overflow:hidden}.workspace-grid--dragging{-webkit-user-select:none;user-select:none}.panel{background:linear-gradient(#ffffff14,#0000),0 0;min-block-size:0;min-inline-size:0;display:grid;overflow:hidden}.panel--editor{grid-template-rows:auto 1fr}.panel--editor.panel--editor-toolbar-open{grid-template-rows:auto auto 1fr}.panel--preview{grid-template-rows:auto 1fr}.panel-header{border-bottom:1px solid var(--border-color);justify-content:space-between;min-inline-size:0;padding:.72rem .95rem .68rem}.panel-header--compact{min-block-size:0;padding:.38rem .78rem .2rem}.panel-header--bare{border-bottom:0}.panel-header--end{justify-content:flex-end}.toolbar-toggle{border:1px solid var(--border-color);background:var(--surface-alt);min-block-size:1.9rem;color:var(--muted-text);border-radius:999px;flex:none;justify-content:center;align-items:center;gap:.35rem;padding:.28rem .62rem;font-size:.74rem;font-weight:600;transition:transform .18s,border-color .18s,background-color .18s,color .18s;display:inline-flex}.toolbar-toggle:hover{border-color:var(--accent-strong);color:var(--headline-text);transform:translateY(-1px)}.toolbar-toggle:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px}.preview-badge{color:var(--accent-strong);letter-spacing:.02em;background:#097f7a1a;border:1px solid #097f7a29;border-radius:999px;padding:.28rem .58rem;font-size:.71rem;font-weight:700}.toolbar{border-bottom:1px solid var(--border-color);grid-template-rows:repeat(2,minmax(0,auto));grid-auto-columns:max-content;grid-auto-flow:column;gap:.42rem .46rem;min-inline-size:0;padding:.5rem .74rem;display:grid;overflow:auto hidden}.toolbar-button{background:var(--surface-alt);border-color:var(--border-color);min-block-size:1.98rem;min-inline-size:max-content;color:var(--body-text);border-radius:.8rem;align-items:center;gap:.38rem;padding:.34rem .58rem;transition:transform .18s,background-color .18s,border-color .18s;display:inline-flex}.toolbar-button span{font-size:.76rem;font-weight:600}.toolbar-button svg{block-size:.88rem;inline-size:.88rem}.toolbar-button--heading{justify-content:center;min-inline-size:3.6rem;padding-inline:.7rem}.toolbar-button__heading-label{letter-spacing:.02em;font-size:.74rem;font-weight:700}.editor-surface,.preview-surface,.preview-scroll{min-block-size:0;min-inline-size:0}.editor-surface,.preview-surface{overflow:hidden}.editor-host,.preview-scroll{block-size:100%;min-inline-size:0}.editor-host{background:0 0}.editor-host .cm-editor,.editor-host .cm-scroller,.editor-host .cm-content,.editor-host .cm-lineWrapping,.editor-host .cm-lines,.panel-meta{min-inline-size:0}.editor-host--hide-line-numbers .cm-gutters{display:none}.preview-scroll{padding:1.08rem 1.2rem 1.9rem;overflow:auto}.markdown-preview .md-source-block--cursor{isolation:isolate;border-radius:.88rem;position:relative}.markdown-preview .md-source-block--cursor:before{content:"";z-index:-1;border-radius:inherit;pointer-events:none;opacity:.98;background:linear-gradient(90deg,#1c9a901c,#6fcabe0e),radial-gradient(circle at 0%,#1c9a902e,#0000 42%);border:1px solid #1c9a9038;transition:opacity .18s,border-color .18s,box-shadow .18s,transform .18s;position:absolute;inset:-.28rem -.55rem;transform:scale(1);box-shadow:inset 0 1px #ffffffad,0 .55rem 1.6rem -1.25rem #11625c75}.markdown-preview tr.md-source-block--cursor{isolation:auto;border-radius:0;position:static}.markdown-preview tr.md-source-block--cursor:before{content:none}.markdown-preview tr.md-source-block--cursor>th,.markdown-preview tr.md-source-block--cursor>td{background:linear-gradient(90deg,#1c9a9021,#6fcabe11),#1c9a900b;box-shadow:inset 0 1px #1c9a9033,inset 0 -1px #1c9a9033}.markdown-preview .md-source-block--cursor-pulse:before{animation:.9s cubic-bezier(.2,.8,.2,1) preview-cursor-glow}:root[data-theme=dark] .markdown-preview .md-source-block--cursor:before{background:linear-gradient(90deg,#66d9c924,#66d9c90e),radial-gradient(circle at 0%,#66d9c933,#0000 44%);border-color:#66d9c942;box-shadow:inset 0 1px #d6fff81f,0 0 0 1px #66d9c90f,0 .7rem 2rem -1.1rem #57ebd68c}:root[data-theme=dark] .markdown-preview tr.md-source-block--cursor>th,:root[data-theme=dark] .markdown-preview tr.md-source-block--cursor>td{background:linear-gradient(90deg,#66d9c929,#66d9c912),#66d9c90e;box-shadow:inset 0 1px #66d9c938,inset 0 -1px #66d9c938}@keyframes preview-cursor-glow{0%{opacity:0;transform:scale(.992)}42%{opacity:1;transform:scale(1)}to{opacity:.98;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.markdown-preview .md-source-block--cursor-pulse:before{animation:none}}.editor-host .cm-scroller,.preview-scroll,.outline-panel,.toolbar,.settings-drawer{scrollbar-width:thin;scrollbar-color:transparent transparent}.editor-host .cm-scroller:hover,.preview-scroll:hover,.outline-panel:hover,.toolbar:hover,.settings-drawer:hover{scrollbar-color:var(--scrollbar-thumb) transparent}.editor-host .cm-scroller::-webkit-scrollbar{block-size:.72rem;inline-size:.72rem}.preview-scroll::-webkit-scrollbar{block-size:.72rem;inline-size:.72rem}.outline-panel::-webkit-scrollbar{block-size:.72rem;inline-size:.72rem}.toolbar::-webkit-scrollbar{block-size:.72rem;inline-size:.72rem}.settings-drawer::-webkit-scrollbar{block-size:.72rem;inline-size:.72rem}.editor-host .cm-scroller::-webkit-scrollbar-track{background:0 0}.preview-scroll::-webkit-scrollbar-track{background:0 0}.outline-panel::-webkit-scrollbar-track{background:0 0}.toolbar::-webkit-scrollbar-track{background:0 0}.settings-drawer::-webkit-scrollbar-track{background:0 0}.editor-host .cm-scroller::-webkit-scrollbar-thumb{background:padding-box padding-box;border:.21rem solid #0000;border-radius:999px}.preview-scroll::-webkit-scrollbar-thumb{background:padding-box padding-box;border:.21rem solid #0000;border-radius:999px}.outline-panel::-webkit-scrollbar-thumb{background:padding-box padding-box;border:.21rem solid #0000;border-radius:999px}.toolbar::-webkit-scrollbar-thumb{background:padding-box padding-box;border:.21rem solid #0000;border-radius:999px}.settings-drawer::-webkit-scrollbar-thumb{background:padding-box padding-box;border:.21rem solid #0000;border-radius:999px}.editor-host .cm-scroller:hover::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb)}.preview-scroll:hover::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb)}.outline-panel:hover::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb)}.toolbar:hover::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb)}.settings-drawer:hover::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb)}.editor-host .cm-scroller::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}.preview-scroll::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}.outline-panel::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}.toolbar::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}.settings-drawer::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}.splitter{background:linear-gradient(90deg, transparent 0%, color-mix(in srgb, var(--surface-alt) 10%, transparent) 24%, color-mix(in srgb, var(--surface) 42%, transparent) 50%, color-mix(in srgb, var(--surface-alt) 10%, transparent) 76%, transparent 100%);isolation:isolate;border:none;min-block-size:.94rem;min-inline-size:.94rem;transition:background-color .18s,box-shadow .18s,opacity .18s;position:relative}.splitter:before{content:"";background:linear-gradient(180deg, transparent 0%, color-mix(in srgb, var(--border-color) 68%, transparent) 14%, color-mix(in srgb, var(--accent-soft) 34%, var(--border-color)) 50%, color-mix(in srgb, var(--border-color) 68%, transparent) 86%, transparent 100%);box-shadow:0 0 18px color-mix(in srgb, var(--accent-soft) 12%, transparent);opacity:.9;border-radius:999px;position:absolute;inset:.7rem calc(50% - .5px)}.splitter:after{content:"";background:linear-gradient(180deg, transparent 0%, #ffffff7a 18%, color-mix(in srgb, var(--accent-soft) 16%, white) 50%, #ffffff7a 82%, transparent 100%);opacity:.34;border-radius:999px;position:absolute;inset:.9rem calc(50% - .36rem)}.splitter--vertical{background:linear-gradient(180deg, transparent 0%, color-mix(in srgb, var(--surface-alt) 10%, transparent) 24%, color-mix(in srgb, var(--surface) 42%, transparent) 50%, color-mix(in srgb, var(--surface-alt) 10%, transparent) 76%, transparent 100%);min-inline-size:auto}.splitter--vertical:before{background:linear-gradient(90deg, transparent 0%, color-mix(in srgb, var(--border-color) 68%, transparent) 14%, color-mix(in srgb, var(--accent-soft) 34%, var(--border-color)) 50%, color-mix(in srgb, var(--border-color) 68%, transparent) 86%, transparent 100%);inset:calc(50% - .5px) .7rem}.splitter--vertical:after{background:linear-gradient(90deg, transparent 0%, #ffffff7a 18%, color-mix(in srgb, var(--accent-soft) 16%, white) 50%, #ffffff7a 82%, transparent 100%);inset:calc(50% - .36rem) .9rem}.splitter-grip{opacity:.9;block-size:2.5rem;inline-size:.92rem;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.splitter-grip:before,.splitter-grip:after{content:"";background:linear-gradient(180deg, color-mix(in srgb, white 60%, var(--accent-soft)) 0%, color-mix(in srgb, var(--accent-strong) 72%, var(--muted-text)) 100%);block-size:.92rem;inline-size:.12rem;box-shadow:inset 0 1px 0 #ffffff6b, 0 0 10px color-mix(in srgb, var(--accent-soft) 16%, transparent);border-radius:999px;position:absolute;inset-block-start:50%;transform:translate(-50%,-50%)}.splitter-grip:before{inset-inline-start:calc(50% - .18rem)}.splitter-grip:after{inset-inline-start:calc(50% + .18rem)}.splitter--vertical .splitter-grip{block-size:.92rem;inline-size:2.5rem}.splitter--vertical .splitter-grip:before,.splitter--vertical .splitter-grip:after{block-size:.12rem;inline-size:.92rem}.splitter--vertical .splitter-grip:before{inset-block-start:calc(50% - .18rem);inset-inline-start:50%}.splitter--vertical .splitter-grip:after{inset-block-start:calc(50% + .18rem);inset-inline-start:50%}.splitter:hover,.splitter:focus-visible{background:0 0}.splitter:hover:before,.splitter:focus-visible:before{opacity:1;box-shadow:0 0 22px color-mix(in srgb, var(--accent-soft) 18%, transparent)}.splitter--vertical:hover:before,.splitter--vertical:focus-visible:before{opacity:1}.splitter:hover:after,.splitter:focus-visible:after{opacity:.42}.splitter:hover .splitter-grip,.splitter:focus-visible .splitter-grip{opacity:1}.outline-panel,.settings-drawer,.palette-card,.floating-panel{padding:.82rem}.outline-panel{min-block-size:0;overflow:auto}.app-main>.outline-panel{align-self:start;max-block-size:calc(100dvh - 2rem);position:sticky;top:1rem}.outline-panel .floating-panel__header{margin-bottom:.58rem}.outline-list,.snapshot-list{gap:.34rem;display:grid}.outline-item{padding:.5rem .66rem;padding-left:calc(.66rem + (var(--outline-depth,1) - 1) * .62rem);background:var(--surface-alt);text-align:left;border-color:#0000;border-radius:.82rem;justify-content:flex-start;gap:.52rem;font-size:.82rem;line-height:1.25}.outline-item--active{color:var(--headline-text);background:#097f7a1f;border-color:#097f7a4d}.outline-item__level{color:var(--muted-text);min-inline-size:1.25rem;font-size:.66rem;font-weight:700}.floating-panel{z-index:8;inline-size:min(100% - 2rem,34rem);position:absolute;inset:1rem 1rem auto auto}.floating-panel__header,.dialog-header{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.find-panel__grid{gap:.85rem;margin-top:1rem;display:grid}.find-panel__grid label,.settings-section label,.dialog-form label,.palette-search{color:var(--headline-text);gap:.45rem;font-size:.92rem;font-weight:600;display:grid}.find-panel__actions{justify-content:flex-end;margin-top:1rem}.dialog-backdrop{-webkit-backdrop-filter:blur(4px)saturate(1.04);backdrop-filter:blur(4px)saturate(1.04);z-index:30;background:radial-gradient(circle at 50% 34%,#ffffff24,#0000 26rem),#0e181933;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}:root[data-theme=dark] .dialog-backdrop{background:radial-gradient(circle at 50% 34%,#5bd4c314,#0000 26rem),#030a0c57}.settings-backdrop{place-items:stretch end}.dialog-card{inline-size:min(100%,32rem);padding:1.2rem}.settings-drawer{border-radius:1.6rem 0 0 1.6rem;block-size:100%;inline-size:min(100%,30rem);overflow:auto}.settings-section{border-top:1px solid var(--border-color);gap:.9rem;padding-block:1rem;display:grid}.settings-section:first-of-type{border-top:none}.settings-section h4{font-size:1rem}.settings-section__header{justify-content:space-between}.settings-section__header p{color:var(--muted-text);margin:.3rem 0 0;font-size:.9rem}.segmented-control{flex-wrap:wrap;gap:.55rem;display:flex}.segment-button--active{color:var(--headline-text);background:#097f7a24;border-color:#097f7a42}.toggle-row{justify-content:space-between;align-items:center;display:flex!important}.snapshot-item{background:var(--surface-alt);border:1px solid var(--border-color);border-radius:1rem;justify-content:space-between;align-items:flex-start;gap:1rem;padding:.9rem;display:flex}.snapshot-item p,.snapshot-item code{margin:.25rem 0 0}.snapshot-item code{color:var(--muted-text);white-space:pre-wrap;line-height:1.5;display:block}.palette-card{grid-template-rows:auto auto 1fr;gap:1rem;max-block-size:min(78dvh,42rem);inline-size:min(100%,48rem);display:grid}.palette-search input{border-radius:1rem;min-block-size:3rem;padding-inline:1rem}.palette-list{gap:.65rem;display:grid;overflow:auto}.palette-item{text-align:left;background:var(--surface-alt);border-color:#0000;border-radius:1rem;justify-content:space-between;align-items:flex-start;gap:1rem;padding:.9rem 1rem;display:flex}.palette-item strong,.snapshot-item strong{color:var(--headline-text)}.palette-item p{color:var(--muted-text);margin:.35rem 0 0;font-size:.9rem}.palette-item--active{background:#097f7a1f;border-color:#097f7a47}.palette-meta{justify-items:end;gap:.4rem;display:grid}.palette-meta span,.palette-meta kbd{color:var(--muted-text);background:#097f7a14;border:1px solid #097f7a1f;border-radius:999px;padding:.35rem .55rem;font-size:.78rem}.workspace-viewbar .segmented-control{flex-wrap:nowrap}.workspace-viewbar--summary{justify-content:flex-end;gap:.42rem}.segmented-control--compact{gap:.32rem}.segment-button--compact,.ghost-button--compact{gap:.3rem;min-block-size:1.95rem;padding:.28rem .64rem;font-size:.76rem;line-height:1}.ghost-button--compact svg{block-size:.82rem;inline-size:.82rem}.statusbar{justify-content:space-between;gap:.35rem;padding:.22rem .72rem}.status-pill{background:var(--surface-alt);border:1px solid var(--border-color);color:var(--headline-text);border-radius:999px;align-items:center;gap:.55rem;padding:.44rem .74rem;font-weight:600;display:inline-flex}.status-dot{background:var(--accent-strong);border-radius:999px;block-size:.55rem;inline-size:.55rem;box-shadow:0 0 0 .3rem #097f7a26}.copyright{color:var(--muted-text);font-size:.76rem;line-height:1.2}.statusbar .status-group{gap:.28rem}.statusbar .status-group span{padding:.18rem .48rem;font-size:.72rem}.toast{z-index:50;color:#f4fffb;background:#097f7ae6;border-radius:1rem;padding:.8rem 1rem;position:fixed;inset:auto 1.2rem 1.2rem auto;box-shadow:0 1rem 2rem -1rem #097f7ab3}.focus-exit-button{appearance:none;min-block-size:1.9rem;color:var(--headline-text);cursor:pointer;font:inherit;background:linear-gradient(#ffffffdb,#f0f9f7b8) padding-box padding-box,linear-gradient(135deg,#097f7a47,#7bc9ff29) border-box;border:1px solid #097f7a2e;border-radius:999px;flex:none;justify-content:center;align-items:center;gap:.55rem;padding:.26rem .68rem;font-size:.74rem;font-weight:700;line-height:1;transition:border-color .18s,background-color .18s,box-shadow .18s,color .18s;display:inline-flex;box-shadow:0 .5rem 1.4rem -1.05rem #097f7a73,inset 0 1px #ffffff70}.focus-exit-button:hover{color:var(--accent-strong);border-color:#097f7a52;box-shadow:0 .62rem 1.5rem -1.05rem #097f7a94,inset 0 1px #ffffff80}.focus-exit-button:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px}:root[data-theme=dark] .focus-exit-button{background:linear-gradient(#122a2deb,#0c2023c7) padding-box padding-box,linear-gradient(135deg,#5bd4c34d,#7cceff29) border-box;border-color:#5bd4c338;box-shadow:0 .55rem 1.45rem -1rem #0000008a,inset 0 1px #ffffff14}:root[data-theme=dark] .focus-exit-button:hover{color:#dffff8;border-color:#5bd4c357}.empty-state{background:var(--surface-alt);border:1px dashed var(--border-color);color:var(--muted-text);border-radius:1rem;padding:1rem}.sr-only{clip:rect(0, 0, 0, 0);border:0;block-size:1px;inline-size:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}input,select{border:1px solid var(--border-color);background:var(--surface-alt);min-block-size:2.85rem;color:var(--body-text);font:inherit;border-radius:1rem;padding:.72rem .9rem}input[type=checkbox]{block-size:1.1rem;min-block-size:auto;inline-size:1.1rem}@media (width<=1180px){.app-main{grid-template-columns:minmax(0,1fr)}.outline-panel{display:none}}@media (width<=1024px){.topbar,.workspace-summary,.statusbar{flex-direction:column;align-items:stretch}.workspace-summary__meta{justify-content:space-between}.header-meta,.header-actions{justify-content:flex-start;justify-items:stretch}}@media (width<=767px){.app-shell{gap:.68rem;padding:.8rem .8rem .1rem}.topbar,.workspace-card,.statusbar,.dialog-card,.outline-panel,.palette-card,.floating-panel{border-radius:1.2rem}.workspace-grid{min-block-size:min(76dvh,68rem)}.toolbar{flex-wrap:nowrap;padding-inline:.8rem;display:flex}.toolbar-button{min-block-size:2.45rem}.preview-scroll{padding-inline:1rem}.floating-panel{inline-size:auto;inset:.75rem .75rem auto}.settings-drawer{border-radius:1.2rem 1.2rem 0 0;align-self:end;max-block-size:88dvh;inline-size:100%}.toast{text-align:center;inset-block-end:.8rem;inset-inline:.8rem}}@media print{body{background:#fff!important}.topbar,.statusbar,.toolbar,.outline-panel,.splitter,.floating-panel,.focus-exit-button{display:none!important}.app-shell,.app-main,.workspace-card,.workspace-grid,.panel,.preview-surface,.preview-scroll{block-size:auto!important;min-block-size:auto!important;display:block!important;overflow:visible!important}.workspace-summary,.panel--editor{display:none!important}.workspace-card{box-shadow:none;background:0 0;border:none}.panel--preview{border:none}.panel-header{border:none;padding:0}.preview-scroll{padding:0}}