:root{--background:#eef2f7;--panel:#fff;--ink:#172235;--muted:#5a6780;--line:#d5dce8;--accent:#e8702a;--good:#1f8a5b;--caution:#b7791f;--bad:#c2413a;--display-font:"Avenir Next Condensed", "Arial Narrow", system-ui, sans-serif;--body-font:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--mono-font:ui-monospace, "SF Mono", Menlo, Consolas, monospace;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root{--background:#0f1624;--panel:#18223a;--ink:#e6ebf4;--muted:#9aa6bd;--line:#2a3654;--accent:#f08a47;--good:#4cc08a;--caution:#e0a64a;--bad:#ee6b63;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}[hidden]{display:none!important}html,body{background:var(--background);color:var(--ink);margin:0}body{font:16px/1.5 var(--body-font);padding:env(safe-area-inset-top,0px) 0 env(safe-area-inset-bottom,0px)}.page{gap:18px;max-width:760px;margin:0 auto;padding-block:20px 40px;padding-inline:16px;display:grid}h1{font:700 2.1rem/1.1 var(--display-font);margin:0}.lede{color:var(--muted);max-width:62ch;margin:6px 0 0}.controls{flex-wrap:wrap;align-items:center;gap:10px;display:flex}button{font:600 1rem var(--body-font);border:1px solid var(--line);background:var(--panel);color:var(--ink);cursor:pointer;border-radius:10px;padding:10px 16px}button.primary{background:var(--accent);border-color:var(--accent);color:#fff}button:disabled{opacity:.5;cursor:default}button:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.status{color:var(--muted);flex-basis:100%;font-size:.95rem}.cards{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;display:grid}.card{background:var(--panel);border:1px solid var(--line);border-radius:12px;align-content:start;gap:6px;min-width:0;padding:14px;display:grid}.card h2{font:600 .78rem var(--body-font);text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin:0}.big{font:700 1.6rem/1.1 var(--display-font);font-variant-numeric:tabular-nums}.small{color:var(--muted);overflow-wrap:anywhere;font-size:.88rem}.mono{font-family:var(--mono-font);font-size:.85rem}.pill{font:600 .75rem var(--body-font);text-transform:uppercase;letter-spacing:.06em;color:var(--muted);border:1px solid;border-radius:99px;justify-self:start;padding:2px 8px}.pill.pass{color:var(--good)}.pill.borderline{color:var(--caution)}.pill.fail{color:var(--bad)}.stage{border:1px solid var(--line);background:#cdd6e3;border-radius:12px;height:min(72vh,680px);position:relative;overflow:hidden}.stage canvas{width:100%;height:100%;display:block}.stage-placeholder{color:#5a6780;text-align:center;place-items:center;padding:20px;display:grid;position:absolute;inset:0}.heads-up{pointer-events:none;font:500 .8rem var(--mono-font);color:#172235;justify-content:space-between;gap:8px;display:flex;position:absolute;top:8px;left:8px;right:8px}.heads-up span{font-variant-numeric:tabular-nums;background:#ffffffd9;border-radius:6px;padding:2px 8px}.report{gap:8px;display:grid}.report-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.report-header h2{font:700 1.2rem var(--display-font);margin:0}textarea{width:100%;min-height:160px;font:500 .8rem/1.45 var(--mono-font);background:var(--panel);color:var(--ink);border:1px solid var(--line);resize:vertical;border-radius:10px;padding:10px}.view-toggle{border:1px solid var(--line);border-radius:10px;display:inline-flex;overflow:hidden}.view-toggle button{background:var(--panel);border:0;border-radius:0;padding:10px 14px}.view-toggle button+button{border-left:1px solid var(--line)}.view-toggle button[aria-checked=true]{background:var(--ink);color:var(--background)}.finish-order{color:#172235;font:500 .8rem var(--body-font);font-variant-numeric:tabular-nums;background:#ffffffe6;border-radius:8px;gap:2px;max-width:calc(100% - 16px);margin:0;padding:8px 12px;list-style:none;display:grid;position:absolute;bottom:8px;left:8px}.finish-order li{grid-template-columns:1.6em .9em 1fr auto;align-items:center;gap:6px;display:grid}.finish-order .place{text-align:right;font-weight:700}.finish-order .swatch{border-radius:50%;width:.9em;height:.9em}.finish-order .time{color:#5a6780}