:root{--bench: #131518;--panel: #1c1f23;--panel-raised: #262a2f;--edge: #30353b;--ink: #dde1e6;--ink-dim: #8b939c;--phosphor: #8dffb0;--marker: #ffb347;--stop: #ff6b5e;--tube: #06100a;color-scheme:dark;font-family:system-ui,-apple-system,Segoe UI,sans-serif;font-size:14px}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-height:100vh;background:var(--bench);color:var(--ink)}.bench{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:28px;align-items:start;max-width:1280px;margin:0 auto;padding:28px}.screen{position:relative;aspect-ratio:10 / 8;overflow:hidden;border-radius:10px;background:radial-gradient(ellipse at center,#0b1b12 0%,var(--tube) 78%);box-shadow:inset 0 0 48px #000000d9,0 0 0 10px #0c0e10,0 0 0 11px var(--edge);margin:11px}.screen canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.readout{position:absolute;pointer-events:none;font:12px/1 ui-monospace,SF Mono,Menlo,Consolas,monospace;color:var(--phosphor);opacity:.85;white-space:pre}.readout--tl{top:12px;left:12px}.readout--tr{top:12px;right:16px;white-space:nowrap}.readout--bl{bottom:12px;left:12px}.readout--br{bottom:12px;right:16px;color:var(--ink-dim)}.status{display:inline-block;padding:2px 5px;margin-right:6px;border-radius:3px;text-transform:uppercase;letter-spacing:.04em}.status--trig{color:var(--tube);background:var(--phosphor)}.status--auto{color:var(--tube);background:var(--marker);animation:blink 1s steps(2) infinite}.status--stop{color:var(--tube);background:var(--stop)}@keyframes blink{50%{opacity:.35}}.panel{display:flex;flex-direction:column;gap:14px;padding:16px;border:1px solid var(--edge);border-radius:10px;background:var(--panel)}.group{display:flex;flex-direction:column;gap:10px;padding-bottom:14px;border-bottom:1px solid var(--edge)}.group h2{margin:0;font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-dim)}button{font:inherit;color:var(--ink);background:var(--panel-raised);border:1px solid var(--edge);border-radius:6px;padding:7px 10px;cursor:pointer}button:hover{border-color:#4a5159}button:focus-visible,input:focus-visible{outline:2px solid var(--phosphor);outline-offset:2px}output{font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-variant-numeric:tabular-nums}.stepper{display:grid;grid-template-columns:1fr 34px 76px 34px;align-items:center;gap:6px}.stepper button{padding:5px 0;font-size:16px;line-height:1}.stepper output{text-align:center}.slider{display:grid;grid-template-columns:76px minmax(0,1fr) 64px;align-items:center;gap:10px}.slider input{width:100%;accent-color:var(--phosphor)}.slider output{text-align:right}.slider:has(input:disabled){opacity:.4}.row{display:grid;grid-template-columns:1fr 1fr;gap:6px}.toggle[aria-pressed=true]{color:var(--marker);border-color:var(--marker)}.segmented{display:grid;grid-template-columns:repeat(4,1fr);gap:4px}.segmented button{padding:7px 0}.segmented button[aria-pressed=true]{color:var(--tube);background:var(--phosphor);border-color:var(--phosphor)}.measurements{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 8px;margin:0}.measurements dt{font-size:11px;color:var(--ink-dim)}.measurements dd{margin:2px 0 0;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-variant-numeric:tabular-nums;color:var(--phosphor);white-space:nowrap}.run{padding:10px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--tube);background:var(--phosphor);border-color:var(--phosphor)}.run--stopped{background:var(--stop);border-color:var(--stop)}@media(max-width:860px){.bench{grid-template-columns:minmax(0,1fr);gap:20px;padding:16px}}