:root{--bg:#0d1015;--nav:#10141a;--panel:#141920;--code:#0a0c10;--raise:#1c2330;--line:#232a35;--line2:#2e3746;--grid:#1f2630;--text:#e7eaee;--text2:#c9cfd8;--muted:#8c96a5;--faint:#7a8595;--accent:#7aa2ff;--accent-hi:#a9c2ff;--accent-bg:#18243b;--accent-bar:#2f4a7a;--fail:#ff6b57;--fail-text:#ff8a7a;--fail-bg:#2a1614;--fail-pill:#3a1d1a;--fail-row:#1f1616;--pass:#3dbe8b;--pass-bg:#13201b;--pass-seg:#15291f;--pass-line:#245c45;--warn:#e5a63a;--warn-bg:#2a2213;--warn-line:#5a4418;--display:"Space Grotesk", system-ui, sans-serif;--sans:"IBM Plex Sans", system-ui, sans-serif;--mono:"JetBrains Mono", ui-monospace, monospace;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);font-family:var(--sans);min-width:1280px;margin:0;font-size:14px}a{color:var(--accent)}a:hover{color:var(--accent-hi)}button{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.mono{font-family:var(--mono)}.muted{color:var(--muted)}.faint{color:var(--faint)}.t-fail{color:var(--fail-text)}.t-pass{color:var(--pass)}.t-warn{color:var(--warn)}.t-accent{color:var(--accent)}.small{font-size:12px}.app{flex-direction:column;height:100%;display:flex}.topbar{border-bottom:1px solid var(--line);flex-shrink:0;align-items:center;gap:16px;height:56px;padding:0 24px;display:flex}.brand{font-family:var(--display);font-size:17px;font-weight:600}.vsep{background:#2a3240;width:1px;height:20px}.crumb{font-family:var(--mono);color:var(--muted);font-size:13px}.topbar-right{align-items:center;gap:10px;margin-left:auto;display:flex}.pill-sut{font-family:var(--mono);color:var(--text2);border:1px solid #2a3240;border-radius:6px;padding:6px 10px;font-size:12px}.badge-mock{font-family:var(--mono);letter-spacing:.06em;background:var(--warn-bg);color:var(--warn);border-radius:6px;padding:5px 8px;font-size:11px;font-weight:600}.body{flex-grow:1;min-height:0;display:flex}.nav{background:var(--nav);border-right:1px solid var(--line);flex-direction:column;flex-shrink:0;gap:4px;width:232px;padding:20px 14px;display:flex}.nav-h{letter-spacing:.08em;color:var(--faint);padding:0 12px 8px;font-size:11px;font-weight:600}.nav a{color:#9aa3b1;border-radius:8px;align-items:center;gap:12px;height:40px;padding:0 12px;text-decoration:none;display:flex}.nav a:hover{color:var(--text);background:#161c25}.nav a[aria-current=page]{color:var(--text);background:var(--raise);font-weight:500}.nav-count{font-family:var(--mono);background:var(--fail-pill);color:var(--fail-text);border-radius:10px;margin-left:auto;padding:1px 7px;font-size:11px}.backend{border:1px solid var(--line);border-radius:10px;flex-direction:column;gap:10px;margin-top:auto;padding:14px;display:flex}.backend-row{color:var(--muted);align-items:center;gap:10px;font-size:13px;display:flex}.backend-row.on{color:var(--text)}.backend-row .dot{border:1.5px solid #6f7a8a;border-radius:50%;width:8px;height:8px}.backend-row.on .dot{background:var(--accent);border-color:var(--accent)}.backend-row .tag{font-family:var(--mono);color:var(--faint);margin-left:auto;font-size:10px}.backend-row.on .tag{color:var(--accent)}main.main{flex-direction:column;flex-grow:1;gap:16px;min-width:0;padding:22px 32px 20px;display:flex;overflow:auto}.ph{align-items:flex-end;gap:16px;display:flex}.ph-text{flex-direction:column;gap:4px;min-width:0;display:flex}.ph-title{align-items:center;gap:12px;display:flex}h1{font-family:var(--display);margin:0;font-size:26px;font-weight:600}.ph-actions{flex-shrink:0;align-items:center;gap:12px;margin-left:auto;display:flex}.chip-fail{font-family:var(--mono);background:var(--fail-pill);color:var(--fail-text);white-space:nowrap;border-radius:20px;padding:4px 10px;font-size:12px;font-weight:600}.chip-pass{font-family:var(--mono);background:var(--pass-bg);color:var(--pass);white-space:nowrap;border-radius:20px;padding:4px 10px;font-size:12px;font-weight:600}.btn{border:1px solid var(--line2);background:var(--panel);height:40px;color:var(--text);cursor:pointer;white-space:nowrap;border-radius:8px;align-items:center;gap:8px;padding:0 16px;font-weight:500;text-decoration:none;display:inline-flex}.btn:hover{color:var(--text);border-color:#3a4658}.btn-primary{background:var(--accent);border-color:var(--accent);color:var(--bg);padding:0 18px;font-weight:600}.btn-primary:hover{background:var(--accent-hi);border-color:var(--accent-hi);color:var(--bg)}.btn:disabled{opacity:.75;cursor:default}.btn-sm{height:32px;padding:0 12px;font-size:13px}select,input[type=number],input[type=text]{border:1px solid var(--line2);background:var(--bg);height:40px;color:var(--text);font-family:var(--mono);border-radius:8px;padding:0 12px;font-size:13px}.card{background:var(--panel);border:1px solid var(--line);border-radius:12px;flex-direction:column;gap:12px;min-width:0;padding:18px 20px;display:flex}.card-code{background:var(--code)}.card-h{align-items:baseline;gap:10px;display:flex}.card-h b{font-weight:600}.card-h .sub{color:var(--muted);font-size:12px}.card-h .right{margin-left:auto}.grid2{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px;display:grid}.tiles{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.tile{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:16px 18px}.tile-l{color:var(--muted);font-size:12px}.tile-v{font-family:var(--mono);margin-top:4px;font-size:26px;font-weight:600}.tile-v small{color:var(--muted);font-size:14px;font-weight:400}.state{border:1px dashed var(--line2);color:var(--muted);border-radius:12px;flex-direction:column;align-items:flex-start;gap:8px;padding:28px;display:flex}.state.err{color:var(--fail-text);background:#1a1112;border-color:#5a2a24}.state.err .mono{color:var(--text2);font-size:12px}.skel{background:linear-gradient(90deg,#161c25,#1f2630,#161c25) 0 0/200% 100%;border-radius:4px;height:14px;animation:1.2s linear infinite sk}@keyframes sk{to{background-position:-200% 0}}.tag-assumed,.tag-oos{font-family:var(--mono);text-align:center;border-radius:4px;flex-shrink:0;width:92px;padding:3px 6px;font-size:10px;font-weight:600}.tag-assumed{background:var(--warn-bg);color:var(--warn)}.tag-oos{background:var(--raise);color:#9aa3b1}.chips{font-family:var(--mono);flex-wrap:wrap;gap:6px;font-size:12px;display:flex}.chips span{background:var(--raise);color:var(--text2);border-radius:6px;padding:4px 8px}.tbl{background:var(--panel);border:1px solid var(--line);border-radius:12px;overflow:hidden}.tbl-row{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:12px 20px;display:grid}.tbl-row:last-child{border-bottom:0}.tbl-head{color:var(--muted);font-size:12px}.tbl-row.fail{background:var(--fail-row)}.tbl-row.sel{background:#151e2c}button.tbl-row{text-align:left;border:0;border-bottom:1px solid var(--line);cursor:pointer;width:100%;color:inherit;background:0 0}button.tbl-row:hover{background:#171d27}.lane-card{padding:16px 20px 10px}.lane-svg{font-family:var(--mono);-webkit-user-select:none;user-select:none;display:block}.lane-svg .hit{cursor:pointer}.trace-list{flex-direction:column;flex:1 1 0;gap:2px;min-height:0;padding-bottom:4px;display:flex;position:relative;overflow:auto}.lane-wrap{border-radius:8px}.lane-wrap:focus{outline:none}.lane-wrap:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.trace-btn[aria-current=step] .n{color:var(--muted)}main.main>*{flex-shrink:0}.code.nowrap{white-space:pre;overflow-x:auto}.trace-btn{text-align:left;min-height:34px;color:var(--text);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;grid-template-columns:30px 64px minmax(150px,230px) minmax(0,1fr);align-items:center;gap:10px;padding:5px 10px;font-size:13px;display:grid}.trace-btn:hover{background:#171d27}.trace-btn[aria-current=step]{background:var(--raise);border-color:#3a4658}.trace-btn .n,.trace-btn .t{font-family:var(--mono);color:var(--faint)}.trace-btn .t{color:var(--muted)}.trace-btn .ev{font-family:var(--mono);text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.trace-btn .sum{color:var(--text2);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.gap-btn{font-family:var(--mono);color:var(--faint);text-align:left;cursor:pointer;background:0 0;border:0;padding:2px 10px 2px 50px;font-size:12px}.gap-btn:hover{color:var(--text2)}.kv{font-family:var(--mono);grid-template-columns:150px minmax(0,1fr);gap:4px 16px;font-size:13px;display:grid}.kv .k{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.kv .v{word-break:break-word}.kv .changed{color:var(--warn)}.kbd{font-family:var(--mono);border:1px solid var(--line2);color:var(--muted);border-radius:4px;padding:1px 5px;font-size:11px}.banner{border:1px solid;border-radius:12px;align-items:center;gap:16px;padding:16px 20px;display:flex}.banner.ok{background:var(--pass-bg);border-color:var(--pass-line)}.banner.bad{background:var(--fail-bg);border-color:#5a2a24}.banner.warn{background:var(--warn-bg);border-color:var(--warn-line)}.code{font-family:var(--mono);color:var(--text2);white-space:pre-wrap;word-break:break-word;font-size:12.5px;line-height:1.7;overflow:auto}.code .p{color:var(--faint)}.det-grid{grid-template-columns:repeat(25,minmax(0,1fr));gap:4px;display:grid}.det-grid span{background:#1a1f27;border-radius:3px;height:14px}.det-grid span.same{background:var(--accent-bar)}.det-grid span.diff{background:var(--fail)}.det-grid span.err{background:var(--warn)}.seg{border:1px solid var(--line2);border-radius:8px;display:inline-flex;overflow:hidden}.seg-b{background:var(--panel);border:0;border-right:1px solid var(--line2);height:32px;color:var(--muted);font-family:var(--mono);cursor:pointer;align-items:center;padding:0 12px;font-size:12px;text-decoration:none;display:inline-flex}.seg-b:last-child{border-right:0}.seg-b:hover{color:var(--text)}.seg-b.on{background:var(--accent-bg);color:var(--accent-hi)}.scene-bar{flex-wrap:wrap;align-items:center;gap:12px;margin:18px 0 14px;display:flex}.scene-scrub{min-width:200px;accent-color:var(--accent);flex:1}.scene-clock{width:104px;color:var(--text2);font-size:13px}.scene-grid{gap:14px;display:grid}.scene-panel{border:1px solid var(--line);background:var(--bg);border-radius:12px;height:560px;transition:border-color .2s,box-shadow .2s;position:relative;overflow:hidden}.scene-panel.is-fail{border-color:var(--fail);box-shadow:0 0 0 1px var(--fail), 0 0 28px #ff6b572e}.scene-canvas{position:absolute;inset:0;container-type:size}@container (width<=560px){.scene-tag{display:none}}.scene-canvas canvas{display:block}.scene-labels{position:absolute;inset:0}.scene-hud-top{pointer-events:none;align-items:center;gap:10px;display:flex;position:absolute;top:12px;left:14px}.scene-ver{font-family:var(--display);font-size:20px;font-weight:600}.scene-overlay{font-family:var(--mono);background:#0d1015b3;place-items:center;display:grid;position:absolute;inset:0}.scene-alert{background:var(--fail-bg);color:var(--fail-text);font-family:var(--mono);pointer-events:none;border-radius:6px;padding:6px 10px;font-size:12px;font-weight:600;animation:.9s steps(2,start) infinite scene-blink;position:absolute;top:12px;right:14px}@keyframes scene-blink{to{opacity:.55}}.scene-hud-bottom{pointer-events:none;background:linear-gradient(#0d101500,#0d1015f2 45%);flex-direction:column;gap:10px;padding:30px 14px 12px;display:flex;position:absolute;bottom:0;left:0;right:0}.scene-log{flex-direction:column;justify-content:flex-end;gap:3px;min-height:76px;margin:0;padding:0;font-size:12.5px;list-style:none;display:flex}.scene-log li{color:var(--text2)}.scene-log li.tone-warn{color:var(--warn)}.scene-log li.tone-fail{color:var(--fail-text)}.scene-log li.tone-pass{color:var(--pass)}.scene-log li:last-child{font-weight:600}.scene-timer-h{color:var(--muted);justify-content:space-between;margin-bottom:5px;font-size:12px;display:flex}.scene-timer-track{background:#1a1f27;border-radius:4px;height:8px;position:relative}.scene-timer-fill{background:var(--warn);border-radius:4px;height:100%}.scene-timer-fill.over{background:var(--fail)}.scene-timer-fill.done{background:var(--pass)}.scene-timer-budget{background:var(--text2);width:2px;position:absolute;top:-4px;bottom:-4px}.scene-timer-budget:after{content:"budget";color:var(--muted);font-size:10px;font-family:var(--mono);position:absolute;top:-16px;left:4px}.scene-name{font-family:var(--display);color:var(--text);text-shadow:0 1px 4px #000;pointer-events:none;font-size:13px;font-weight:600}.scene-name-dim{color:var(--muted)}.scene-state{font-family:var(--mono);border:1px solid var(--line2);color:var(--text2);pointer-events:none;background:#141920d9;border-radius:4px;padding:2px 6px;font-size:11px}.scene-state-ok{color:var(--pass);border-color:var(--pass-line)}.scene-state-warn{color:var(--warn);border-color:var(--warn-line)}.scene-state-fail{color:var(--fail-text);border-color:var(--fail);background:var(--fail-bg)}.scene-state-active{color:var(--accent-hi);border-color:var(--accent-bar)}.scene-state-off{color:var(--muted)}.scene-tag{font-family:var(--mono);letter-spacing:.06em;pointer-events:none;border-radius:4px;padding:2px 6px;font-size:10px;font-weight:700}.scene-tag-fail{background:var(--fail-bg);color:var(--fail-text);border:1px solid var(--fail)}.scene-pkt{font-family:var(--mono);pointer-events:none;background:#0d1015d9;border-radius:3px;padding:1px 5px;font-size:10px;font-weight:700}.scene-pkt-fault{color:var(--warn)}.scene-pkt-ack{color:var(--pass)}.scene-pkt-cmd{color:var(--accent-hi)}.site-banner{border-bottom:1px solid var(--line);background:var(--accent-bg);color:var(--text2);align-items:center;gap:10px;padding:8px 24px;font-size:13px;display:flex}.site-banner b{color:var(--accent-hi);font-weight:600}.site-banner a{white-space:nowrap;margin-left:auto;font-weight:600;text-decoration:none}.nav-toggle{display:none}@media (width<=860px){body{min-width:0}.app{height:auto;min-height:100%}.topbar{z-index:30;background:var(--bg);gap:10px;height:52px;padding:0 12px;position:sticky;top:0}.nav-toggle{border:1px solid var(--line2);background:var(--panel);cursor:pointer;border-radius:8px;place-items:center;width:36px;height:36px;margin-left:-4px;display:inline-grid}.topbar .vsep,.topbar .crumb,.pill-sut{display:none}.site-banner{flex-wrap:wrap;gap:4px 8px;padding:8px 16px;font-size:12.5px}.site-banner a{margin-left:0}.body{display:block}.nav{z-index:40;width:min(280px,82vw);transition:transform .2s;position:fixed;top:52px;bottom:0;left:0;overflow-y:auto;transform:translate(-100%);box-shadow:8px 0 24px #0006}.nav-open .nav{transform:none}.nav-backdrop{z-index:35;background:#05070a99;position:fixed;inset:52px 0 0}main.main{padding:16px;overflow:visible}.ph{flex-direction:column;align-items:stretch;gap:12px}.ph-text h1{overflow-wrap:anywhere;font-size:22px}.ph-actions{flex-wrap:wrap;margin-left:0}.grid2,.stack-sm{grid-template-columns:minmax(0,1fr)!important}.tiles{grid-template-columns:repeat(2,minmax(0,1fr))}.card,.tbl{overflow-x:auto}.tbl-row{min-width:680px}.seg{flex-wrap:wrap}.scene-bar{gap:8px}.scene-scrub{flex-basis:100%;order:10;min-width:0}.scene-clock{width:auto}.scene-panel{height:440px}.scene-log{min-height:0;font-size:12px}.scene-log li:not(:nth-last-child(-n+2)){display:none}.scene-alert{top:44px;left:14px;right:auto}}