:root{color-scheme:dark;--bg:#0f1117;--panel:#1a1f2e;--accent:#6ee7b7;--compare:#fbbf24;--highlight:#f472b6;--sorted:#60a5fa;--text:#e5e7eb;--muted:#9ca3af;font-family:Segoe UI,system-ui,sans-serif}*{box-sizing:border-box}body{background:var(--bg);min-height:100vh;color:var(--text);margin:0}.page-header{padding:1.5rem 2rem .5rem}.page-header h1{margin:0;font-size:1.75rem}.subtitle{color:var(--muted);max-width:52rem;margin:.25rem 0 0;line-height:1.5}.runtime-diagram{background:var(--panel);border:1px solid #2d3548;border-radius:12px;margin:0 2rem 1rem;padding:1rem 1.25rem}.runtime-box--sandbox{background:#12151c;border:1px dashed #4b5563;border-radius:10px;flex-direction:column;gap:.75rem;padding:1rem;display:flex}.runtime-instances{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}.runtime-box--instance{background:#0b0d12;border:1px solid #374151;border-radius:8px;padding:.65rem .75rem}.runtime-box-label{font-size:.9rem;font-weight:600;display:block}.runtime-box-detail{color:var(--muted);margin-top:.15rem;font-size:.75rem;display:block}.runtime-caption{color:var(--muted);margin:.75rem 0 0;font-size:.8rem}.controls{flex-direction:column;gap:.75rem;padding:0 2rem 1rem;display:flex}.control-row{flex-wrap:wrap;align-items:end;gap:1rem;display:flex}label{color:var(--muted);flex-direction:column;gap:.25rem;font-size:.85rem;display:flex}select,input[type=number]{background:var(--panel);color:var(--text);border:1px solid #374151;border-radius:6px;min-width:10rem;padding:.4rem .6rem}button{background:var(--accent);color:#042f2e;cursor:pointer;border:none;border-radius:6px;padding:.45rem .9rem;font-weight:600}button:hover{filter:brightness(1.08)}.transport button:nth-child(2){background:#94a3b8}.step-label{font-variant-numeric:tabular-nums;color:var(--muted);align-self:center}.panels{grid-template-columns:1fr 1fr;gap:1rem;padding:0 2rem 2rem;display:grid}@media (width<=900px){.panels{grid-template-columns:1fr}}.panel{background:var(--panel);border-radius:12px;padding:1rem}.panel h2{margin:0 0 .25rem;font-size:1.1rem}.panel-message{min-height:1.25rem;color:var(--muted);margin:0 0 .5rem;font-size:.85rem}.panel-meta{color:var(--muted);margin:0 0 .75rem;font-family:ui-monospace,Cascadia Code,Segoe UI Mono,monospace;font-size:.75rem}.bar-chart{background:#0b0d12;border-radius:8px;align-items:flex-end;gap:2px;height:220px;padding:.5rem;display:flex}.bar{background:var(--accent);border-radius:2px 2px 0 0;flex:1 1 0;min-width:4px;transition:height 50ms linear,background 50ms}.bar.compare{background:var(--compare)}.bar.highlight{background:var(--highlight)}.bar.sorted{background:var(--sorted)}.bar.done{opacity:.85}.page-header .subtitle code,.panel-script-note code,.panel-script-path code{color:var(--accent);background:#0b0d12;border-radius:4px;padding:.1em .35em;font-size:.9em}.panel-script{border-top:1px solid #2d3548;margin-top:1rem;padding-top:1rem}.panel-script-title{color:var(--text);margin:0 0 .35rem;font-size:.95rem;font-weight:600}.panel-script-note{color:var(--muted);margin:0 0 .65rem;font-size:.8rem;line-height:1.45}.panel-script-path{flex-wrap:wrap;align-items:baseline;gap:.5rem;margin:0 0 .5rem;font-size:.8rem;display:flex}.panel-script-path-label{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;font-size:.7rem}.panel-script-path code{font-family:ui-monospace,Cascadia Code,Segoe UI Mono,monospace}.panel-script-source{background:#0b0d12;border:1px solid #2d3548;border-radius:8px;max-height:14rem;margin:0;padding:.75rem;font-size:.72rem;line-height:1.4;overflow:auto}.panel-script-source code{color:#cbd5e1;white-space:pre;font-family:ui-monospace,Cascadia Code,Segoe UI Mono,monospace}