:root{--bg: #0e1117;--panel: #151a24;--panel-2: #10141d;--text: #e8ecf3;--muted: #9aa6b9;--border: #273044}*{box-sizing:border-box}html,body{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;display:grid;grid-template-rows:auto 1fr}body.booting{overflow:hidden}body.booting .topbar,body.booting .workbench{visibility:hidden}.boot-overlay{position:fixed;inset:0;display:grid;place-items:center;background:radial-gradient(circle at top,rgba(79,140,255,.18),transparent 36%),linear-gradient(180deg,#0f1420,#0a0f18);z-index:1000;transition:opacity .22s ease,visibility .22s ease}.boot-overlay.hidden{opacity:0;visibility:hidden;pointer-events:none}.boot-card{display:grid;justify-items:center;gap:18px;padding:28px 32px;color:#dce6f8}.boot-ring{width:54px;height:54px;border-radius:50%;border:3px solid rgba(124,141,181,.2);border-top-color:#7cb7ff;border-right-color:#4f8cff;animation:uix-spin .9s linear infinite;box-shadow:0 0 0 1px #7cb7ff14}.boot-label{font-size:13px;letter-spacing:.3px;color:#aebbd4}@keyframes uix-spin{to{transform:rotate(360deg)}}.topbar{display:flex;gap:10px;align-items:center;padding:10px 14px;border-bottom:1px solid var(--border);background:linear-gradient(180deg,#121826,#101521);z-index:20}.topbar h1{margin:0 10px 0 0;font-size:15px;font-weight:700;letter-spacing:.4px}.controls{display:flex;gap:8px;align-items:center;flex-wrap:wrap}select,button,input{border:1px solid var(--border);background:var(--panel);color:var(--text);border-radius:8px;padding:7px 10px;font-size:13px}button{cursor:pointer}button.primary{background:linear-gradient(135deg,#4f8cff,#3c70e8);border:none}button.secondary{background:#1d2433}.status{margin-left:auto;font-size:12px;color:var(--muted);white-space:nowrap}.status.ok{color:#7ce2a9}.status.err{color:#ff8f95}.workbench{min-height:0;display:flex;flex-direction:column}.top-region{min-height:0;display:flex}.pane{min-width:0;min-height:0;display:flex;flex-direction:column;overflow:hidden}.pane-header{padding:8px 12px;font-size:12px;color:var(--muted);border-bottom:1px solid var(--border);background:var(--panel-2)}.editor-wrap{flex:1;background:#0a0f18;position:relative}#editor{width:100%;height:100%}textarea#editorFallback{width:100%;height:100%;border:none;outline:none;resize:none;background:transparent;color:#d8e2f1;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:13px;line-height:1.55;padding:14px}textarea#editorFallback.hidden{display:none}.monaco-editor .uix-attr-token{color:#66d9ff!important;font-weight:700!important}.monaco-editor .uix-attr-value-token{color:#ffb454!important;font-weight:500!important}.preview-wrap{flex:1;background:#0b111b}iframe#preview{width:100%;height:100%;border:none;background:#fff}.logs-wrap{flex:1;background:#0c1320;overflow:auto}pre#logs{margin:0;padding:12px;color:#d2ddf1;white-space:pre-wrap;font-size:12px;line-height:1.45;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.gutter{background:#22304a;position:relative;z-index:10}.gutter.gutter-horizontal{cursor:col-resize;width:6px}.gutter.gutter-vertical{cursor:row-resize;height:6px}.code-pane,.result-pane{width:50%}.top-region,.logs-pane{height:50%}.code-pane{border-right:1px solid var(--border)}.logs-pane{border-top:1px solid var(--border)}@media(max-width:980px){.workbench{display:block}.top-region{display:block;height:auto!important}.code-pane,.result-pane,.logs-pane{width:100%!important;height:auto!important}.code-pane{border-right:none;border-bottom:1px solid var(--border)}.result-pane{border-bottom:1px solid var(--border)}.gutter{display:none!important}}