:root{--bg:#1b2327;--chrome:#263238;--chrome-deep:#1f292e;--tab:#2e3c43;--tab-active:#3a4a52;--surface:#263238;--border:#11181c;--border-soft:#34444c;--text:#d8dee2;--muted:#8a9ba4;--tone-green:#2ed3a0;--tone-blue:#29b6f6;--tone-amber:#f5b82e;--tone-muted:#90a4ae;--accent:#2ed3a0;--danger:#f14c4c;--warning:#cca700;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}html,body{margin:0}body{background:var(--bg);color:var(--text)}button{font:inherit}.tone-green{color:var(--tone-green)}.tone-blue{color:var(--tone-blue)}.tone-amber{color:var(--tone-amber)}.tone-muted{color:var(--tone-muted)}.app{grid-template-rows:44px minmax(0,1fr);grid-template-columns:56px minmax(0,1fr);height:100%;display:grid}.tabbar{grid-column:1/-1}.sidebar{grid-area:2/1}.content{grid-area:2/2;min-width:0;min-height:0;position:relative}.tabbar{background:var(--chrome-deep);border-bottom:1px solid var(--border);scrollbar-width:thin;align-items:flex-end;gap:2px;padding:6px 8px 0;display:flex;overflow:auto hidden}.tab{background:var(--tab);max-width:240px;height:38px;color:var(--muted);cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;border:0;border-radius:8px 8px 0 0;flex:none;align-items:center;gap:8px;padding:0 10px 0 14px;font-size:14px;display:flex}.tab:hover{color:var(--text)}.tab[aria-selected=true]{background:var(--tab-active);color:var(--text)}.tab:focus-visible{outline:2px solid var(--tone-blue);outline-offset:-2px}.tab-home{padding-right:16px;font-weight:600}.tab-icon{flex:none}.tab-title{text-overflow:ellipsis;overflow:hidden}.tab-dirty{color:var(--muted);flex:none}.tab-running{background:var(--tone-green);border-radius:50%;flex:none;width:7px;height:7px;animation:1s ease-in-out infinite alternate pulse}@keyframes pulse{to{opacity:.3}}.tab-close{width:22px;height:22px;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:4px;flex:none;place-items:center;margin-left:4px;padding:0;display:grid}.tab-close:hover{color:var(--text);background:#ffffff1a}.tab-new{width:44px;color:var(--text);justify-content:center;padding:0}.tab-new:hover{background:var(--tab-active)}.sidebar{background:var(--chrome);border-right:1px solid var(--border);flex-direction:column;align-items:center;padding:8px 0;display:flex}.sidebar-group{flex-direction:column;align-items:center;gap:6px;width:100%;padding:8px 0;display:flex}.sidebar-group+.sidebar-group{border-top:1px solid var(--border-soft)}.sidebar-group.sidebar-bottom{border-top:0;margin-top:auto}.side-btn{cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;width:40px;height:40px;padding:0;display:grid}.side-btn.tone-green{color:var(--tone-green)}.side-btn.tone-blue{color:var(--tone-blue)}.side-btn.tone-amber{color:var(--tone-amber)}.side-btn.tone-muted{color:var(--tone-muted)}.side-btn:hover:not(:disabled){background:#ffffff14}.side-btn.active{background:#29b6f629}.side-btn:disabled{opacity:.3;cursor:default}.side-btn.soon{cursor:default}.side-btn:focus-visible{outline:2px solid var(--tone-blue);outline-offset:1px}.side-menu{position:relative}.menu{z-index:20;background:var(--surface);border:1px solid var(--border-soft);border-radius:8px;min-width:220px;padding:6px;position:absolute;top:0;left:calc(100% + 10px);box-shadow:0 8px 24px #00000073}.menu-title{text-transform:uppercase;letter-spacing:.05em;color:var(--muted);padding:6px 10px 8px;font-size:12px}.menu button{width:100%;color:var(--text);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:6px;padding:8px 10px;display:block}.menu button:hover{background:#ffffff14}.menu button[aria-checked=true]{color:var(--tone-blue)}.menu button[aria-checked=true]:after{content:" ✓"}.menu .menu-secondary{border-top:1px solid var(--border-soft);color:var(--muted);border-radius:0 0 6px 6px;margin-top:4px}.home-tab,.code-tab{position:absolute;inset:0}.home-tab[hidden],.code-tab[hidden]{display:none}.home-tab{color:var(--muted);flex-direction:column;justify-content:center;align-items:center;gap:28px;display:flex}.home-brand{opacity:.35;-webkit-user-select:none;user-select:none;flex-direction:column;align-items:center;gap:12px;display:flex}.home-brand p{margin:0;font-size:18px;font-weight:600}.home-links{flex-wrap:wrap;justify-content:center;gap:8px 20px;font-size:14px;display:flex}.home-links a{color:var(--muted)}.home-links a:hover{color:var(--tone-blue)}.code-tab{flex-direction:column;display:flex}.code-main{flex:1;min-height:0;display:flex}.editor-area{background:var(--bg);flex:3;min-width:0;padding-top:6px}.editor-loading{color:var(--muted);padding:12px 24px;font-size:14px}.code-panel{border-left:1px solid var(--border);flex-direction:column;flex:2;min-width:0;display:flex}.console-panel{background:var(--bg);flex-direction:column;flex:0 0 30%;min-height:0;display:flex}.splitter{background:var(--chrome);cursor:row-resize;touch-action:none;flex:none;height:6px;position:relative}.splitter:before{content:"";position:absolute;inset:-4px 0}.splitter:after{content:"";background:var(--border-soft);border-radius:1px;width:36px;height:2px;margin-left:-18px;position:absolute;top:2px;left:50%}.splitter:hover,.splitter:focus-visible,.resizing-rows .splitter{background:#2f6f8f;outline:none}.splitter:hover:after,.splitter:focus-visible:after{background:var(--tone-blue)}.resizing-rows{cursor:row-resize;-webkit-user-select:none;user-select:none}.pane-title{text-transform:uppercase;letter-spacing:.05em;color:var(--muted);border-bottom:1px solid var(--border);align-items:center;gap:8px;padding:6px 12px;font-size:12px;display:flex}.pane-actions{text-transform:none;letter-spacing:0;gap:12px;margin-left:auto;display:flex}.generated-code{flex:1;min-height:0}@media (width<=768px){.app{grid-template-columns:48px minmax(0,1fr)}.side-btn{width:36px;height:36px}.code-main{flex-direction:column}.code-panel{border-left:0;border-top:1px solid var(--border)}}.console{flex:1;padding:10px 24px;font-family:Cascadia Code,Consolas,Courier New,monospace;font-size:14px;overflow:auto}.console-output{white-space:pre-wrap;word-break:break-word;font:inherit;margin:0}.console-hint,.console-status{color:var(--muted);margin:8px 0 0;font-style:italic}.console-error{border-left:3px solid var(--danger);background:#f14c4c14;margin-top:8px;padding:8px 12px}.console-error strong{color:var(--danger)}.console-error p{margin:4px 0 0}.console-input{display:inline}.console-input input{font:inherit;color:var(--accent);border:0;border-bottom:1px dashed var(--muted);background:0 0;outline:none;min-width:12ch;padding:0}.console-input input::placeholder{color:var(--muted);opacity:.6}.waiting{color:var(--warning);text-transform:none;letter-spacing:0}.spinner{border:2px solid var(--muted);border-top-color:#0000;border-radius:50%;width:10px;height:10px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.btn{color:#fff;cursor:pointer;border:0;border-radius:6px;padding:7px 16px;font-weight:600}.btn:hover{filter:brightness(1.1)}.btn-run{background:#1f9d74}.btn-stop{background:#d23c3c}.btn-secondary{color:var(--text);border:1px solid var(--border-soft);background:0 0;font-weight:500}.btn-link{color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:0;padding:0}.btn-link:hover:not(:disabled){color:var(--text)}.btn-link:disabled{opacity:.4;cursor:default}.modal-backdrop{z-index:50;background:#0000008c;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.modal{background:var(--surface);border:1px solid var(--border-soft);border-radius:10px;width:min(420px,100%);padding:20px 22px 18px;box-shadow:0 16px 48px #00000080}.modal h2{word-break:break-word;margin:0 0 8px;font-size:17px}.modal p{color:var(--muted);margin:0;line-height:1.5}.modal-actions{justify-content:flex-end;gap:8px;margin-top:20px;display:flex}