*{box-sizing:border-box}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#111;--surface:#171717;--surface-2:#141414;--surface-3:#1f1f1f;--panel-border:#2f2f2f;--text:#f5f5f5;--muted-text:#b0b0b0;--link-text:#d6e1ff;--diag-text:#f6c177;--button-bg:#2e5cff;--button-bg-hover:#5478ff;--focus-ring:#7ea6ff;--preview-bg:#1a1a1a;--preview-text:#e0e0e0;--preview-loading-bg:#000000d1;--preview-loading-text:#e0e0e0;--editor-gutter-bg:#141820;--editor-gutter-active-bg:#1e2430;--editor-line-number:#6b7280;--editor-line-number-active:#d1d5db}[data-app-chrome=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f4f6fb;--surface:#fff;--surface-2:#f0f3f9;--surface-3:#e9edf7;--panel-border:#ccd5e3;--text:#18202b;--muted-text:#4e5d73;--link-text:#1a4fb2;--diag-text:#915f00;--button-bg:#2e5cff;--button-bg-hover:#4b73ff;--focus-ring:#2b63d9}[data-editor-theme=dark]{--editor-line-number:#6b7280;--editor-line-number-active:#e5e7eb;--editor-gutter-bg:#0f1218;--editor-keyword:#7ab8ff;--editor-string:#9ddf7d;--editor-number:#f4ba6e;--editor-comment:#6a737d;--editor-operator:#d2d8e0;--editor-text:#d4d4d4;--editor-bg:#1e1e1e;--editor-gutter-active-bg:#1a1f2a}[data-editor-theme=light]{--editor-keyword:#0c5fbd;--editor-string:#0f7f3e;--editor-number:#9c5600;--editor-comment:#5f6b7d;--editor-operator:#2d3c4f;--editor-text:#1f2a3d;--editor-bg:#fff;--editor-gutter-bg:#141820;--editor-gutter-active-bg:#1c2230;--editor-line-number:#8b95a8;--editor-line-number-active:#f3f4f6}[data-preview-theme=dark]{--preview-bg:#1a1a1a;--preview-text:#e0e0e0;--preview-loading-bg:#000000d1;--preview-loading-text:#e0e0e0}[data-preview-theme=light]{--preview-bg:#fff;--preview-text:#111;--preview-loading-bg:#ffffffd1;--preview-loading-text:#222}@media (prefers-color-scheme:light){:root:not([data-editor-theme=dark]){--editor-keyword:#0c5fbd;--editor-string:#0f7f3e;--editor-number:#9c5600;--editor-comment:#5f6b7d;--editor-operator:#2d3c4f;--editor-text:#1f2a3d;--editor-bg:#fff;--editor-gutter-bg:#141820;--editor-gutter-active-bg:#1c2230;--editor-line-number:#8b95a8;--editor-line-number-active:#f3f4f6}:root:not([data-preview-theme=dark]){--preview-bg:#fff;--preview-text:#111;--preview-loading-bg:#ffffffd1;--preview-loading-text:#222}}body{background:var(--bg);color:var(--text);margin:0;font-family:Arial,sans-serif}html,body,#app{width:100%;height:100%}body{overflow:hidden}#app{flex-direction:column;height:100dvh;min-height:100dvh;display:flex;overflow:hidden}.app-loading{border-bottom:1px solid var(--panel-border);background:var(--surface);align-items:center;gap:.7rem;padding:.4rem 1rem;display:none}.app-loading.is-active{display:flex}.app-loading-bar{background:linear-gradient(90deg, var(--button-bg), var(--button-bg-hover), var(--button-bg));background-size:240% 100%;border-radius:999px;width:140px;height:6px;animation:1.2s linear infinite app-loading-shimmer}.app-loading-label{color:var(--muted-text);font-size:12px}@keyframes app-loading-shimmer{0%{background-position:0 0}to{background-position:240% 0}}.topbar{border-bottom:1px solid var(--panel-border);background:var(--bg);flex-wrap:wrap;align-items:center;gap:.75rem;padding:.75rem 1rem;display:flex}.doc-title{cursor:pointer;border:1px dashed var(--panel-border);border-radius:6px;margin:0;padding:.25rem .5rem;font-size:1.25rem}.doc-title:hover{background:var(--surface-3)}.split{flex:1;grid-template-columns:50% 8px 50%;min-height:0;display:grid}.pane{border-right:1px solid var(--panel-border);background:var(--surface);min-height:0}.pane:last-child{border-right:0}.splitter{background:var(--surface-3);border-left:1px solid var(--panel-border);border-right:1px solid var(--panel-border);cursor:col-resize}.splitter:hover{background:var(--surface-2)}body.is-resizing{cursor:col-resize;-webkit-user-select:none;user-select:none}.editor,.cm-editor{background:var(--editor-bg,var(--surface));width:100%;height:100%;color:var(--editor-text);border:0;font-family:Consolas,monospace;font-size:14px}.cm-editor{overflow:auto}.cm-scroller{font-family:inherit}.cm-content{max-width:100ch;padding:1rem .75rem}.editor .cm-editor .cm-gutters{background:var(--editor-gutter-bg,var(--surface-2));background-color:var(--editor-gutter-bg,var(--surface-2))!important;color:var(--editor-line-number)!important;border:0!important;border-right:1px solid var(--panel-border)!important}.editor .cm-editor .cm-activeLineGutter{background:var(--editor-gutter-active-bg,var(--surface-3));background-color:var(--editor-gutter-active-bg,var(--surface-3))!important;color:var(--editor-line-number-active)!important}.editor .cm-editor .cm-lineNumbers .cm-gutterElement{color:var(--editor-line-number)!important}.editor .cm-editor .cm-activeLineGutter .cm-gutterElement{color:var(--editor-line-number-active)!important}.cm-content,.cm-line{color:var(--editor-text)}.cm-keyword,.cm-atom,.cm-meta{color:var(--editor-keyword)}.cm-string{color:var(--editor-string)}.cm-number{color:var(--editor-number)}.cm-comment{color:var(--editor-comment)}.cm-operator,.cm-punctuation{color:var(--editor-operator)}.cm-error-line{background:#ef44442e}.cm-warning-line{background:#eab30826}.cm-info-line{background:#3b82f61f}.preview{background:var(--preview-bg);width:100%;height:100%;color:var(--preview-text);border:0;position:relative;overflow:hidden}.preview-content{width:100%;height:100%;min-height:100%}.preview-html-frame{background:var(--preview-bg);border:0;width:100%;height:100%;min-height:320px;display:block}.preview-loading{background:var(--preview-loading-bg);color:var(--preview-loading-text);opacity:0;pointer-events:none;justify-content:center;align-items:center;font-size:13px;transition:opacity .12s ease-in-out;display:flex;position:absolute;inset:0}.preview.is-loading .preview-loading{opacity:1}.preview-editor-theme-toggle{z-index:10;background:var(--surface);color:var(--text);border:1px solid var(--panel-border);cursor:pointer;opacity:.8;border-radius:6px;padding:.3rem .5rem;font-size:12px;transition:opacity .12s;position:absolute;top:8px;left:8px}.preview-editor-theme-toggle:hover{opacity:1;background:var(--surface-3)}.preview-theme-toggle{z-index:10;background:var(--surface);color:var(--text);border:1px solid var(--panel-border);cursor:pointer;opacity:.8;border-radius:6px;padding:.3rem .5rem;font-size:12px;transition:opacity .12s;position:absolute;top:8px;right:8px}.preview-theme-toggle:hover{opacity:1;background:var(--surface-3)}.pill{border:1px solid var(--panel-border);background:var(--surface);color:var(--text);border-radius:999px;padding:.2rem .5rem;font-size:12px}.muted{color:var(--muted-text);text-overflow:ellipsis;white-space:nowrap;max-width:40vw;overflow:hidden}.topbar .muted{text-decoration:underline}.footer{border-top:1px solid var(--panel-border);background:var(--bg);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:.5rem 1rem;font-size:12px;display:flex}.diagnostics{color:var(--diag-text)}.file-menu{gap:.5rem;display:inline-flex}.settings-menu{border:1px solid var(--panel-border);border-radius:6px;align-items:center;gap:.5rem;padding:.25rem .5rem;display:inline-flex}.settings-title{color:var(--muted-text);font-size:12px}.settings-option{color:var(--text);font-size:12px}.menu-bar{align-items:center;gap:.35rem;display:inline-flex}.menu-root{position:relative}.menu-trigger{border:1px solid var(--panel-border);color:var(--text);background:0 0;border-radius:6px;padding:.3rem .55rem;font-size:13px}.menu-trigger:hover{background:var(--surface-3)}.menu-trigger:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.menu-list{border:1px solid var(--panel-border);background:var(--surface);z-index:20;border-radius:8px;flex-direction:column;min-width:220px;padding:.35rem;display:none;position:absolute;top:calc(100% + 6px);left:0;box-shadow:0 8px 24px #00000059}.menu-root.is-open .menu-list{display:flex}.menu-item{color:var(--text);text-align:left;background:0 0;border:0;border-radius:6px;justify-content:space-between;align-items:center;gap:1rem;padding:.4rem .5rem;font-size:13px;display:flex}.menu-item:hover{background:var(--surface-3)}.menu-item:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px;background:var(--surface-3)}.menu-item:disabled{color:#777;cursor:default;background:0 0}.menu-item-shortcut{color:var(--muted-text);font-size:12px}.menu-item.is-checked .menu-item-label:before{content:"✓ ";color:#8bc34a}.command-palette-overlay{z-index:50;background:#00000073;justify-content:center;align-items:flex-start;padding-top:12vh;display:none;position:fixed;inset:0}.command-palette-overlay.is-open{display:flex}.command-palette{border:1px solid var(--panel-border);background:var(--surface);border-radius:12px;width:min(680px,92vw);overflow:hidden;box-shadow:0 18px 40px #00000073}.command-palette-input{border:0;border-bottom:1px solid var(--panel-border);background:var(--surface-2);width:100%;color:var(--text);padding:.8rem 1rem;font-size:14px}.command-palette-input:focus{outline:none}.command-palette-list{max-height:48vh;padding:.35rem;overflow:auto}.command-palette-section{color:var(--muted-text);letter-spacing:.08em;text-transform:uppercase;padding:.55rem .65rem .25rem;font-size:11px}.command-palette-item{width:100%;color:var(--text);text-align:left;background:0 0;border:0;border-radius:8px;justify-content:space-between;align-items:center;padding:.5rem .65rem;font-size:13px;display:flex}.command-palette-item:hover,.command-palette-item.is-active{background:var(--surface-3)}.command-palette-item:disabled{color:#7b7b7b}.command-palette-shortcut{color:var(--muted-text);margin-left:.75rem;font-size:12px}.command-palette-empty{color:var(--muted-text);padding:.75rem .65rem;font-size:13px}.legal-nav{gap:.5rem;display:inline-flex}.legal-nav a{color:var(--link-text);border:1px solid var(--panel-border);border-radius:6px;padding:.25rem .45rem;font-size:12px;text-decoration:none}.legal-nav a:hover{background:var(--surface-3)}button{background:var(--button-bg);color:#fff;cursor:pointer;border:0;border-radius:6px;padding:.4rem .7rem}button:hover{background:var(--button-bg-hover)}