:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--page:#121416;--inset:#15181b;--panel:#1b1f23;--raised:#22272c;--hover:#2b3138;--separator:#363e47;--control:#616c78;--text:#e6e9ed;--text-2:#b6bfc9;--muted:#a0aab6;--accent:#b2e879;--accent-ink:#14200a;--state-waiting:#e3b55b;--state-admitted:#9aa4b0;--state-prefill:#5ccbe3;--state-decode:#b2e879;--state-error:#f2867a;--weights:#8f86d9;--runtime:#6d7886;--ghost-opacity:.3;--font:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--mono:ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;--s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:24px;--radius:6px;--row:22px}*{box-sizing:border-box}html,body{background:var(--page);color:var(--text);font:14px/1.45 var(--font);margin:0}html{scroll-padding-top:120px}body{overflow-x:hidden}h1,h2,h3,h4{margin:0;font-weight:600}h1{font-size:18px}h2{letter-spacing:.01em;font-size:14px}h3{color:var(--text-2);font-size:13px}p{margin:0}button,input,select{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.mono,.num{font-family:var(--mono);font-variant-numeric:tabular-nums}.muted{color:var(--muted)}.small{font-size:12px}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.btn{align-items:center;gap:var(--s1);min-height:32px;padding:0 var(--s3);border:1px solid var(--control);border-radius:var(--radius);background:var(--raised);cursor:pointer;display:inline-flex}.btn:hover{background:var(--hover)}.btn:disabled{opacity:.5;cursor:default}.btn.primary{background:var(--accent);color:var(--accent-ink);border-color:var(--accent);font-weight:600}.btn.primary:hover{background:#c3f08f}.btn.icon{justify-content:center;width:32px;padding:0}.btn.ghost{color:var(--text-2);background:0 0;border-color:#0000}.btn.ghost:hover{background:var(--hover)}.btn svg{width:16px;height:16px}select,input[type=number],input[type=text]{min-height:30px;padding:0 var(--s2);border:1px solid var(--control);border-radius:var(--radius);background:var(--inset)}input[type=number]{font-family:var(--mono);width:100%}input[aria-invalid=true]{border-color:var(--state-error)}input[type=range]{accent-color:var(--accent);width:100%}.header{align-items:center;gap:var(--s3) var(--s4);padding:var(--s3) var(--s4);border-bottom:1px solid var(--separator);background:var(--panel);flex-wrap:wrap;display:flex}.brand{grid-template-columns:auto 1fr;align-items:center;gap:2px 10px;margin-right:auto;display:grid}.brand-mark{width:22px;height:22px;color:var(--accent)}.brand .tag{color:var(--muted);grid-column:1/-1;font-size:12px}.disclaimer{padding:2px var(--s2);border:1px solid var(--separator);color:var(--text-2);border-radius:999px;font-size:12px}.actions{gap:var(--s2);flex-wrap:wrap;display:flex}.notice{align-items:flex-start;gap:var(--s3);margin:var(--s3) var(--s4) 0;padding:var(--s2) var(--s3);border:1px solid var(--separator);border-left:3px solid var(--accent);border-radius:var(--radius);background:var(--raised);display:flex}.notice.error{border-left-color:var(--state-error)}.notice ul{margin:var(--s1) 0 0;padding-left:var(--s4)}.notice .btn{margin-left:auto}.playback-dock{z-index:2;max-width:1720px;padding:var(--s4) var(--s4) var(--s2);background:var(--page);margin:0 auto;position:sticky;top:0}.layout{gap:var(--s4);padding:var(--s2) var(--s4) var(--s4);grid-template-columns:340px minmax(0,1fr);max-width:1720px;margin:0 auto;display:grid}.sidebar,.main{gap:var(--s4);flex-direction:column;min-width:0;display:flex}.card{border:1px solid var(--separator);border-radius:var(--radius);background:var(--panel);min-width:0}.card>.card-head{align-items:center;gap:var(--s2);padding:var(--s2) var(--s3);border-bottom:1px solid var(--separator);flex-wrap:wrap;display:flex}.card>.card-body{padding:var(--s3)}.card-head .spacer{margin-left:auto}.scenario-list{gap:var(--s1);display:grid}.scenario-btn{width:100%;padding:var(--s2) var(--s3);text-align:left;border:1px solid var(--separator);border-radius:var(--radius);background:var(--inset);cursor:pointer;flex-direction:column;align-items:flex-start;gap:2px;display:flex}.scenario-btn:hover{background:var(--hover)}.scenario-btn[aria-pressed=true]{border-color:var(--accent);background:var(--raised)}.scenario-btn .name{font-weight:600}.scenario-btn .summary{color:var(--muted);font-size:12px}.explain{gap:var(--s2);margin-top:var(--s3);display:grid}.explain dt{color:var(--text-2);font-size:12px;font-weight:600}.explain dd{margin:0}.config{gap:var(--s2);display:grid}.group{border:1px solid var(--separator);border-radius:var(--radius);background:var(--inset)}.group>summary{padding:var(--s2) var(--s3);cursor:pointer;font-weight:600;list-style-position:inside}.group[open]>summary{border-bottom:1px solid var(--separator)}.fields{gap:var(--s2) var(--s3);padding:var(--s3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.field{gap:2px;min-width:0;display:grid}.field.wide{grid-column:1/-1}.field>span{color:var(--text-2);font-size:12px}.field .err{color:var(--state-error);font-size:12px}.field select{width:100%}.badge{background:var(--hover);color:var(--state-waiting);border-radius:999px;padding:0 6px;font-size:11px;font-weight:600;display:inline-block}.trace-table{border-collapse:collapse;width:100%;font-size:12px}.trace-table th{color:var(--text-2);text-align:left;padding:2px;font-weight:600}.trace-table td{padding:2px}.trace-table input{min-height:26px;padding:0 4px}.trace-table .id{font-family:var(--mono);white-space:nowrap}.trace-wrap{grid-column:1/-1;max-height:260px;overflow:auto}.playback{align-items:center;gap:var(--s2) var(--s3);padding:var(--s2) var(--s3);flex-wrap:wrap;display:flex}.playback .transport,.playback .options{align-items:center;gap:var(--s2) var(--s3);flex-wrap:wrap;display:flex}.playback .scrub{align-items:center;gap:var(--s2);flex:260px;min-width:200px;display:flex}.playback .clock{text-align:right;white-space:nowrap;min-width:180px}.playback .clock-now{white-space:nowrap}.playback label{align-items:center;gap:var(--s1);color:var(--text-2);font-size:12px;display:inline-flex}.panel-tag{background:var(--hover);border-radius:4px;justify-content:center;align-items:center;width:22px;height:22px;font-size:12px;font-weight:700;display:inline-flex}.panel-tag.b{background:#2e3540}.policy-name{font-weight:600}.differences{align-items:center;gap:var(--s1) var(--s3);padding:var(--s2) var(--s3);border-style:dashed;flex-wrap:wrap;font-size:13px;display:flex}.differences h2{font-size:13px}.differences ul{gap:var(--s1) var(--s3);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.differences li{align-items:center;gap:2px var(--s2);flex-wrap:wrap;display:inline-flex}.differences li.override{padding:1px var(--s2);border:1px solid var(--state-waiting);border-radius:var(--radius)}.differences .label{color:var(--text-2)}.differences .value{align-items:center;gap:var(--s1);font-weight:600;display:inline-flex}.differences .panel-tag{width:18px;height:18px;font-size:11px}.differences s{color:var(--muted);font-weight:400}.differences .note{color:var(--muted);font-size:12px}.differences>p{flex-basis:100%}.timeline-wrap{gap:0;display:grid}.tl-strip-wrap{position:relative}.tl-strip{cursor:pointer;width:100%;height:54px;display:block;position:relative}.tl-strip-ghost{position:absolute;top:0;left:0}.tl-rows{border-top:1px solid var(--separator);background:var(--inset);max-height:300px;position:relative;overflow:hidden auto}.tl-rows-inner{position:relative}.tl-row-label{height:var(--row);width:92px;padding:0 var(--s2);text-align:left;cursor:pointer;font:12px var(--mono);color:var(--text-2);white-space:nowrap;background:0 0;border:0;align-items:center;gap:4px;display:flex;position:absolute;left:0;overflow:hidden}.tl-row-label:hover,.tl-row-label[aria-pressed=true]{color:var(--text);background:var(--hover)}.tl-svg{position:absolute;top:0;left:92px;overflow:visible}.marks{pointer-events:none}.marks.ghost,.legend .ghost{fill-opacity:var(--ghost-opacity);stroke-opacity:var(--ghost-opacity)}.tl-axis{width:100%;height:22px;display:block}.axis text,.tl-strip text{fill:var(--muted);font:10px var(--mono)}.legend{gap:var(--s1) var(--s3);padding:var(--s2) var(--s3);border-top:1px solid var(--separator);color:var(--text-2);flex-wrap:wrap;font-size:12px;display:flex}.legend span{align-items:center;gap:6px;display:inline-flex}.legend svg{width:22px;height:12px}.outcome-line{padding:0 var(--s3) var(--s2);color:var(--muted);font-size:12px}.over-time{gap:var(--s2);padding:var(--s2) 0 var(--s2);display:grid}.ot-readout{gap:var(--s1) var(--s4);padding:0 var(--s3);color:var(--text-2);flex-wrap:wrap;display:flex}.ot-readout>span{align-items:center;gap:var(--s1);display:inline-flex}.ot-readout .panel-tag{width:18px;height:18px;font-size:11px}.ot-group{gap:2px;display:grid}.ot-head{align-items:center;gap:var(--s1) var(--s3);padding:0 var(--s3);color:var(--text-2);flex-wrap:wrap;font-size:12px;display:flex}.ot-head h3{margin-right:var(--s1)}.ot-head span{align-items:center;gap:6px;display:inline-flex}.ot-head svg{width:16px;height:10px}.ot-row{grid-template-columns:92px max-content;align-items:center;display:grid}.ot-gutter{padding-left:var(--s3)}.ot-gutter .panel-tag{width:18px;height:18px;font-size:11px}.ot-plot{cursor:crosshair;background:var(--inset);display:block}.ot-axis{display:block}.ot-grid{stroke:var(--separator);stroke-width:1px}.ot-area{stroke-width:1px;stroke-linejoin:round}.ot-line{fill:none;stroke-width:1.5px;stroke-linejoin:round}.ot-allocated{fill:var(--state-decode);fill-opacity:.3;stroke:var(--state-decode)}.ot-reserved{stroke:var(--state-admitted)}.ot-batch{fill:var(--state-admitted);fill-opacity:.3;stroke:var(--state-admitted)}.ot-waiting{stroke:var(--state-waiting)}.ot-head path{stroke-width:2px}.ot-crosshair{stroke:var(--text-2);stroke-width:1px;pointer-events:none}.ot-playhead{stroke:var(--accent);stroke-width:1.5px;pointer-events:none}.inspectors{gap:var(--s4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.inspector-col{gap:var(--s4);align-content:start;min-width:0;display:grid}.segmented{border:1px solid var(--control);border-radius:var(--radius);gap:0;width:max-content;display:none;overflow:hidden}.segmented button{min-height:32px;padding:0 var(--s4);background:var(--inset);cursor:pointer;border:0}.segmented button[aria-pressed=true]{background:var(--accent);color:var(--accent-ink);font-weight:600}.card-head .segmented{display:inline-flex}.card-head .segmented button{min-height:28px;padding:0 var(--s3)}.meter{background:var(--inset);border:1px solid var(--separator);border-radius:3px;height:12px;display:flex;overflow:hidden}.meter>div{height:100%}.kv{gap:2px var(--s3);grid-template-columns:max-content 1fr;font-size:12px;display:grid}.kv dt{color:var(--text-2)}.kv dd{text-align:right;font-family:var(--mono);font-variant-numeric:tabular-nums;margin:0}.stack{gap:var(--s2);display:grid}.row-between{justify-content:space-between;gap:var(--s2);flex-wrap:wrap;align-items:baseline;display:flex}.table-scroll{max-width:100%;overflow-x:auto}table.data{border-collapse:collapse;width:100%;font-size:12px}table.data th,table.data td{border-bottom:1px solid var(--separator);text-align:left;vertical-align:top;padding:4px 6px}table.data th{color:var(--text-2);white-space:nowrap;font-weight:600}table.data td.num,table.data th.num{text-align:right;white-space:nowrap}table.data tbody tr:hover{background:var(--hover)}table.data tr.sel{background:var(--raised)}.kind{align-items:baseline;gap:4px;display:inline-flex}.swatch{border-radius:2px;flex:none;width:10px;height:10px;display:inline-block}.link{color:var(--text);text-decoration:underline;-webkit-text-decoration-color:var(--control);text-decoration-color:var(--control);cursor:pointer;font:inherit;background:0 0;border:0;padding:0}.link:hover{-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent)}.delta-good{color:var(--state-decode)}.delta-bad{color:var(--state-error)}.mem-rows{gap:4px;max-height:220px;display:grid;overflow-y:auto}.mem-row{gap:var(--s2);grid-template-columns:64px 1fr;align-items:center;font-size:12px;display:grid}.mem-row .bar{background:var(--inset);border:1px solid var(--separator);border-radius:2px;height:10px;position:relative}.mem-row .bar>div{position:absolute;top:0;bottom:0;left:0}.hatch{background:repeating-linear-gradient(45deg,#b2e87959 0 3px,#0000 3px 6px)}.bottom{gap:var(--s4);grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);display:grid}.events{max-height:360px;font-size:12px;position:relative;overflow-y:auto}.events ol{margin:0;padding:0;list-style:none}.events li button{gap:var(--s2);width:100%;padding:3px var(--s3);text-align:left;cursor:pointer;background:0 0;border:0;grid-template-columns:72px 22px 1fr;display:grid}.events li button:hover{background:var(--hover)}.events li.current button{background:var(--raised);box-shadow:inset 3px 0 var(--accent)}.events li.future button{color:var(--muted)}dialog{border:1px solid var(--separator);border-radius:var(--radius);background:var(--panel);max-width:min(760px,100vw - 32px);max-height:calc(100vh - 48px);color:var(--text);padding:0}dialog::backdrop{background:#0000008c}dialog .card-body{max-height:calc(100vh - 120px);overflow-y:auto}.doc h3{margin:var(--s4) 0 var(--s1);color:var(--text)}.doc p,.doc li{color:var(--text-2)}.doc ul{padding-left:var(--s5);margin:var(--s1) 0}.doc code,.eq{font-family:var(--mono);font-size:12px}.shortcuts{border-collapse:collapse;margin-bottom:var(--s3)}.shortcuts td{padding:var(--s1) var(--s4) var(--s1) 0;color:var(--text-2)}kbd{border:1px solid var(--control);background:var(--inset);min-width:24px;color:var(--text);font:12px var(--mono);text-align:center;border-radius:4px;padding:1px 6px;display:inline-block}.eq{padding:var(--s2);border-radius:var(--radius);background:var(--inset);white-space:pre-wrap;color:var(--text);display:block}@media (max-width:1199px){.layout,.bottom{grid-template-columns:minmax(0,1fr)}}@media (max-width:760px){.layout{padding:var(--s2);gap:var(--s3)}.header{align-items:center;gap:var(--s1) var(--s2);padding:var(--s2) var(--s3);grid-template-columns:22px minmax(0,1fr) auto;grid-template-areas:"mark title actions""tag tag tag""note note note";display:grid}.brand{display:contents}.brand-mark{grid-area:mark}.brand h1{grid-area:title}.brand .tag{grid-area:tag}.disclaimer{grid-area:note;justify-self:start}.actions{gap:var(--s1);flex-wrap:nowrap;grid-area:actions}.header-action{justify-content:center;width:32px;padding:0}.header-action .btn-label{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.segmented{display:inline-flex}.inspectors{grid-template-columns:minmax(0,1fr)}.inspectors[data-show=A] .inspector-col[data-panel=B],.inspectors[data-show=B] .inspector-col[data-panel=A]{display:none}.fields{grid-template-columns:minmax(0,1fr)}html{scroll-padding-top:150px}.playback-dock{padding:var(--s2) var(--s2) var(--s1)}.layout{padding-top:var(--s1)}.playback{grid-template-columns:auto minmax(0,1fr);grid-template-areas:"transport clock""scrub scrub""options options";display:grid}.playback .transport{column-gap:var(--s2);grid-area:transport}.playback .scrub{grid-area:scrub;min-width:0}.playback .clock{grid-area:clock;min-width:0}.playback .clock-time{white-space:normal;font-size:13px}.playback .options{grid-area:options}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}