:root{--scale:1;--font-size-base:calc(24px * var(--scale));--font-size-chip:calc(28px * var(--scale));--font-size-state:calc(56px * var(--scale));--font-size-button:calc(28px * var(--scale));--font-size-big:calc(40px * var(--scale));--control-height:calc(72px * var(--scale));--font-family:system-ui, -apple-system, "Segoe UI", Roboto, "Noto Sans", sans-serif;--weight-body:600;--weight-bold:800;--space-1:calc(8px * var(--scale));--space-2:calc(16px * var(--scale));--space-3:calc(24px * var(--scale));--radius:calc(10px * var(--scale));--bg:#0b0d12;--bg-raised:#161a23;--fg:#f5f7fa;--fg-muted:#c9d1d9;--line:#5c667a;--ok:#3ddc84;--warn:#ffd166;--bad:#ff8a8a;--neutral:#c9d1d9;--on-color:#000;--focus:#fff;--button-bg:#1f2533;--button-bg-hover:#2c3446;--button-border:#8a94a8;--current-bg:#1d3a28;--current-marker:var(--ok);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html,body{height:100%;margin:0;overflow:hidden}body{background:var(--bg);color:var(--fg);font-family:var(--font-family);font-size:var(--font-size-base);font-weight:var(--weight-body);grid-template-rows:auto auto auto minmax(0,1fr) auto;line-height:1.4;display:grid}:focus-visible{outline:4px solid var(--focus);outline-offset:3px}.topbar{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);background:var(--bg-raised);border-bottom:3px solid var(--line);grid-row:1;display:flex}.state{min-width:6ch;padding:var(--space-1) var(--space-3);border-radius:var(--radius);font-size:var(--font-size-state);font-weight:var(--weight-bold);letter-spacing:.04em;text-align:center;color:var(--on-color);background:var(--neutral)}.state[data-state=on]{background:var(--ok)}.state[data-state=paused]{background:var(--warn)}.chips{gap:var(--space-2);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.chip{padding:var(--space-1) var(--space-2);border:3px solid var(--neutral);border-radius:var(--radius);font-size:var(--font-size-chip);font-weight:var(--weight-bold);white-space:nowrap}.chip[data-tone=ok]{border-color:var(--ok);color:var(--ok)}.chip[data-tone=warn]{border-color:var(--warn);color:var(--warn)}.chip[data-tone=bad]{border-color:var(--bad);color:var(--bad)}.controls{gap:var(--space-2);padding:var(--space-2) var(--space-3);border-bottom:3px solid var(--line);flex-wrap:wrap;grid-row:2;display:flex}.button{min-height:var(--control-height);padding:var(--space-1) var(--space-3);border:3px solid var(--button-border);border-radius:var(--radius);background:var(--button-bg);color:var(--fg);font:inherit;font-size:var(--font-size-button);font-weight:var(--weight-bold);cursor:pointer}.button:hover{background:var(--button-bg-hover)}.button:active{background:var(--fg);color:var(--on-color)}.button.big{border-color:var(--fg);min-width:8ch;font-size:var(--font-size-big)}.banner{width:100%;padding:var(--space-2) var(--space-3);border:0;border-bottom:3px solid var(--line);background:var(--warn);color:var(--on-color);font:inherit;font-size:var(--font-size-big);font-weight:var(--weight-bold);text-align:center;cursor:pointer;grid-row:3;display:block}.banner[hidden]{display:none}.log{padding:var(--space-3);grid-row:4;overflow-y:auto}.log:focus-visible{outline-offset:-4px}.placeholder{color:var(--fg-muted);margin:0}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.log .line{margin:0 0 var(--space-1);overflow-wrap:anywhere}.log .line[data-kind=status],.log .line[data-kind=event],.log .line[data-kind=notice],.log .line[data-kind=skipped]{color:var(--fg-muted);font-style:italic}.log .line[data-kind=warning]{color:var(--warn)}.log .line[data-current=true]{padding:var(--space-1) var(--space-2);border-left:10px solid var(--current-marker);border-radius:var(--radius);background:var(--current-bg);font-weight:var(--weight-bold)}.log .line[data-current=true]:before{content:"▶ ";color:var(--current-marker)}.legend{align-items:center;gap:var(--space-3);padding:var(--space-1) var(--space-3);border-top:3px solid var(--line);background:var(--bg-raised);grid-row:5;display:flex}.legend-title{font-weight:var(--weight-bold)}.hotkeys{gap:var(--space-3);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}kbd{min-width:2ch;padding:0 var(--space-1);border:3px solid var(--button-border);border-radius:var(--radius);background:var(--button-bg);font:inherit;font-weight:var(--weight-bold);text-align:center;display:inline-block}.settings-button{margin-left:auto}.drawer{z-index:10;background:var(--bg);border-left:4px solid var(--fg);flex-direction:column;width:min(840px,100%);display:flex;position:fixed;inset:0 0 0 auto;box-shadow:-8px 0 32px #0009}.drawer[hidden]{display:none}.drawer-head{padding:var(--space-2) var(--space-3);background:var(--bg-raised);border-bottom:3px solid var(--line);justify-content:space-between;align-items:center;display:flex}.drawer-head h2{font-size:var(--font-size-big);font-weight:var(--weight-bold);margin:0}.tablist{gap:var(--space-1);padding:var(--space-2) var(--space-3);border-bottom:3px solid var(--line);flex-wrap:wrap;display:flex}.tab{min-height:calc(56px * var(--scale));padding:var(--space-1) var(--space-2);border:3px solid var(--button-border);border-radius:var(--radius);background:var(--button-bg);color:var(--fg);font:inherit;font-weight:var(--weight-bold);cursor:pointer}.tab[aria-selected=true]{background:var(--fg);border-color:var(--fg);color:var(--on-color);text-decoration:underline;text-decoration-thickness:4px}.drawer-panel{min-height:0;padding:var(--space-3);flex:1;overflow-y:auto}.fields{gap:var(--space-3);flex-direction:column;display:flex}.field{border:0;margin:0;padding:0}.field-label,.drawer legend,.drawer th{margin-bottom:var(--space-1);font-weight:var(--weight-bold);text-align:left;display:block}.field-check{column-gap:var(--space-2);grid-template-columns:auto 1fr;align-items:center;display:grid}.field-check .help{grid-column:2}.field-check label{cursor:pointer;margin:0}.field-row{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.drawer input:not([type=checkbox]):not([type=radio]),.drawer select,.drawer textarea{width:100%;min-height:calc(56px * var(--scale));padding:var(--space-1) var(--space-2);border:3px solid var(--button-border);border-radius:var(--radius);background:var(--bg-raised);color:var(--fg);font:inherit}.drawer input[type=range]{min-width:10ch;accent-color:var(--ok);flex:1;padding:0}.drawer .fields input[type=number]{width:10ch}.drawer input[type=checkbox],.drawer input[type=radio]{width:calc(36px * var(--scale));height:calc(36px * var(--scale));accent-color:var(--ok);margin:0}.drawer input:disabled{color:var(--fg-muted);border-style:dashed}.readout{min-width:4ch;font-weight:var(--weight-bold)}.readout-line{padding:var(--space-1) var(--space-2);border-left:10px solid var(--neutral);background:var(--bg-raised);margin:0}.help{margin:var(--space-1) 0 0;color:var(--fg-muted)}.table{border-collapse:collapse;width:100%}.table td,.table th{padding:var(--space-1);border-bottom:3px solid var(--line);vertical-align:middle}.drawer .table input[type=number]{width:7ch}.button.small{min-height:calc(56px * var(--scale));font-size:var(--font-size-base)}.hotkey-table{gap:var(--space-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}