:root{--bg-primary:#0a0a0f;--bg-secondary:#0f0f18;--bg-panel:#12121e;--border-color:#1e1e35;--text-primary:#e2e8f0;--text-secondary:#94a3b8;--accent-blue:#7c3aed;--accent-cyan:#06b6d4;--line-highlight:#1a1a2e}[data-theme=light]{--bg-primary:#f0f4ff;--bg-secondary:#e8eeff;--bg-panel:#fff;--border-color:#c7d2fe;--text-primary:#1e1b4b;--text-secondary:#4338ca;--accent-blue:#4f46e5;--accent-cyan:#0891b2;--line-highlight:#dbeafe}:root{color-scheme:dark light}*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:radial-gradient(circle at top,#16233f 0,#080d19 45%,#04070f 100%);color:#d7e4f8;transition:background .3s ease,color .3s ease}[data-theme=light] .shell,[data-theme=light] body{background:#f0f4ff!important;color:#1e1b4b!important}.shell{min-height:100vh;padding:1.5rem;display:flex;flex-direction:column;gap:1rem}.topbar{border:1px solid #1f2f50;background:#0b1120cc;border-radius:14px;padding:1rem 1.25rem;display:flex;justify-content:space-between;align-items:center;transition:background .3s ease,border-color .3s ease}[data-theme=light] .topbar{border-color:var(--border-color);background:var(--bg-panel)}.eyebrow{margin:0;font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;color:#7da2e9}[data-theme=light] .eyebrow{color:var(--text-secondary)}h1{margin:.2rem 0 0;font-size:1.35rem}.status{font-size:.9rem;color:#98b6ef}[data-theme=light] .status{color:var(--text-secondary)}.workspace{flex:1 1;min-height:0;display:grid;grid-gap:1rem;gap:1rem;grid-template-columns:230px minmax(0,1fr) 280px;align-items:stretch}.panel{border:1px solid #1f2f50;background:linear-gradient(180deg,#0b1224,#0a101d);border-radius:14px;padding:1rem;transition:background .3s ease,border-color .3s ease}[data-theme=light] .panel{border-color:var(--border-color);background:var(--bg-panel)}.left,.right{display:flex;flex-direction:column;gap:.75rem}button{border:1px solid #34558f;background:#10203b;color:#d7e4f8;border-radius:10px;padding:.55rem .8rem;text-align:left;transition:background .3s ease,color .3s ease}[data-theme=light] button{border-color:var(--border-color);background:var(--bg-secondary);color:var(--text-primary)}.editor{display:flex;flex-direction:column;padding:0;overflow:hidden}.panelTitle{padding:.85rem 1rem;border-bottom:1px solid #1f2f50;font-weight:600}[data-theme=light] .panelTitle{border-color:var(--border-color);color:var(--text-primary)}.editorWrap{flex:1 1}.codeRunner,.editorWrap{min-height:0;height:100%}.codeRunner{display:grid;grid-template-rows:auto 1fr 6px 200px}.outputHeader,.runnerToolbar{display:flex;justify-content:space-between;align-items:center;gap:1rem;border-bottom:1px solid #1f2f50;background:#091020;color:#9fb8ea;font-size:.82rem;padding:.7rem 1rem;transition:background .3s ease}[data-theme=light] .outputHeader,[data-theme=light] .runnerToolbar{border-color:var(--border-color);background:var(--bg-panel);color:var(--text-secondary)}.primaryAction{border-color:#4f83d8;background:linear-gradient(180deg,#1b4a86,#16325c);box-shadow:0 0 22px #2c74cf33;cursor:pointer;font-weight:700;text-align:center;color:#fff}[data-theme=light] .primaryAction{border-color:var(--accent-blue);background:var(--accent-blue);color:#fff}.primaryAction:disabled{cursor:wait;opacity:.7}.monacoPane{min-height:0;overflow:hidden}.sash{height:6px;cursor:ns-resize;background:#7c3aed66;transition:background .2s ease;flex-shrink:0;position:relative;z-index:10;width:100%;border-top:1px solid #7c3aed}.sash.dragging,.sash:hover{background:#7c3aed;opacity:1}.outputPane{min-height:0;border-top:1px solid #1f2f50;background:#070d19;overflow:auto;transition:background .3s ease}[data-theme=light] .outputPane{border-color:var(--border-color);background:var(--bg-primary)}.outputPane.success{box-shadow:inset 3px 0 0 #5fd28d}.outputPane.failure{box-shadow:inset 3px 0 0 #ff6b7d}.outputBody,.outputPane p{margin:0;padding:1rem}.outputBody{display:flex;flex-direction:column;gap:.65rem}.outputBody pre{margin:0;white-space:pre-wrap;overflow-wrap:break-word;word-break:normal;font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.82rem;line-height:1.5}[data-theme=light] .outputBody pre{color:var(--text-primary)}.errorText{color:#ff9aaa}.logList{display:flex;flex-direction:column;gap:.4rem;color:#b8c9ee}[data-theme=light] .logList{color:var(--text-secondary)}.executionLine{background:linear-gradient(90deg,#2f76ff3d,#1b325c40)!important;outline:1px solid #4f83d866}[data-theme=light] .executionLine{background:var(--line-highlight)!important;outline:1px solid var(--accent-blue)}.executionGlyph{background:#7ab8ff;border-radius:999px;margin-left:6px;width:8px!important;height:8px!important}.timelineList{list-style:none;gap:.5rem;margin:0;max-height:220px;overflow:auto;padding:0}.timelineList,.timelineStep{display:flex;flex-direction:column}.timelineStep{width:100%;align-items:stretch;gap:.45rem;border-color:#20365f;background:#0b1427;cursor:pointer;text-align:left}[data-theme=light] .timelineStep{border-color:var(--border-color);background:var(--bg-panel);color:var(--text-primary)}.timelineStep.active,.timelineStep:hover{border-color:#70a7ff;background:#132846;box-shadow:0 0 20px #2c74cf22}[data-theme=light] .timelineStep.active,[data-theme=light] .timelineStep:hover{border-color:var(--accent-blue);background:var(--bg-secondary)}.stepMeta{color:#9fb8ea;font-size:.78rem;text-transform:uppercase;letter-spacing:.04em}[data-theme=light] .stepMeta{color:var(--text-secondary)}.variableList{display:flex;flex-wrap:wrap;gap:.4rem}.variableList code{border:1px solid #284979;background:#07101f;border-radius:8px;color:#d7e4f8;font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.78rem;padding:.25rem .4rem}[data-theme=light] .variableList code{border-color:var(--border-color);background:var(--bg-secondary);color:var(--text-primary)}.variableList.muted{color:#7186ad;font-size:.82rem}.inspectorPanel,.scrubberPanel{border:1px solid #1d3358;background:#091121;border-radius:12px;padding:.8rem;transition:background .3s ease}[data-theme=light] .inspectorPanel,[data-theme=light] .scrubberPanel{border-color:var(--border-color);background:var(--bg-panel)}.scrubberPanel{display:flex;flex-direction:column;gap:.65rem}.inspectorHeader,.scrubberMeta{display:flex;justify-content:space-between;align-items:center;gap:1rem;color:#9fb8ea;font-size:.82rem}[data-theme=light] .inspectorHeader,[data-theme=light] .scrubberMeta{color:var(--text-secondary)}.inspectorHeader h3,.scrubberMeta strong{color:#d7e4f8}[data-theme=light] .inspectorHeader h3,[data-theme=light] .scrubberMeta strong{color:var(--text-primary)}.inspectorHeader h3{margin:0;font-size:.92rem}.snapshotScrubber{width:100%;accent-color:#70a7ff;cursor:pointer}[data-theme=light] .snapshotScrubber{accent-color:var(--accent-blue)}.variableTable{width:100%;border-collapse:collapse;margin-top:.65rem;overflow:hidden;border-radius:10px}.variableTable td,.variableTable th{border-top:1px solid #1d3358;padding:.5rem .6rem;text-align:left;vertical-align:top}[data-theme=light] .variableTable td,[data-theme=light] .variableTable th{border-color:var(--border-color)}.variableTable thead th{border-top:0;background:#0c1a32;color:#9fb8ea;font-size:.75rem;letter-spacing:.04em;text-transform:uppercase}[data-theme=light] .variableTable thead th{background:var(--bg-secondary);color:var(--text-secondary)}.variableTable tbody th{color:#d7e4f8;font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,monospace;font-weight:700}[data-theme=light] .variableTable tbody th{color:var(--text-primary)}.variableTable td{color:#b8c9ee}[data-theme=light] .variableTable td{color:var(--text-secondary)}.variableTable code{color:#d7e4f8;font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,monospace;white-space:pre-wrap;overflow-wrap:break-word;word-break:normal}[data-theme=light] .variableTable code{color:var(--text-primary)}.emptyInspector{color:#7186ad;font-style:italic;text-align:center!important}[data-theme=light] .emptyInspector{color:var(--text-secondary)}@media (max-width:768px){.shell{padding:.75rem;gap:.75rem}.topbar{flex-direction:column;align-items:flex-start;gap:.5rem;padding:.85rem 1rem}.workspace{grid-template-columns:1fr;grid-template-rows:auto}.left,.right{flex-direction:row;flex-wrap:wrap}.codeRunner{grid-template-rows:auto 350px 6px 180px!important}.runnerToolbar{flex-wrap:wrap;gap:.5rem}.scrubberPanel{overflow-x:auto}.variableTable{font-size:.75rem}.timelineList{max-height:160px}}