:root{--bg-dim:#232a2e;--bg0:#2d353b;--bg1:#343f44;--bg2:#3d484d;--bg3:#475258;--bg5:#56635f;--bg-visual:#543a48;--bg-red:#514045;--bg-green:#425047;--bg-blue:#3a515d;--bg-yellow:#4d4c43;--fg:#d3c6aa;--red:#e67e80;--orange:#e69875;--yellow:#dbbc7f;--green:#a7c080;--aqua:#83c092;--blue:#7fbbb3;--purple:#d699b6;--grey0:#7a8478;--grey1:#859289;--grey2:#9da9a0;--on-accent:#2d353b;--bg:var(--bg0);--panel:var(--bg0);--border:var(--bg5);--text:var(--fg);--muted:var(--grey1);--cell:var(--bg1);--code-bg:var(--bg-dim);--current:var(--bg-blue);--skip:var(--bg-yellow);--error:var(--red);--error-bg:var(--bg-red);--warn:var(--yellow);--selection:var(--bg-visual);--p0:var(--blue);--p1:var(--orange);--p2:var(--green);--p3:var(--purple);--p4:var(--aqua);--p5:var(--yellow);--syn-keyword:var(--red);--syn-number:var(--purple);--syn-string:var(--aqua);--syn-function:var(--green);--syn-def:var(--blue);--font:"JetBrains Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@media (prefers-color-scheme:light){:root{--bg-dim:#efebd4;--bg0:#fdf6e3;--bg1:#f4f0d9;--bg2:#efebd4;--bg3:#e6e2cc;--bg5:#bdc3af;--bg-visual:#eaedc8;--bg-red:#fde3da;--bg-green:#f0f1d2;--bg-blue:#e9f0e9;--bg-yellow:#faedcd;--fg:#5c6a72;--red:#f85552;--orange:#f57d26;--yellow:#dfa000;--green:#8da101;--aqua:#35a77c;--blue:#3a94c5;--purple:#df69ba;--grey0:#a6b0a0;--grey1:#939f91;--grey2:#829181;--on-accent:#fdf6e3;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}}*{box-sizing:border-box}html{background:var(--bg)}body{background:var(--bg);color:var(--text);font:14px/1.5 var(--font);-webkit-font-smoothing:antialiased;margin:0}::selection{background:var(--selection)}.mono,code,pre,kbd{font-family:var(--font)}*{scrollbar-width:thin;scrollbar-color:var(--bg5) transparent}.app{max-width:1240px;margin:0 auto;padding:0 16px 48px}.titlebar{background:var(--bg1);border-bottom:1px solid var(--border)}.titlebar-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 16px;max-width:1240px;margin:0 auto;padding:6px 16px;display:flex}.titlebar h1{color:var(--on-accent);background:var(--green);margin:0;padding:1px 10px;font-size:14px;font-weight:700}.titlebar h1:before{content:"▌";color:var(--on-accent);margin-right:4px}.keys{color:var(--muted);margin:0;font-size:12px}kbd{border:1px solid var(--border);background:var(--bg1);min-width:1.6em;color:var(--text);text-align:center;margin:0 2px;padding:0 4px;font-size:11px;display:inline-block}kbd+kbd{margin-left:0}.layout{grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:22px 16px;margin-top:24px;display:grid}.col{flex-direction:column;gap:22px;min-width:0;display:flex}@media (width<=860px){.layout{grid-template-columns:1fr}}.panel{background:var(--panel);border:1px solid var(--border);margin:0;padding:18px 14px 12px;position:relative}.panel-title{background:var(--panel);text-transform:lowercase;color:var(--yellow);margin:0;padding:0 6px;font-size:13px;font-weight:700;line-height:1.5;position:absolute;top:-.8em;left:10px}.panel-title:before{content:"[ ";color:var(--muted);font-weight:400}.panel-title:after{content:" ]";color:var(--muted);font-weight:400}.panel:focus-within{border-color:var(--grey1)}.panel:focus-within>.panel-title{color:var(--green)}.panel-subtitle{text-transform:lowercase;color:var(--aqua);align-items:center;gap:8px;margin:16px 0 6px;font-size:12px;font-weight:600;display:flex}.panel-subtitle:before{content:"──";color:var(--border)}.panel-subtitle:after{content:"";border-top:1px solid var(--border);flex:1}.alert{border-style:double;border-width:3px}.alert.error{border-color:var(--red);color:var(--red)}.alert.error .panel-title{color:var(--red)}.alert.warning{border-color:var(--yellow);color:var(--yellow)}.alert.warning .panel-title{color:var(--yellow)}input,select,button{font:inherit;color:var(--text);background:var(--bg1);border:1px solid var(--border);border-radius:0;padding:4px 8px;font-size:13px}input:focus-visible,select:focus-visible,button:focus-visible{outline:1px solid var(--green);outline-offset:0;border-color:var(--green)}#array-input{width:100%}input.invalid{border-color:var(--error);color:var(--error)}button{cursor:pointer}button:hover:not(:disabled){background:var(--bg3)}button:disabled{opacity:.35;cursor:default}.error{color:var(--error);margin:6px 0 0}.warning{color:var(--warn)}.hint{color:var(--muted);margin:8px 0 0;font-size:12px}.hint:before{content:"# ";color:var(--grey0)}.hint.inline:before{content:none}.hint code{color:var(--aqua)}.loop-row{flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:8px;display:flex}.field{color:var(--muted);align-items:center;gap:4px;font-size:12px;display:flex}.field input{width:72px}@supports (field-sizing:content){.field input{field-sizing:content;width:auto;min-width:calc(4ch + 18px);max-width:calc(16ch + 18px)}}.icon-btn{color:var(--red);padding:4px 9px}.add-btn{width:100%;color:var(--muted);background:0 0;border-style:dashed}.add-btn:hover:not(:disabled){color:var(--green);border-color:var(--green);background:0 0}.var-badge{background:var(--c,var(--p0));min-width:26px;height:26px;color:var(--on-accent);place-items:center;padding:0 6px;font-weight:700;display:inline-grid}.var-badge.small{min-width:22px;height:20px;font-size:12px}.custom-loop{background:var(--code-bg);border:1px solid var(--border);padding:3px 8px;font-size:12px}.hint.inline{margin:0}.array-scroll{padding:2px 2px 4px;overflow-x:auto}.array-row{align-items:flex-end;gap:0;min-height:120px;display:flex}.cell-col{flex-direction:column;align-items:center;min-width:54px;display:flex}.pointers{flex-direction:column;justify-content:flex-end;align-items:center;gap:2px;min-height:64px;display:flex}.pointer{color:var(--c);opacity:.5;flex-direction:column;align-items:center;font-weight:700;line-height:1;display:flex}.pointer.active{opacity:1}.pointer .arrow{margin-top:1px;font-size:10px}.cell{border:1px solid var(--border);background:var(--cell);text-overflow:ellipsis;white-space:nowrap;place-items:center;width:54px;height:46px;margin-left:-1px;display:grid;overflow:hidden}.cell-col:first-child .cell{margin-left:0}.cell.ghost{background:0 0;border-style:dashed}.cell.pointed{z-index:1;border-color:var(--c);outline:1px solid var(--c);background:color-mix(in srgb, var(--c) 22%, var(--cell));color:var(--text);font-weight:700;position:relative}.cell.ghost.pointed{border-color:var(--error);outline-color:var(--error);background:0 0}.cell.changed{box-shadow:inset 0 -3px 0 var(--yellow);animation:.6s steps(3,end) flash}@keyframes flash{0%{background:var(--yellow);color:var(--on-accent)}}.cell-index{color:var(--grey0);margin-top:4px;font-size:11px}.statusline{background:var(--bg1);border:1px solid var(--border);align-items:stretch;min-width:0;font-size:13px;display:flex}.statusline .mode{color:var(--on-accent);background:var(--green);padding:2px 10px;font-weight:700}.statusline.stmt .mode{background:var(--blue)}.statusline.skip .mode{background:var(--yellow)}.statusline .message{text-overflow:ellipsis;white-space:nowrap;flex:1;padding:2px 10px;overflow:hidden}.statusline .position{color:var(--muted);background:var(--bg2);white-space:nowrap;padding:2px 10px}.controls{flex-direction:column;gap:12px;display:flex}.buttons{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.buttons button{min-width:44px;font-weight:600}.buttons .play{background:var(--green);border-color:var(--green);min-width:72px;color:var(--on-accent)}.buttons .play:hover:not(:disabled){background:var(--aqua);border-color:var(--aqua)}.step-count{color:var(--muted);margin-left:auto;font-size:12px}.scrubber{width:100%;accent-color:var(--green);background:0 0;border:none;padding:0}.control-row{flex-wrap:wrap;align-items:center;gap:12px 20px;display:flex}.segmented{color:var(--muted);align-items:center;font-size:12px;display:flex}.segmented span{margin-right:8px}.segmented button{padding:3px 10px;font-size:12px}.segmented button:nth-of-type(2){border-left:none}.segmented button.on{background:var(--blue);border-color:var(--blue);color:var(--on-accent)}.speed{min-width:200px;color:var(--muted);flex:1;align-items:center;gap:10px;font-size:12px;display:flex}.speed input{accent-color:var(--grey1);background:0 0;border:none;flex:1;padding:0}.editor .cm-editor{border:1px solid var(--border);min-height:260px;max-height:520px}.editor .cm-scroller{overflow:auto}.output{background:var(--code-bg);border:1px solid var(--border);white-space:pre-wrap;max-height:200px;margin:0;padding:8px 12px;font-size:13px;overflow:auto}.output div:before{content:"> ";color:var(--grey0)}.output .muted{color:var(--green)}.output .muted:before{content:""}.vars{border-collapse:collapse;width:100%;font-size:13px}.vars th{text-align:left;color:var(--muted);border-bottom:1px dashed var(--border);padding:2px 6px;font-weight:400}.vars td{padding:4px 6px}.vars tbody tr:nth-child(2n) td{background:color-mix(in srgb, var(--bg1) 60%, transparent)}.vars .oob{color:var(--error)}.vars .value{word-break:break-all}.vars .muted{color:var(--muted)}.vars tr.changed td{background:var(--current)}.vars tr.changed td:first-child{box-shadow:inset 2px 0 var(--blue)}.bool{padding:0 5px;font-size:11px;font-weight:700;display:inline-block}.bool.yes{color:var(--on-accent);background:var(--green)}.bool.no{color:var(--on-accent);background:var(--red)}