:root{color-scheme:light;--bg: #f2f2f0;--surface-1: #fcfcfb;--surface-2: #f0efec;--surface-3: #e7e6e1;--line: #dedcd6;--line-strong: #c4c1b8;--ink-1: #14130f;--ink-2: #52514e;--ink-3: #85837b;--accent: #2a78d6;--accent-ink: #1c5cab;--accent-soft: rgba(42, 120, 214, .12);--accent-line: rgba(42, 120, 214, .4);--good: #0ca30c;--warning: #fab219;--serious: #ec835a;--critical: #d03b3b;--series-1: #2a78d6;--series-2: #eb6834;--series-3: #1baf7a;--seq-0: #eef4fc;--seq-1: #cde2fb;--seq-2: #9ec5f4;--seq-3: #6da7ec;--seq-4: #3987e5;--seq-5: #256abf;--seq-6: #184f95;--seq-7: #0d366b;--grid: rgba(20, 19, 15, .09);--shadow: 0 1px 2px rgba(20, 19, 15, .06), 0 4px 14px rgba(20, 19, 15, .05);--font: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--mono: ui-monospace, "SF Mono", "JetBrains Mono", "Menlo", "Consolas", monospace;--r: 3px}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){color-scheme:dark;--bg: #111110;--surface-1: #1a1a19;--surface-2: #212120;--surface-3: #2a2a28;--line: #33332f;--line-strong: #4a4a43;--ink-1: #f4f3ee;--ink-2: #b8b7ad;--ink-3: #85847b;--accent: #3987e5;--accent-ink: #86b6ef;--accent-soft: rgba(57, 135, 229, .16);--accent-line: rgba(57, 135, 229, .45);--series-1: #3987e5;--series-2: #d95926;--series-3: #199e70;--seq-0: #14243a;--seq-1: #0d366b;--seq-2: #184f95;--seq-3: #256abf;--seq-4: #3987e5;--seq-5: #6da7ec;--seq-6: #9ec5f4;--seq-7: #cde2fb;--grid: rgba(244, 243, 238, .08);--shadow: 0 1px 2px rgba(0, 0, 0, .4)}}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--ink-1);font-family:var(--font);font-size:12px;line-height:1.45;-webkit-font-smoothing:antialiased}a{color:var(--accent-ink);text-decoration:none}a:hover{text-decoration:underline}.num{font-family:var(--mono);font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}.app{display:flex;flex-direction:column;height:100%;min-height:100%}html.shell,html.shell body{overflow:hidden}html.shell .app{height:100vh;height:100dvh;min-height:0}html.shell .page{overflow:hidden;min-height:0;display:flex;flex-direction:column}html.shell .page>.page-pad{flex:1 1 auto;min-height:0;overflow:auto}.topbar{display:flex;align-items:center;gap:14px;padding:0 12px;height:34px;flex:0 0 auto;background:var(--surface-1);border-bottom:1px solid var(--line)}.brand{font-family:var(--mono);font-size:12px;font-weight:600;letter-spacing:.02em;color:var(--ink-1)}.brand span{color:var(--ink-3);font-weight:400}.navlinks{display:flex;gap:2px;margin-left:4px}.navlinks a{padding:3px 8px;border-radius:var(--r);color:var(--ink-2);font-size:11.5px}.navlinks a:hover{background:var(--surface-2);text-decoration:none}.navlinks a[aria-current=page]{background:var(--accent-soft);color:var(--accent-ink)}.topbar-right{margin-left:auto;display:flex;align-items:center;gap:10px}.mode-badge{display:inline-flex;align-items:center;gap:6px;font-size:10.5px;letter-spacing:.04em;text-transform:uppercase;color:var(--accent);background:var(--accent-soft);border:1px solid var(--accent-line);border-radius:var(--r);padding:2px 7px}.mode-badge:empty{display:none}.mode-badge:before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor;flex:0 0 auto}.page{flex:1 1 auto;min-height:0;overflow:auto}.page-pad{padding:16px}.panel{background:var(--surface-1);border:1px solid var(--line);border-radius:var(--r);display:flex;flex-direction:column;min-width:0}.panel-head{display:flex;align-items:baseline;gap:8px;padding:6px 8px 5px;border-bottom:1px solid var(--line);flex:0 0 auto;min-height:26px}.panel-title{font-size:10.5px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-2);white-space:nowrap}.panel-sub{font-size:10.5px;color:var(--ink-3);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.panel-head-right{margin-left:auto;display:flex;align-items:center;gap:6px;flex:0 0 auto}.panel-body{padding:8px;min-width:0;overflow:hidden}.panel-body.tight{padding:0}.panel-body.scroll{overflow:auto}.panel.highlight{outline:2px solid var(--accent);outline-offset:1px;box-shadow:0 0 0 6px var(--accent-soft)}.tabs{display:flex;gap:1px;border-bottom:1px solid var(--line);padding:0 4px;background:var(--surface-2);flex:0 0 auto}.tabs button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;cursor:pointer;font:inherit;font-size:11.5px;color:var(--ink-2);padding:5px 9px 4px;border-bottom:2px solid transparent;margin-bottom:-1px}.tabs button:hover{color:var(--ink-1)}.tabs button[aria-selected=true]{color:var(--accent-ink);border-bottom-color:var(--accent);font-weight:550}.tabs .tab-count{color:var(--ink-3);font-family:var(--mono);font-size:10px;margin-left:4px}.field{display:grid;grid-template-columns:1fr auto;gap:2px 8px;align-items:baseline;margin-bottom:9px}.field-label{font-size:11px;color:var(--ink-2)}.field-value{font-family:var(--mono);font-size:11px;color:var(--ink-1);text-align:right}.field-note{grid-column:1 / -1;font-size:10.5px;color:var(--ink-3)}.field input[type=range]{grid-column:1 / -1;width:100%;margin:1px 0 0;accent-color:var(--accent);height:14px}.field-value+.field-value{grid-column:1 / -1;height:14px;margin:1px 0 0;text-align:left}select,input[type=text],input[type=number]{font:inherit;font-size:11.5px;color:var(--ink-1);background:var(--surface-1);border:1px solid var(--line-strong);border-radius:var(--r);padding:2px 5px;width:100%}select:focus-visible,input:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:1px}label.check{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--ink-2);margin-bottom:9px}label.check input{accent-color:var(--accent)}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;font:inherit;font-size:11.5px;cursor:pointer;background:var(--surface-1);color:var(--ink-1);border:1px solid var(--line-strong);border-radius:var(--r);padding:3px 9px;white-space:nowrap}.btn:hover{background:var(--surface-2)}.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn.primary:hover{background:var(--accent-ink)}.btn:disabled{opacity:.45;cursor:default}.btn.icon{font-family:var(--mono);min-width:26px;text-align:center;padding:3px 6px}.btn-row{display:flex;gap:5px;flex-wrap:wrap}.seg{display:inline-flex;border:1px solid var(--line-strong);border-radius:var(--r);overflow:hidden}.seg button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:var(--surface-1);cursor:pointer;font:inherit;font-family:var(--mono);font-size:10.5px;color:var(--ink-2);padding:2px 6px;border-right:1px solid var(--line)}.seg button:last-child{border-right:0}.seg button[aria-pressed=true]{background:var(--accent);color:#fff}.seg .seg-label{padding:0 6px;font-size:10px;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-3);align-self:center;border-right:1px solid var(--line)}.playback{display:flex;align-items:center;gap:8px;padding:4px 10px;flex:0 0 auto;background:var(--surface-1);border-bottom:1px solid var(--line)}.playback .clock{font-family:var(--mono);font-size:12px;color:var(--ink-1);white-space:nowrap}.playback .clock em{color:var(--ink-3);font-style:normal}.scrubber{flex:1 1 auto;min-width:120px}.scrub-track{position:relative;height:20px;cursor:pointer;border:1px solid var(--line-strong);border-radius:var(--r);background:var(--surface-3);overflow:hidden}.scrub-recorded{position:absolute;inset:0 auto 0 0;background:var(--accent-soft);border-right:1px solid var(--accent-line)}.scrub-beyond{position:absolute;top:0;bottom:0;background-image:repeating-linear-gradient(135deg,transparent 0 4px,var(--grid) 4px 5px)}.scrub-snap{position:absolute;top:0;bottom:0;width:1px;background:var(--grid)}.scrub-event{position:absolute;top:1px;width:2px;height:5px;border-radius:1px}.scrub-head{position:absolute;top:-2px;bottom:-2px;width:2px;background:var(--ink-1)}.scrub-head:after{content:"";position:absolute;left:-3px;top:0;width:8px;height:5px;background:var(--ink-1);border-radius:1px}.scrub-legend{display:flex;gap:12px;font-size:10px;color:var(--ink-3);margin-top:2px}.scrub-legend b{font-weight:500;color:var(--ink-2)}.scrub-legend i{display:inline-block;width:12px;height:7px;border:1px solid var(--line-strong);vertical-align:-1px;margin-right:4px}.scrub-legend i.rec{background:var(--accent-soft);border-color:var(--accent-line)}.scrub-legend i.beyond{background-image:repeating-linear-gradient(135deg,transparent 0 3px,var(--grid) 3px 4px)}.banner{display:flex;align-items:baseline;gap:8px;flex:0 0 auto;padding:4px 10px;font-size:11px;min-height:24px;overflow:hidden;border-bottom:1px solid var(--line);background:var(--surface-2);color:var(--ink-2)}.banner.resim{background:var(--accent-soft);color:var(--accent);border-bottom-color:var(--accent-line)}.banner.rejected{color:var(--serious);border-bottom-color:var(--serious)}.banner .tagline{font-family:var(--mono);font-size:10px;text-transform:uppercase;letter-spacing:.05em;flex:0 0 auto}.banner .btn{margin-left:auto}.banner>span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}fieldset.dropped{border:0;padding:0;margin:0;min-width:0;opacity:.5}fieldset.dropped .dropped-why{display:block;color:var(--ink-3);font-family:var(--mono);font-size:10px;text-transform:uppercase;letter-spacing:.05em}.dash{display:flex;flex-direction:column;flex:1 1 auto;height:100%;min-height:0}.dash-body{flex:1 1 auto;min-height:0;overflow:hidden;display:grid;grid-template-columns:292px minmax(0,1fr);grid-template-rows:minmax(0,1fr);gap:8px;padding:8px}@media (max-width: 1000px){.dash-body{grid-template-columns:minmax(0,1fr);grid-template-rows:none;overflow:auto}}.dash-body.ab-body{display:flex;flex-direction:column;overflow:auto}.dash-body.ab-body>*{flex:0 0 auto}.control-panel{display:flex;flex-direction:column;min-height:0;overflow:hidden}.control-panel>.panel{flex:1 1 auto;min-height:0}.control-panel .panel-body{overflow:auto;flex:1 1 auto;min-height:0}.observe-panel{display:flex;flex-direction:column;min-height:0;overflow:hidden}.observe-panel .panel-body{overflow:auto;flex:1 1 auto;min-height:0}.grid{display:grid;gap:8px}.grid.c2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.c3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid.c4{grid-template-columns:repeat(4,minmax(0,1fr))}@media (max-width: 1240px){.grid.c3,.grid.c4{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 760px){.grid.c2,.grid.c3,.grid.c4{grid-template-columns:minmax(0,1fr)}}.tile{border:1px solid var(--line);border-radius:var(--r);padding:6px 8px;background:var(--surface-1);min-width:0;min-height:74px}.tile-label{font-size:10px;line-height:14px;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tile-value{font-family:var(--mono);font-size:17px;line-height:1.2;color:var(--ink-1)}.tile-value small{font-size:11px;color:var(--ink-3);margin-left:2px}.tile-note{font-size:10px;color:var(--ink-3);height:13px;line-height:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tile.status-good .tile-value{color:var(--good)}.tile.status-warning .tile-value{color:var(--ink-1)}.tile.status-critical .tile-value{color:var(--critical)}.tile-flag{font-size:10px;display:inline-flex;gap:4px;align-items:center;height:14px;max-width:100%}.tile-flag span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tile-flag.empty,.tile-note.empty{visibility:hidden}.dot{width:6px;height:6px;border-radius:50%;display:inline-block;flex:0 0 auto}.dot.good{background:var(--good)}.dot.warning{background:var(--warning)}.dot.serious{background:var(--serious)}.dot.critical{background:var(--critical)}.dot.info{background:var(--ink-3)}table.data{width:100%;border-collapse:collapse;font-size:11px}table.data th,table.data td{padding:2px 6px;text-align:right;white-space:nowrap}table.data th:first-child,table.data td:first-child{text-align:left}table.data thead th{position:sticky;top:0;z-index:1;background:var(--surface-2);color:var(--ink-2);font-size:10px;text-transform:uppercase;letter-spacing:.04em;font-weight:600;border-bottom:1px solid var(--line);cursor:pointer;-webkit-user-select:none;user-select:none}table.data thead th.nosort{cursor:default}table.data thead th[aria-sort]{color:var(--accent-ink)}table.data tbody tr{border-bottom:1px solid var(--line)}table.data tbody tr:hover{background:var(--surface-2)}table.data tbody tr.sel{background:var(--accent-soft)}table.data td.n{font-family:var(--mono);font-variant-numeric:tabular-nums}table.data td.bad{color:var(--critical)}table.data td.warn{color:var(--serious)}table.data caption{caption-side:bottom;text-align:left;padding:5px 6px;font-size:10.5px;color:var(--ink-3)}.bar-cell{position:relative}.bar-cell>span{position:relative;z-index:1}.bar-cell>i{position:absolute;right:2px;top:3px;bottom:3px;background:var(--accent-soft);border-right:2px solid var(--accent-line);border-radius:1px}.pager{display:flex;align-items:center;gap:8px;padding:5px 6px;border-top:1px solid var(--line);font-size:10.5px;color:var(--ink-3);flex-wrap:wrap}.pager .grow{flex:1 1 auto}.chart{position:relative}.chart svg{display:block;width:100%;overflow:visible}.chart-legend{display:flex;gap:10px;flex-wrap:wrap;font-size:10.5px;color:var(--ink-2);margin-bottom:3px}.chart-legend span{display:inline-flex;align-items:center;gap:4px}.chart-legend i{width:9px;height:2px;border-radius:1px;display:inline-block}.chart-legend i.dashed{height:0;border-top:2px dashed currentColor}.axis-label{font-size:9.5px;fill:var(--ink-3);font-family:var(--mono)}.grid-line{stroke:var(--grid);stroke-width:1}.zero-line{stroke:var(--line-strong);stroke-width:1}.tooltip{position:absolute;z-index:20;pointer-events:none;background:var(--surface-1);border:1px solid var(--line-strong);border-radius:var(--r);box-shadow:var(--shadow);padding:4px 6px;font-size:10.5px;min-width:90px}.tooltip .tt-time{font-family:var(--mono);color:var(--ink-3);margin-bottom:2px}.tooltip .tt-row{display:flex;gap:8px;justify-content:space-between}.tooltip .tt-row b{font-family:var(--mono);font-weight:500}.heat-wrap{overflow-x:auto}.chart svg.heat-svg{width:auto;max-width:none}.heat-legend{display:flex;align-items:center;gap:5px;font-size:10px;color:var(--ink-3);margin-top:4px}.heat-legend .ramp{display:flex}.heat-legend .ramp i{width:12px;height:8px;display:inline-block}.trace-table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:var(--r)}.waterfall{width:100%}.wf-row{display:grid;grid-template-columns:132px minmax(90px,1fr) 58px 58px 60px 66px;gap:6px;align-items:center;font-size:10.5px;padding:1px 0}.wf-row.head{color:var(--ink-3);font-size:9.5px;text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid var(--line);padding-bottom:3px;margin-bottom:3px}.wf-row:hover:not(.head){background:var(--surface-2)}.wf-op{font-family:var(--mono);color:var(--ink-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wf-track{position:relative;height:11px;background:var(--surface-3);border-radius:1px}.wf-span{position:absolute;top:1px;bottom:1px;border-radius:1px;min-width:2px}.wf-span.queue{background:var(--ink-3)}.wf-span.prefill{background:var(--series-1)}.wf-span.decode{background:var(--series-3)}.wf-span.preempted{background:var(--critical)}.wf-span.rpc,.wf-span.admit,.wf-span.decide{background:var(--line-strong)}.wf-num{font-family:var(--mono);text-align:right;color:var(--ink-2)}.wf-legend{display:flex;gap:12px;font-size:10px;color:var(--ink-2);margin:6px 0 2px;flex-wrap:wrap}.wf-legend span{display:inline-flex;align-items:center;gap:4px}.wf-legend i{width:9px;height:8px;border-radius:1px;display:inline-block}.home{max-width:860px;margin:0 auto;padding:40px 20px 60px}.home h1{font-size:20px;font-weight:600;margin:0 0 4px;letter-spacing:-.01em}.home .lede{color:var(--ink-2);margin:0 0 22px}.home ul.surfaces{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}.home ul.surfaces li{border-bottom:1px solid var(--line);padding:11px 2px;display:grid;grid-template-columns:190px minmax(0,1fr);gap:16px;align-items:baseline}@media (max-width: 620px){.home ul.surfaces li{grid-template-columns:minmax(0,1fr);gap:2px}}.home ul.surfaces a{font-size:13px;font-weight:550}.home ul.surfaces p{margin:0;color:var(--ink-2)}.home ul.surfaces code{font-family:var(--mono);font-size:10.5px;color:var(--ink-3)}.home ul.surfaces .tag-line{font-size:10.5px;color:var(--ink-3)}.home .footnote{margin-top:26px;color:var(--ink-3);font-size:11px}.home .footnote h2{font-size:10.5px;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-2);margin:0 0 4px}.ab-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}@media (max-width: 900px){.ab-grid{grid-template-columns:minmax(0,1fr)}}.refusal{border:1px solid var(--critical);border-radius:var(--r);background:var(--surface-1);padding:10px 12px}.refusal h3{margin:0 0 4px;font-size:12px;color:var(--critical);display:flex;align-items:center;gap:6px}.refusal ul{margin:6px 0 0;padding-left:18px}.refusal li{font-size:11px;color:var(--ink-2)}.refusal .why{font-size:11px;color:var(--ink-2);margin:6px 0 0;max-width:76ch}.diff-table td.a,.diff-table td.b{font-family:var(--mono)}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(268px,1fr));gap:10px}.card{border:1px solid var(--line);border-radius:var(--r);background:var(--surface-1);padding:10px 11px;text-align:left;cursor:pointer;font:inherit;color:inherit;display:flex;flex-direction:column;gap:5px}.card:hover{border-color:var(--accent-line);background:var(--surface-2)}.card:disabled{cursor:default;opacity:.55}.card-num{font-family:var(--mono);font-size:10px;color:var(--ink-3);letter-spacing:.04em}.card-title{font-size:12.5px;font-weight:600}.card-body{font-size:11px;color:var(--ink-2);margin:0}.card-foot{margin-top:auto;display:flex;align-items:center;gap:6px;font-size:10px;color:var(--ink-3);min-width:0;width:100%}.card-foot .phase{border:1px solid var(--line-strong);border-radius:2px;padding:0 4px;white-space:nowrap;flex:0 0 auto}.card-foot .card-needs{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.walkthrough{position:fixed;right:16px;bottom:16px;width:340px;z-index:40;max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px);overflow:auto;background:var(--surface-1);border:1px solid var(--accent-line);border-radius:var(--r);box-shadow:var(--shadow)}.walkthrough .wt-head{display:flex;align-items:center;gap:8px;padding:6px 9px;border-bottom:1px solid var(--line)}.walkthrough .wt-step{font-family:var(--mono);font-size:10px;color:var(--ink-3)}.walkthrough .wt-mode{font-size:10px;color:var(--ink-3);margin:0 6px}.walkthrough .wt-title{font-size:12px;font-weight:600;flex:1 1 auto}.walkthrough .wt-play{flex:0 0 auto;margin-left:auto;padding:2px 8px;font-size:11px}.walkthrough .wt-reset{flex:0 0 auto}.walkthrough .wt-drag-handle{touch-action:none;cursor:grab}.walkthrough .wt-drag-handle.dragging{cursor:grabbing}.walkthrough .wt-drag-handle button{cursor:pointer}.walkthrough .wt-body{padding:8px 9px;font-size:11.5px;color:var(--ink-2)}.walkthrough .wt-body p{margin:0 0 6px}.walkthrough .wt-body p:last-child{margin:0}.walkthrough .wt-look{font-size:10.5px;color:var(--ink-3);border-top:1px dashed var(--line);padding-top:5px;margin-top:6px}.walkthrough .wt-foot{display:flex;align-items:center;gap:6px;padding:6px 9px;border-top:1px solid var(--line)}.walkthrough .wt-foot .grow{flex:1 1 auto}.walkthrough .wt-progress{height:2px;background:var(--surface-3)}.walkthrough .wt-progress i{display:block;height:2px;background:var(--accent)}.kv{display:grid;grid-template-columns:auto 1fr;gap:1px 10px;font-size:11px}.kv dt{color:var(--ink-3)}.kv dd{margin:0;font-family:var(--mono);color:var(--ink-1)}.note{font-size:10.5px;color:var(--ink-3)}.note.inset{border-left:2px solid var(--line-strong);padding-left:7px}.sep{height:1px;background:var(--line);margin:10px 0}.section-label{font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-3);margin:0 0 6px}.events{list-style:none;margin:0;padding:0;font-size:11px}.events li{display:grid;grid-template-columns:46px 12px 1fr;gap:6px;align-items:baseline;padding:2px 0;border-bottom:1px solid var(--line)}.events li:last-child{border-bottom:0}.events .t{font-family:var(--mono);color:var(--ink-3);text-align:right}.events .d{padding-top:4px}.events .x{color:var(--ink-2)}.statusbar{display:flex;align-items:center;gap:14px;flex-wrap:nowrap;padding:3px 10px;flex:0 0 auto;font-size:10.5px;color:var(--ink-3);border-top:1px solid var(--line);background:var(--surface-1);min-height:22px;overflow-x:auto;overflow-y:hidden}.statusbar b{font-family:var(--mono);font-weight:500;color:var(--ink-2)}.statusbar .warn{color:var(--serious)}.statusbar>span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;flex:0 1 auto}