:root{--code-font: "JetBrains Mono", "Fira Code", "SF Mono", "Cascadia Code", Consolas, "Liberation Mono", monospace;--code-size: 13px;--code-lh: 1.6;--ui-font: system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;--radius: 10px}:root[data-theme=dark]{--bg: #0b1020;--bg-elev: #121a30;--bg-inset: #0a0f1e;--border: #22304f;--border-soft: #1a2540;--fg: #e7ecf5;--fg-muted: #8f9fbe;--accent: #ffd84d;--accent-deep: #2f6bff;--ok: #4ade80;--err: #ff6b6b;--tok-keyword: #7aa2ff;--tok-ident: #e7ecf5;--tok-number: #f6b352;--tok-string: #86e29a;--tok-bool: #f6b352;--tok-comment: #6b7a9e;--tok-operator: #ff9ecb;--tok-punct: #9fb0d4}:root[data-theme=light]{--bg: #f5f7fc;--bg-elev: #ffffff;--bg-inset: #eef1f8;--border: #d3dbea;--border-soft: #e4e9f3;--fg: #14203a;--fg-muted: #5c6a86;--accent: #b8860b;--accent-deep: #0a3cc4;--ok: #16a34a;--err: #d33a3a;--tok-keyword: #2f52c8;--tok-ident: #14203a;--tok-number: #b3560a;--tok-string: #147a3d;--tok-bool: #b3560a;--tok-comment: #8792a8;--tok-operator: #b02a72;--tok-punct: #445676}*{box-sizing:border-box}html,body{height:100%;margin:0}body{font-family:var(--ui-font);color:var(--fg);background:var(--bg);display:grid;grid-template-rows:auto 1fr auto;height:100vh;overflow:hidden}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 18px;border-bottom:1px solid var(--border);background:var(--bg-elev)}.brand{display:flex;align-items:baseline;gap:8px;font-family:var(--code-font);font-size:15px}.brand__name{font-weight:700}.brand__sep{color:var(--fg-muted)}.brand__sub{color:var(--accent);font-weight:600}.topbar__controls{display:flex;align-items:center;gap:12px}.control{display:inline-flex;align-items:center;gap:8px}.control__label{font-size:12px;color:var(--fg-muted)}.select{font-family:var(--ui-font);font-size:13px;color:var(--fg);background:var(--bg-inset);border:1px solid var(--border);border-radius:8px;padding:6px 10px}.ghost-btn{font:inherit;font-size:13px;color:var(--fg-muted);text-decoration:none;background:transparent;border:1px solid var(--border);border-radius:8px;padding:6px 12px;cursor:pointer;transition:color .15s,border-color .15s}.ghost-btn:hover{color:var(--fg);border-color:var(--accent-deep)}.workspace{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1px;background:var(--border);overflow:hidden}.pane{display:grid;grid-template-rows:auto minmax(0,1fr);background:var(--bg);min-width:0;overflow:hidden}.pane__head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 14px;border-bottom:1px solid var(--border-soft);background:var(--bg-elev);min-height:44px}.pane__title{margin:0;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--fg-muted)}.pane__body{min-height:0;overflow:hidden}.pane__body--scroll{overflow:auto}.editor{display:grid;grid-template-columns:auto minmax(0,1fr);height:100%;background:var(--bg-inset);font-family:var(--code-font);font-size:var(--code-size);line-height:var(--code-lh)}.editor__gutter{padding:12px 10px 12px 14px;text-align:right;color:var(--fg-muted);opacity:.6;white-space:pre;overflow:hidden;-webkit-user-select:none;user-select:none;border-right:1px solid var(--border-soft);font-variant-numeric:tabular-nums}.editor__surface{position:relative;min-width:0}.editor__highlight,.editor__input{margin:0;border:0;padding:12px 16px;font-family:var(--code-font);font-size:var(--code-size);line-height:var(--code-lh);-moz-tab-size:2;tab-size:2;white-space:pre;overflow:auto;position:absolute;top:0;right:0;bottom:0;left:0}.editor__highlight{pointer-events:none;color:var(--tok-ident);z-index:1}.editor__input{z-index:2;resize:none;background:transparent;color:transparent;caret-color:var(--accent);outline:none}.editor__activeline{position:absolute;left:0;right:0;z-index:0;pointer-events:none;background:color-mix(in srgb,var(--accent) 16%,transparent);border-left:3px solid var(--accent)}.editor__input::selection{background:color-mix(in srgb,var(--accent-deep) 40%,transparent)}.tok-keyword{color:var(--tok-keyword);font-weight:600}.tok-ident{color:var(--tok-ident)}.tok-number,.tok-bool{color:var(--tok-number)}.tok-string{color:var(--tok-string)}.tok-comment{color:var(--tok-comment);font-style:italic}.tok-operator{color:var(--tok-operator)}.tok-punct{color:var(--tok-punct)}.tabs{display:flex;gap:2px}.tab{font:inherit;font-size:13px;color:var(--fg-muted);background:transparent;border:0;border-bottom:2px solid transparent;padding:6px 10px;cursor:pointer;transition:color .15s,border-color .15s}.tab:hover{color:var(--fg)}.tab[aria-selected=true]{color:var(--fg);border-bottom-color:var(--accent)}.run-btn{display:inline-flex;align-items:center;gap:6px;font:inherit;font-size:13px;font-weight:600;color:#06122e;background:var(--accent);border:0;border-radius:8px;padding:6px 12px;cursor:pointer}.run-btn:hover{filter:brightness(1.05)}.code-out{margin:0;padding:14px 16px;font-family:var(--code-font);font-size:var(--code-size);line-height:var(--code-lh);white-space:pre;-moz-tab-size:2;tab-size:2;color:var(--tok-ident)}.code-out.ast{color:var(--fg-muted)}.tokens{width:100%;border-collapse:collapse;font-family:var(--code-font);font-size:12.5px}.tokens th{position:sticky;top:0;text-align:left;font-weight:600;color:var(--fg-muted);background:var(--bg-elev);padding:8px 14px;border-bottom:1px solid var(--border-soft)}.tokens td{padding:3px 14px;border-bottom:1px solid var(--border-soft);vertical-align:top}.tok-cell{font-weight:600;white-space:nowrap}.tok-value{color:var(--fg);word-break:break-all}.tok-pos{color:var(--fg-muted);text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.stage-error{margin:14px;padding:12px 14px;border:1px solid color-mix(in srgb,var(--err) 45%,var(--border));border-radius:var(--radius);background:color-mix(in srgb,var(--err) 10%,transparent);color:var(--fg);font-family:var(--code-font);font-size:12.5px;line-height:1.5;white-space:pre-wrap}.stage-error__tag{display:inline-block;margin-right:8px;padding:1px 7px;border-radius:6px;background:var(--err);color:#fff;font-size:11px;font-weight:700;text-transform:uppercase}.console{border-top:1px solid var(--border);background:var(--bg-inset);max-height:34%;overflow:auto}.console__head{padding:6px 14px;font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--fg-muted);border-bottom:1px solid var(--border-soft)}.console__out{margin:0;padding:12px 16px;font-family:var(--code-font);font-size:var(--code-size);line-height:var(--code-lh);white-space:pre-wrap;color:var(--tok-string)}.console__empty{margin:0;padding:12px 16px;color:var(--fg-muted);font-family:var(--code-font);font-size:12.5px}.statusbar{display:flex;align-items:center;gap:18px;padding:6px 18px;border-top:1px solid var(--border);background:var(--bg-elev);font-family:var(--code-font);font-size:12px}.status--muted{color:var(--fg-muted)}.status--ok{color:var(--ok);font-weight:600}.status--err{color:var(--err);font-weight:600}@media (max-width: 820px){body{overflow:auto;height:auto;min-height:100vh}.workspace{grid-template-columns:1fr}.pane--editor .pane__body{height:46vh}.pane--output{min-height:46vh}}.dbg{display:flex;flex-direction:column;height:100%}.dbg__bar{position:sticky;top:0;z-index:3;display:flex;align-items:center;gap:12px;padding:10px 14px;background:var(--bg-elev);border-bottom:1px solid var(--border-soft)}.dbg__buttons{display:flex;gap:4px}.dbg__btn{font-family:var(--code-font);font-size:12px;color:var(--fg);background:var(--bg-inset);border:1px solid var(--border);border-radius:7px;min-width:32px;height:30px;padding:0 8px;cursor:pointer;transition:border-color .15s,background .15s}.dbg__btn:hover{border-color:var(--accent-deep)}.dbg__btn--play{color:#06122e;background:var(--accent);border-color:var(--accent);font-weight:700}.dbg__btn--play.is-playing{color:var(--fg);background:var(--bg-inset);border-color:var(--accent)}.dbg__scrub{flex:1;min-width:60px;accent-color:var(--accent)}.dbg__count{font-family:var(--code-font);font-size:12px;color:var(--fg-muted);font-variant-numeric:tabular-nums;white-space:nowrap}.dbg__note{padding:10px 14px;font-family:var(--code-font);font-size:12.5px;color:var(--fg);border-bottom:1px solid var(--border-soft);min-height:20px}.dbg__kind{display:inline-block;margin-right:8px;padding:1px 7px;border-radius:5px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;background:var(--border);color:var(--fg-muted)}.dbg__kind--assign{background:color-mix(in srgb,var(--tok-keyword) 26%,transparent);color:var(--tok-keyword)}.dbg__kind--output{background:color-mix(in srgb,var(--tok-string) 26%,transparent);color:var(--tok-string)}.dbg__kind--loop,.dbg__kind--cond,.dbg__kind--case{background:color-mix(in srgb,var(--tok-number) 26%,transparent);color:var(--tok-number)}.dbg__kind--call,.dbg__kind--return{background:color-mix(in srgb,var(--tok-operator) 26%,transparent);color:var(--tok-operator)}.dbg__body{padding:14px}.dbg__grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.dbg__panel{border:1px solid var(--border-soft);border-radius:10px;padding:10px 12px;background:var(--bg-elev);min-width:0}.dbg__panel--wide{grid-column:1 / -1}.dbg__h{margin:0 0 8px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.07em;color:var(--fg-muted)}.dbg__scope{text-transform:none;letter-spacing:0;color:var(--tok-ident);font-family:var(--code-font)}.dbg__vars{width:100%;border-collapse:collapse;font-family:var(--code-font);font-size:12.5px}.dbg__vars td{padding:3px 6px;border-bottom:1px solid var(--border-soft)}.dbg__var{color:var(--fg-muted)}.dbg__val{color:var(--fg);text-align:right;font-variant-numeric:tabular-nums}.dbg__vars tr.is-changed .dbg__val{color:var(--accent);font-weight:700}.dbg__stack{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:4px}.dbg__frame{font-family:var(--code-font);font-size:12px;padding:4px 8px;border-radius:6px;background:var(--bg-inset);color:var(--fg-muted)}.dbg__frame.is-top{color:var(--fg);border-left:3px solid var(--accent)}.dbg__output{margin:0;font-family:var(--code-font);font-size:var(--code-size);line-height:var(--code-lh);color:var(--tok-string);white-space:pre-wrap;min-height:20px}.dbg__muted{color:var(--fg-muted)}.dbg__empty{padding:24px 14px;color:var(--fg-muted);text-align:center}.diagram__array{display:flex;align-items:center;gap:10px;margin-bottom:10px;flex-wrap:wrap}.diagram__name{font-family:var(--code-font);font-size:12px;color:var(--fg-muted);min-width:64px}.cells{display:flex;gap:4px;flex-wrap:wrap}.cell{display:flex;flex-direction:column;align-items:center;min-width:34px;border:1px solid var(--border);border-radius:7px;overflow:hidden;background:var(--bg-inset);transition:border-color .15s,transform .15s}.cell.is-focus{border-color:var(--accent);transform:translateY(-2px);box-shadow:0 0 0 1px var(--accent)}.cell__i{width:100%;text-align:center;font-size:9.5px;color:var(--fg-muted);background:color-mix(in srgb,var(--border) 40%,transparent);font-variant-numeric:tabular-nums}.cell.is-focus .cell__i{background:var(--accent);color:#06122e}.cell__v{padding:5px 8px;font-family:var(--code-font);font-size:13px;color:var(--fg);font-variant-numeric:tabular-nums}.diagram__frames{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-bottom:10px}.framebox{font-family:var(--code-font);font-size:11.5px;padding:5px 9px;border-radius:7px;background:color-mix(in srgb,var(--tok-operator) 16%,transparent);border:1px solid color-mix(in srgb,var(--tok-operator) 40%,var(--border));color:var(--fg)}.diagram__chips{display:flex;gap:6px;flex-wrap:wrap}.chip{font-family:var(--code-font);font-size:12px;padding:3px 9px;border-radius:20px;background:var(--bg-inset);border:1px solid var(--border);color:var(--fg);font-variant-numeric:tabular-nums}.chip__n{color:var(--fg-muted);margin-right:6px}@media (max-width: 820px){.dbg__grid{grid-template-columns:1fr}}