:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ground:#ecebe6;--surface:#f5f4f0;--ink:#17181a;--ink-soft:#5f5e58;--line:#d3d0c7;--line-strong:#17181a7a;--accent:#9a4a10;--accent-strong:#73360a;--accent-ink:#f5f4f0;--ok:#23784f;--bad:#b23b25;--radius:4px;--depth:inset 0 1px 0 color-mix(in srgb, var(--accent) 14%, transparent), 0 24px 60px -36px #00000080;--font-ui:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-data:ui-monospace, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;--code-ground:#0b0c0e}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ground:#0b0c0e;--surface:#111316;--ink:#e9e6de;--ink-soft:#8f8c83;--line:#23262c;--line-strong:#e9e6de61;--accent:#f2a93b;--accent-strong:#ffc266;--accent-ink:#0b0c0e;--ok:#4fbf8a;--bad:#f0745a}}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ground:#0b0c0e;--surface:#111316;--ink:#e9e6de;--ink-soft:#8f8c83;--line:#23262c;--line-strong:#e9e6de61;--accent:#f2a93b;--accent-strong:#ffc266;--accent-ink:#0b0c0e;--ok:#4fbf8a;--bad:#f0745a}@layer base{*,:before,:after{box-sizing:border-box;border:0 solid;margin:0;padding:0}html{-webkit-text-size-adjust:100%;line-height:1.5}h1,h2,h3{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}ol,ul{list-style:none}button{font:inherit;color:inherit;background-color:#0000;border-radius:0}body{background:var(--ground);color:var(--ink);font-family:var(--font-ui);line-height:1.55}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important}}}@layer components{.page{max-width:46rem;margin-inline:auto;padding:24px 16px 64px}:is(.page,.bar) a:not(.button){color:var(--accent);text-underline-offset:3px;text-decoration:underline;transition:color .15s}:is(.page,.bar) a:not(.button):hover{color:var(--accent-strong)}.page h1{margin:24px 0 4px;font-size:1.5rem;font-weight:600}.lede,.meta,.status{color:var(--ink-soft);margin:0}.meta,.status{font-size:.875rem}.mono{font-family:var(--font-data);font-variant-numeric:tabular-nums;overflow-wrap:anywhere;font-size:.8125rem}.site-nav{flex-wrap:wrap;align-items:center;gap:8px 16px;display:flex}.site-name{font-weight:600}.theme-toggle{border:1px solid var(--line-strong);border-radius:var(--radius);cursor:pointer;margin-left:auto;padding:2px 10px;font-size:.875rem;transition:border-color .15s}.theme-toggle:hover{border-color:var(--ink)}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--depth);margin-top:16px;padding:16px}.panel>*+*{margin-top:12px}.panel-title{font-size:1.0625rem;font-weight:600}.list{padding-left:1.25rem;list-style:outside}.transcript{background:var(--ground);border:1px solid var(--line);border-radius:var(--radius);white-space:pre-wrap;max-height:14rem;padding:8px 10px;overflow:auto}.button{background:var(--accent);min-height:40px;color:var(--accent-ink);border:1px solid var(--accent);border-radius:var(--radius);cursor:pointer;padding:8px 18px;font-weight:600;transition:background-color .15s,border-color .15s}a.button{align-items:center;display:inline-flex}.button:hover{background:var(--accent-strong);border-color:var(--accent-strong)}.button:disabled{cursor:progress;opacity:.7}.row{flex-wrap:wrap;align-items:center;gap:8px 16px;margin-top:12px;display:flex}.status[data-tone=ok]{color:var(--ok)}.status[data-tone=bad]{color:var(--bad)}.ide{flex-direction:column;height:100dvh;display:flex;overflow:hidden}.bar{background:var(--surface);border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:4px 16px;padding:4px 12px;font-size:.875rem;display:flex}.bar-title{font-weight:600}.bar-end{align-items:center;gap:16px;margin-left:auto;display:flex}.bar .button{min-height:32px;padding:4px 14px}.ide-error{background:var(--surface);border-bottom:1px solid var(--line);color:var(--bad);padding:8px 12px;font-size:.875rem}.panes{flex:1 1 0;min-height:0}.pane{flex-direction:column;height:100%;display:flex}.pane-label{background:var(--surface);border-bottom:1px solid var(--line);color:var(--ink-soft);gap:8px;padding:4px 12px;font-size:.8125rem;display:flex}.pane-name{color:var(--ink);font-weight:600}.pane-empty{color:var(--ink-soft);text-align:center;flex:1;place-items:center;padding:16px;font-size:.875rem;display:grid}.preview{flex:1;width:100%;min-height:0}.code-pane{background:var(--code-ground);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;flex:1;min-width:0;min-height:0}.terminal{padding:8px}.editor{height:100%;display:flex}.files{background:var(--surface);border-right:1px solid var(--line);flex:0 0 10rem;overflow:auto}.files button{width:100%;color:var(--ink-soft);font-family:var(--font-data);text-align:left;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;padding:4px 12px;font-size:.8125rem;transition:color .15s;display:block;overflow:hidden}.files button:hover{color:var(--ink)}.files button[aria-current=true]{color:var(--ink);background:var(--ground);box-shadow:inset 2px 0 0 var(--accent)}.files button:focus-visible{outline-offset:-2px}.files-hint{color:var(--ink-soft);padding:8px 12px;font-size:.75rem}.resize-handle{background:var(--surface);border:0 solid var(--line);color:var(--ink-soft);border-inline-width:1px;flex:0 0 9px;justify-content:center;align-items:center;transition:color .15s;display:flex}.resize-handle[data-panel-group-direction=vertical]{border-block-width:1px;border-inline-width:0}.resize-handle[data-panel-group-direction=vertical] svg{transform:rotate(90deg)}.resize-handle:is([data-resize-handle-state=hover],[data-resize-handle-state=drag]){color:var(--accent)}.resize-handle:focus-visible{outline-offset:-2px}}