:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0f1115;--text:#e8eaef;--muted:#9aa3b2;--panel:#181c24;--panel-elevated:#1f2530;--border:#2a3140;--btn:#222938;--accent:#7dd3fc;--edge:#6b7a90;--dot:#c4cddc;--cursor:#f472b6;--cursor-ring:#fce7f3;--ok:#4ade80;--warn:#fbbf24;--bad:#f87171;--viz-paper:#f7f4ef;--sl-node-bg:#fff;--sl-ink:#111;--sl-ink-muted:#4b5563;--sl-edge:#1f2937;--sl-path:#0f172a;--sl-target:#fbcfe8;--sl-cursor-ring:#0284c7;background-color:var(--bg);color:var(--text);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;font-family:IBM Plex Sans,Segoe UI,system-ui,sans-serif;font-weight:400;line-height:1.5}*,:before,:after{box-sizing:border-box}body{min-height:100vh;margin:0}code{font-family:IBM Plex Mono,ui-monospace,monospace;font-size:.9em}.app{max-width:min(1320px,96vw);margin:0 auto;padding:1.5rem 1.25rem 3rem}.editor-panel{background:var(--panel);border:1px solid var(--border);border-radius:12px;margin-bottom:1.5rem;padding:1.1rem 1.25rem 1.25rem}.panel-title{margin:0 0 .35rem;font-size:1.1rem;font-weight:650}.panel-hint{color:var(--muted);margin:0 0 1rem;font-size:.9rem;line-height:1.45}.form-grid{grid-template-columns:1fr;gap:.85rem;display:grid}@media (width>=640px){.form-grid{grid-template-columns:1fr auto auto;align-items:end}}.field{flex-direction:column;gap:.35rem;font-size:.88rem;display:flex}.field span{color:var(--muted);font-weight:500}.field textarea,.field input{font:inherit;border:1px solid var(--border);background:var(--btn);color:var(--text);border-radius:8px;padding:.5rem .6rem}.field textarea{resize:vertical;min-height:4.5rem}.field--inline input{min-width:7rem}.form-actions{flex-wrap:wrap;gap:.65rem;margin-top:1rem;display:flex}.btn-primary,.btn-secondary{font:inherit;border:1px solid var(--border);cursor:pointer;border-radius:8px;padding:.5rem 1rem}.btn-primary{background:color-mix(in srgb, var(--accent) 35%, var(--btn));border-color:color-mix(in srgb, var(--accent) 45%, var(--border));font-weight:600}.btn-secondary{background:var(--btn);color:inherit}.banner{color:var(--muted);margin:.85rem 0 0;font-size:.88rem}.app.shell{justify-content:center;align-items:center;min-height:60vh;display:flex}.trace-player{flex-direction:column;gap:1rem;display:flex}.trace-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1rem;display:flex}.trace-header h1{letter-spacing:-.02em;margin:0;font-size:1.5rem;font-weight:650}.trace-sub{margin:.35rem 0 0;font-size:.95rem}.trace-kinds{font-size:.85rem}.viz-panel{background:var(--viz-paper);border:1px solid var(--border);border-radius:12px;min-height:min(680px,70vh);padding:1rem}.trace-controls{flex-wrap:wrap;align-items:center;gap:.6rem 1rem;display:flex}.trace-controls button{font:inherit;border:1px solid var(--border);background:var(--btn);color:inherit;cursor:pointer;border-radius:8px;padding:.45rem .9rem}.trace-controls button:disabled{opacity:.45;cursor:not-allowed}.step-slider{flex-direction:column;flex:220px;gap:.35rem;min-width:180px;display:flex}.step-slider input{width:100%}.trace-aside{background:var(--panel);border:1px solid var(--border);border-radius:8px;padding:.75rem 1rem;font-size:.92rem}.badge{text-transform:uppercase;letter-spacing:.04em;border-radius:999px;margin-left:.35rem;padding:.12rem .45rem;font-size:.75rem;font-weight:600}.badge--ok{background:color-mix(in srgb, var(--ok) 22%, transparent);color:var(--ok)}.badge--miss{background:color-mix(in srgb, var(--warn) 22%, transparent);color:var(--warn)}.skiplist-wrap{flex-direction:column;gap:.65rem;display:flex}.skiplist-wrap--paper .step-caption{color:var(--sl-ink-muted)}.skiplist-scroll{scrollbar-gutter:stable;border-radius:8px;max-width:100%;margin:0 -.25rem;padding-bottom:4px;padding-left:.25rem;padding-right:.25rem;overflow:auto hidden}.skiplist-scroll:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.skiplist-svg{width:auto;max-width:none;height:auto;display:block}.sl-row-label{fill:var(--sl-ink-muted);font-size:14px;font-weight:600}.sl-edge{stroke:var(--sl-edge);stroke-width:2.25px}.sl-edge--path{stroke:var(--sl-path);stroke-width:4px}.sl-vert{stroke:var(--sl-edge);stroke-width:2px}.sl-vert--path{stroke:var(--sl-path);stroke-width:4px}.sl-marker{fill:var(--sl-edge)}.sl-marker--path{fill:var(--sl-path)}.sl-node{fill:var(--sl-node-bg);stroke:var(--sl-ink);stroke-width:2px}.sl-node--target{fill:var(--sl-target);stroke:var(--sl-ink)}.sl-node--cursor{stroke:var(--sl-cursor-ring);stroke-width:3px}.sl-node-text{fill:var(--sl-ink);pointer-events:none;font-size:15px;font-weight:650}.step-caption{margin:0;font-size:.95rem}.step-phase{text-transform:lowercase;font-weight:650}.muted{color:var(--muted)}.error{color:var(--bad);margin:0}