:root{color-scheme:light;--bg: #f6f8fb;--surface: #ffffff;--surface-2: #f8fafc;--border: #e6e8eb;--border-2: #d9dee5;--text: #1d273b;--muted: #667382;--primary: #066fd1;--primary-hover: #0560b5;--primary-text: #066fd1;--primary-lt: #e7f0fa;--ok: #2fb344;--ok-text: #1f8636;--ok-lt: #e9f6eb;--warn: #f76707;--warn-text: #b84d06;--warn-lt: #fef0e6;--warn-bd: #fbd3b5;--yellow: #f59f00;--bad: #d63939;--bad-text: #d63939;--bad-lt: #fbebeb;--violet: #ae3ec9;--violet-lt: #f6ebf9;--grid: #e9ecf1;--shadow: 0 1px 2px rgba(29, 39, 59, .05);--overlay-shadow: 0 16px 48px rgba(15, 23, 42, .18);--s1: #066fd1;--s2: #0ca678;--s3: #ae3ec9;--s4: #c77c02;--s-hb: #b8c2d0;--s-ctl: #8a96a8;--p50: #74a9e8;--p95: #2f80d8;--p99: #0a4a8f;--pair-0-a: #066fd1;--pair-0-a-fg: #ffffff;--pair-0-b: #d3e5f8;--pair-0-b-fg: #054f96;--pair-1-a: #08795a;--pair-1-a-fg: #ffffff;--pair-1-b: #cdeee3;--pair-1-b-fg: #065f46;--pair-2-a: #ae3ec9;--pair-2-a-fg: #ffffff;--pair-2-b: #f1def6;--pair-2-b-fg: #7a2690;--pair-3-a: #a35f00;--pair-3-a-fg: #ffffff;--pair-3-b: #fbe7c6;--pair-3-b-fg: #7a4300;--pair-none: #e1e5eb;--pair-none-fg: #4b5567;--radius: 6px;--gutter: 20px;--mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;font-size:14px;line-height:1.43;-webkit-font-smoothing:antialiased}:root[data-theme=dark]{color-scheme:dark;--bg: #151f2c;--surface: #1b2434;--surface-2: #202b3d;--border: #2a3548;--border-2: #36435b;--text: #e6eaf0;--muted: #9aa6b8;--primary-text: #5aa7f2;--primary-lt: rgba(76, 159, 240, .15);--ok-text: #5cc46e;--ok-lt: rgba(47, 179, 68, .16);--warn-text: #ff8a3d;--warn-lt: rgba(247, 103, 7, .14);--warn-bd: rgba(247, 103, 7, .38);--bad: #e05252;--bad-text: #ef6b6b;--bad-lt: rgba(214, 57, 57, .18);--violet: #c77ddb;--violet-lt: rgba(174, 62, 201, .2);--grid: #2a364a;--shadow: none;--overlay-shadow: 0 16px 48px rgba(0, 0, 0, .45);--s1: #3b8ee0;--s2: #1a9e8a;--s3: #b85bd0;--s4: #c98500;--s-hb: #4a5568;--s-ctl: #6b7789;--p50: #2f5f94;--p95: #3b8ee0;--p99: #9cc8f5;--pair-0-a: #3b8ee0;--pair-0-a-fg: #071a2e;--pair-0-b: #1d3a5c;--pair-0-b-fg: #a9cdf5;--pair-1-a: #1a9e8a;--pair-1-a-fg: #04211b;--pair-1-b: #173f39;--pair-1-b-fg: #8fdccb;--pair-2-a: #b85bd0;--pair-2-a-fg: #200827;--pair-2-b: #3e2448;--pair-2-b-fg: #e2b6ee;--pair-3-a: #c98500;--pair-3-a-fg: #1f1300;--pair-3-b: #45320f;--pair-3-b-fg: #f3cf8f;--pair-none: #2a3548;--pair-none-fg: #c3cbd8}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}a{color:var(--primary-text);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3{font-weight:600;line-height:1.25}h2{margin:4px 0;font-size:20px;display:flex;align-items:center;gap:10px}h3{margin:0 0 12px;font-size:16px;display:flex;align-items:center;gap:8px}code,.mono{font-family:var(--mono);font-size:12px}.muted{color:var(--muted)}.small{font-size:12px}.num{font-variant-numeric:tabular-nums}.error{color:var(--bad-text)}.hint{color:var(--muted);font-size:13px;margin:8px 0 0}.sub{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.app{min-height:100vh;display:flex;flex-direction:column}.wrap{width:100%;max-width:1920px;margin:0 auto;padding:0 var(--gutter)}.topbar{background:var(--surface);border-bottom:1px solid var(--border)}.topbar-row{display:flex;align-items:center;gap:24px;height:64px}.brand{font-size:22px;font-weight:700;letter-spacing:.01em;background:linear-gradient(90deg,#3b3fe0,#c0268f);-webkit-background-clip:text;background-clip:text;color:transparent}:root[data-theme=dark] .brand{background-image:linear-gradient(90deg,#7c80ff,#f062b8)}.brand:hover{text-decoration:none}.topbar-actions{margin-left:auto;display:flex;align-items:center;gap:8px;flex:none}.iconbtn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;color:var(--muted);width:40px;height:40px;border-radius:var(--radius);display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.iconbtn:hover{background:var(--surface-2);color:var(--text)}.nav{display:flex;align-self:stretch;gap:4px;min-width:0;overflow-x:auto;scrollbar-width:none}.nav a{display:flex;align-items:center;gap:8px;height:100%;padding:0 14px;border-bottom:2px solid transparent;color:var(--text);font-size:15px;font-weight:500;white-space:nowrap}.nav a svg{color:var(--muted)}.nav a:hover{text-decoration:none;color:var(--primary-text)}.nav a.active{border-bottom-color:var(--primary)}.nav a.active svg{color:var(--primary-text)}main.page{flex:1;padding-top:28px;padding-bottom:56px}.ph{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:24px}.ph h1{margin:0;font-size:26px}.ph-sub{margin-top:4px;font-size:15px;color:var(--muted);display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px}.ph-actions{margin-left:auto;display:flex;gap:8px;flex-wrap:wrap;align-items:center}.halo{width:52px;height:52px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;flex:none}.halo span{width:20px;height:20px;border-radius:50%}.crumbs{font-size:13px;color:var(--muted);margin-bottom:8px}.tone-ok{--tone: var(--ok);--tone-text: var(--ok-text);--tone-lt: var(--ok-lt)}.tone-warn{--tone: var(--warn);--tone-text: var(--warn-text);--tone-lt: var(--warn-lt)}.tone-bad{--tone: var(--bad);--tone-text: var(--bad-text);--tone-lt: var(--bad-lt)}.tone-muted{--tone: var(--muted);--tone-text: var(--muted);--tone-lt: var(--surface-2)}.halo[class*=tone-]{background:var(--tone-lt)}.halo[class*=tone-] span{background:var(--tone)}.tone-text{color:var(--tone-text);font-weight:500}.badge[class*=tone-]{background:var(--tone-lt);color:var(--tone-text)}.badge[class*=tone-] .dot{background:var(--tone)}.alert{display:flex;align-items:flex-start;gap:14px;flex-wrap:wrap;padding:14px 20px;margin-bottom:var(--gutter);border-radius:var(--radius);background:var(--primary-lt);border:1px solid transparent}.alert>svg{flex:none;margin-top:1px;color:var(--primary-text)}.alert-warn{background:var(--warn-lt);border-color:var(--warn-bd)}.alert-warn>svg{color:var(--warn-text)}.alert-body{flex:1;min-width:220px}.alert-title{font-weight:600}.stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--gutter);margin-bottom:var(--gutter)}.stat{padding:18px 20px}.stat-value{margin-top:6px;font-size:22px;font-weight:600;font-variant-numeric:tabular-nums}.stat-note{margin-top:4px;font-size:13px;color:var(--muted)}@media(max-width:1040px){.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:flex;align-items:flex-start;justify-content:center;padding:96px 16px;background:#0f172a73}.modal{width:100%;max-width:520px;box-shadow:var(--overlay-shadow)}.modal-foot{display:flex;justify-content:flex-end;gap:8px;padding:16px 20px;border-top:1px solid var(--border)}.panel,.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);min-width:0}.panel{padding:20px;margin-bottom:var(--gutter)}.card-h{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:16px 20px;border-bottom:1px solid var(--border)}.card-h h2,.card-h h3{margin:0;font-size:16px}.card-h .aside{margin-left:auto;font-size:13px;color:var(--muted)}.card-b{padding:20px}.card-scroll{overflow-y:auto}.page-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(320px,1fr);gap:var(--gutter);align-items:start}.stack{display:flex;flex-direction:column;gap:var(--gutter);min-width:0}.stack>.panel{margin-bottom:0}@media(max-width:1040px){.page-grid{grid-template-columns:minmax(0,1fr)}}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--border-2);background:var(--surface);color:var(--text);border-radius:var(--radius);height:40px;padding:0 16px;font:inherit;font-weight:500;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap;box-shadow:0 1px 1px #1d273b0a}a.btn{color:var(--text)}.btn:hover:not(:disabled){background:var(--surface-2);text-decoration:none}.btn:disabled{opacity:.45;cursor:default}.btn-primary,a.btn-primary{background:var(--primary);border-color:var(--primary);color:#fff}.btn-primary:hover:not(:disabled){background:var(--primary-hover)}.btn-danger,a.btn-danger{color:var(--bad-text)}.btn-small{height:32px;padding:0 10px;font-size:13px;gap:6px}.btn-icon{width:32px;padding:0}.btn svg{flex:none}input,select,textarea{font:inherit;color:var(--text);background:var(--surface);border:1px solid var(--border-2);border-radius:var(--radius);padding:0 12px;min-width:0}input:not([type=checkbox]):not([type=radio]):not([type=range]),select{height:40px}textarea{padding:10px 12px}input[type=checkbox]{width:18px;height:18px;margin:0;accent-color:var(--primary);cursor:pointer}input[type=number]{width:96px}label{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:500;color:var(--text)}.field-hint{font-size:12px;font-weight:400;color:var(--muted)}.input-group{display:flex;align-items:stretch;height:40px;border:1px solid var(--border-2);border-radius:var(--radius);background:var(--surface);overflow:hidden;min-width:0}.input-group input{border:0;border-radius:0;height:100%;flex:1;width:auto;min-width:0}.input-group span{display:flex;align-items:center;padding:0 12px;font-size:13px;color:var(--muted);background:var(--surface-2);border-left:1px solid var(--border)}.badge{display:inline-flex;align-items:center;gap:6px;height:22px;padding:0 8px;border-radius:4px;font-size:12px;font-weight:600;white-space:nowrap;background:var(--surface-2);color:var(--muted);border:1px solid transparent}.badge-green{color:var(--ok-text);background:var(--ok-lt)}.badge-amber{color:var(--warn-text);background:var(--warn-lt)}.badge-red{color:var(--bad-text);background:var(--bad-lt)}.badge-blue{color:var(--primary-text);background:var(--primary-lt)}.badge-violet{color:var(--violet);background:var(--violet-lt)}.badge .dot{margin:0}.chip{display:inline-flex;align-items:center;gap:8px;height:30px;padding:0 10px;border-radius:4px;border:1px solid var(--border);background:var(--surface-2);color:var(--text);font:inherit;font-size:13px}.chip-active{border-color:var(--primary);background:var(--primary-lt);color:var(--primary-text);cursor:pointer}.seg{display:inline-flex;border:1px solid var(--border-2);border-radius:var(--radius);overflow:hidden;background:var(--surface)}.seg button{font:inherit;font-size:13px;font-weight:500;background:transparent;color:var(--muted);border:0;height:32px;padding:0 12px;cursor:pointer}.seg button+button{border-left:1px solid var(--border-2)}.seg button.on{background:var(--primary-lt);color:var(--primary-text)}.seg button:disabled{cursor:default}.dot{display:inline-block;flex:none;width:8px;height:8px;border-radius:50%;margin-right:7px;vertical-align:middle}.swatch{display:inline-block;flex:none;width:10px;height:10px;border-radius:3px;vertical-align:middle}.progress-bar{height:6px;border-radius:3px;background:var(--grid);overflow:hidden}.progress-bar>div{height:100%;border-radius:3px;background:var(--primary)}.table-scroll{overflow-x:auto}.table{width:100%;border-collapse:collapse}.table th{text-align:left;font-size:12px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.04em;padding:12px 20px;border-bottom:1px solid var(--border);white-space:nowrap}.table td{padding:14px 20px;border-bottom:1px solid var(--border);vertical-align:middle;white-space:nowrap}.table .r{text-align:right}.table-compact th,.table-compact td{padding-left:14px;padding-right:14px}.table-compact th:first-child,.table-compact td:first-child{padding-left:20px}.table-compact th:last-child,.table-compact td:last-child{padding-right:20px}.table tr:last-child td{border-bottom:0}.table tr.clickable{cursor:pointer}.table tr.clickable:hover td{background:var(--surface-2)}.row-actions{display:flex;gap:6px;justify-content:flex-end}.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:16px;margin-bottom:var(--gutter)}.panel .kpis{margin-bottom:0}.kpis-tight{grid-template-columns:repeat(auto-fit,minmax(118px,1fr))}.kpi{padding:16px 18px}.panel .kpi{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius)}.kpi-value{margin-top:4px;font-size:22px;font-weight:600;font-variant-numeric:tabular-nums}.kpi.bad .kpi-value{color:var(--bad-text)}.kpi.warn .kpi-value{color:var(--warn-text)}.live-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(300px,1fr);gap:var(--gutter);margin-bottom:var(--gutter)}@media(max-width:1040px){.live-grid{grid-template-columns:minmax(0,1fr)}}.scene-card{padding:8px}.scene{position:relative;height:560px;overflow:hidden;border-radius:4px;background:#0b1120;color:#cbd5e1}.events-card{display:flex;flex-direction:column;height:578px}.events-card .card-scroll{flex:1}.scene-labels{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;z-index:0}.scene-label-anchor{position:absolute;top:0;left:0;transform-origin:0 0}.scene-label-center{position:absolute;transform:translate3d(-50%,-50%,0)}.scene-label{display:flex;flex-direction:column;align-items:center;font-size:13px;font-weight:600;line-height:1.15;color:#e6eaf0;text-shadow:0 1px 3px #000;white-space:nowrap;-webkit-user-select:none;user-select:none}.scene-label span{font-size:11px;font-weight:500}.scene-label-muted{color:#9aa6b8;font-size:11px;font-weight:500}.scene-hint{position:absolute;bottom:10px;left:14px;font-size:12px;color:#8a96a8;pointer-events:none}.scene-overlay{position:absolute;background:#0d1624e0;border:1px solid #26324a;border-radius:var(--radius);color:#cbd5e1;font-size:12px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.scene-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid #26324a;border-radius:var(--radius);background:#0d1624e0;color:#cbd5e1;cursor:pointer}.scene-btn:hover{background:#1b2738}.scene-btn-sm{width:28px;height:28px}.scene-legend{top:12px;left:12px;padding:10px 12px;display:flex;flex-direction:column;gap:1px;min-width:170px}.legend-toggle{font:inherit;font-weight:600;padding:8px 12px;cursor:pointer}.legend-hide{color:#9aa6b8}.legend-title{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:#8a96a8;margin:6px 0 2px}.legend-title:first-child{margin-top:0}.legend-item{display:flex;align-items:center;gap:8px;background:none;border:0;color:inherit;font:inherit;padding:3px 0;cursor:pointer;text-align:left}.legend-item.static{cursor:default}.legend-item.off{opacity:.38;text-decoration:line-through}.legend-item i{flex:none;width:10px;height:10px;border-radius:2px;display:inline-block}.legend-item i.round{border-radius:50%}.legend-item i.ring{border-radius:50%;border:1.5px dashed #e6eaf0;background:transparent}.trace-panel{top:12px;right:12px;width:320px;max-height:70%;overflow:auto;padding:12px 14px}.trace-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;color:#e6eaf0;font-size:13px}.hops{list-style:none;margin:0;padding:0}.hops li{display:grid;grid-template-columns:10px 1fr auto;gap:2px 8px;padding:6px 0;border-top:1px solid #26324a}.hops li i{width:8px;height:8px;border-radius:50%;margin-top:4px;grid-row:span 2}.hop-route{font-weight:600;color:#e6eaf0}.hop-rpc{color:#9aa6b8}.hop-meta{grid-column:2 / 4;color:#9aa6b8}.replay-bar{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:12px 16px;margin-bottom:var(--gutter);border-radius:var(--radius);background:var(--surface);border:1px solid var(--violet)}.replay-title{font-weight:500}.replay-progress{flex:1;min-width:160px}.replay-progress>div{background:var(--violet)}.timeline{list-style:none;margin:0;padding:0}.timeline li{display:flex;gap:12px;padding:12px 20px;border-bottom:1px solid var(--border)}.timeline li:last-child{border-bottom:0}.timeline-dot{flex:none;width:8px;height:8px;border-radius:50%;margin-top:6px}.timeline-main{flex:1;min-width:0}.timeline-head{display:flex;gap:8px;align-items:baseline}.timeline-kind{font-weight:600}.timeline-node{font-family:var(--mono);font-size:13px;color:var(--primary-text)}.timeline-head time{margin-left:auto;font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums}.timeline-detail{margin-top:2px;color:var(--muted);font-size:13px}.timeline-empty{padding:16px 20px;margin:0}.chart-head{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:24px 0 4px}.chart-head h3{margin:0;font-size:15px}.chart-head .chart-legend{margin:0 0 0 auto}.chart-legend{display:flex;flex-wrap:wrap;gap:6px 18px;margin-bottom:14px;font-size:13px}.chart-legend span{display:inline-flex;align-items:center;gap:6px}.chart-legend i{width:10px;height:10px;border-radius:2px}.chart-legend b{font-weight:600;font-variant-numeric:tabular-nums}.chart{position:relative;width:100%}.chart svg{display:block;overflow:visible}.chart-axis text{fill:var(--muted);font-size:12px;font-family:inherit}.chart-axis path,.chart-axis line{display:none}.chart-grid line{stroke:var(--grid);stroke-dasharray:4 4}.chart-grid path{display:none}.chart-ylabel{fill:var(--muted);font-size:12px}.chart-event-label{fill:var(--text);font-size:11px;font-weight:600}.chart-focus{stroke:var(--text);stroke-opacity:.5;stroke-dasharray:2 3}.chart-tip{position:absolute;top:10px;pointer-events:none;opacity:0;background:var(--surface);border:1px solid var(--border-2);border-radius:var(--radius);padding:8px 10px;font-size:12px;min-width:170px;box-shadow:var(--overlay-shadow);transition:opacity .1s;z-index:3}.chart-tip .tip-time{color:var(--muted);margin-bottom:4px}.chart-tip .tip-row{display:flex;align-items:center;gap:8px}.chart-tip i{width:8px;height:8px;border-radius:2px;flex:none}.chart-tip b{margin-left:auto;padding-left:14px;font-variant-numeric:tabular-nums}.overview{margin-top:12px}.overview .selection{fill:var(--primary);fill-opacity:.14;stroke:var(--primary)}.pair-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}.pair-tile{display:flex;flex-direction:column;gap:12px;padding:16px;border:1px solid var(--border);border-radius:var(--radius)}.pair-tile.solo{border-color:var(--warn-bd)}.pair-tile-head{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:16px;font-weight:600}.pair-members{display:flex;align-items:center;gap:8px;font-family:var(--mono);font-size:14px}.pair-members .dot{margin:0}.pair-members svg{color:var(--muted)}.pair-meta{font-size:13px;color:var(--muted)}.node-cell b{font-weight:600}.node-cell .mono{display:block;color:var(--muted)}.shard-layout{display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:24px;align-items:start}.shard-legend{display:flex;gap:16px;flex-wrap:wrap;margin-left:auto;font-size:13px;color:var(--muted)}.shard-legend span{display:inline-flex;align-items:center;gap:6px}.shard-legend i{width:12px;height:12px;border-radius:3px}.shard-grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:6px}.shard{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:48px;border:2px solid transparent;border-radius:var(--radius);font:inherit;cursor:grab;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1.1;outline-offset:2px}.shard b{font-size:14px;font-variant-numeric:tabular-nums}.shard small{font-size:11px;font-weight:600;opacity:.85}.shard.away{border-style:dashed;border-color:currentColor}.shard.moving{background-image:repeating-linear-gradient(135deg,transparent 0 6px,rgba(255,255,255,.35) 6px 10px);animation:blink .8s infinite alternate}.shard.sel{outline:2px solid var(--text)}@keyframes blink{to{opacity:.45}}@media(prefers-reduced-motion:reduce){.shard.moving{animation:none}}@media(max-width:1040px){.shard-layout{grid-template-columns:minmax(0,1fr)}}.drop-targets{display:flex;flex-direction:column;gap:8px}.drop{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:flex;align-items:center;gap:10px;width:100%;min-height:44px;padding:0 12px;border:1px dashed var(--border-2);border-radius:var(--radius);background:var(--surface);color:var(--text);font:inherit;text-align:left;cursor:pointer}.drop:hover:not(:disabled),.drop.over{border-color:var(--primary);background:var(--primary-lt)}.drop:disabled{cursor:default;opacity:.6}.drop span{margin-left:auto;font-size:13px;color:var(--muted)}.move-confirm{display:flex;flex-direction:column;gap:10px;margin-top:4px;padding:12px;border-radius:var(--radius);background:var(--primary-lt);font-size:13px;font-weight:500}.fault-form{display:flex;flex-direction:column;gap:14px}.fault-form .two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.fault-form .with-btn{display:grid;grid-template-columns:minmax(0,1fr) 128px;gap:8px}.divider{height:1px;background:var(--border)}.pills{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:24px}.pill{display:inline-flex;align-items:center;gap:8px;height:36px;padding:0 14px;border-radius:18px;border:1px solid var(--border-2);background:var(--surface);color:var(--text);font-weight:500}.pill:hover{text-decoration:none;border-color:var(--primary)}.pill.on{border-color:var(--primary);background:var(--primary-lt);color:var(--primary-text)}.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--gutter)}@media(max-width:1040px){.grid-2{grid-template-columns:minmax(0,1fr)}}.kv{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px 20px;margin:0}.kv dt{color:var(--muted)}.kv dd{margin:0;font-weight:500;text-align:right}.shard-chips{display:flex;flex-wrap:wrap;gap:6px}.shard-chip{display:inline-flex;align-items:center;justify-content:center;min-width:38px;height:28px;padding:0 8px;border-radius:4px;border:1px solid transparent;font-size:13px;font-weight:600;font-variant-numeric:tabular-nums}.shard-chip.home{background:var(--primary-lt);color:var(--primary-text)}.shard-chip.covering{background:var(--surface);color:var(--text);border:1px dashed var(--warn-text)}.shard-chip.elsewhere{background:var(--surface-2);color:var(--muted);border-color:var(--border)}.spec-editor{display:flex;flex-direction:column;gap:14px}.spec-editor textarea{font-family:var(--mono);font-size:13px;line-height:1.6;font-weight:400;resize:vertical;min-height:340px;background:var(--surface-2);-moz-tab-size:2;tab-size:2}.spec-editor .btn-primary{width:100%}.validation{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:500;color:var(--muted)}.validation.ok{color:var(--ok-text)}.validation.bad{color:var(--bad-text)}.code-chips{display:flex;flex-wrap:wrap;gap:6px}code{background:var(--surface-2);border:1px solid var(--border);border-radius:4px;padding:1px 5px}pre code,.mono{background:none;border:0;padding:0}.search{display:flex;flex-direction:row;align-items:center;gap:8px;height:32px;margin-left:auto;padding:0 10px;border:1px solid var(--border-2);border-radius:var(--radius);background:var(--surface);color:var(--muted)}.search input{height:30px!important;width:150px;padding:0;border:0;background:transparent;font-size:13px;font-weight:400}.search input:focus{outline:none}.search:focus-within{outline:2px solid var(--primary);outline-offset:1px}a.run-name{font-weight:600;color:var(--text)}.runs-table th,.runs-table td{padding-left:10px;padding-right:10px}.runs-table td:nth-child(2){white-space:normal;min-width:170px}.runs-table td:nth-child(2) .mono{word-break:break-all}.title-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.spec{font-family:var(--mono);font-size:13px;line-height:1.6;background:var(--surface-2);padding:16px 20px;overflow:auto;margin:0;border-radius:0 0 var(--radius) var(--radius)}details .spec{border-radius:var(--radius);margin-top:8px}.files{list-style:none;margin:0;padding:6px 20px}.files li{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid var(--border);font-family:var(--mono);font-size:13px}.files li:last-child{border-bottom:0}.files li span{font-family:inherit}.targets{display:flex;flex-wrap:wrap;gap:8px}.check-list{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px 12px;margin:0}.check-list dt{font-weight:600;text-align:right;min-width:52px}.check-list dd{margin:0;color:var(--muted)}.fault-timeline{list-style:none;margin:0;padding:4px 20px}.fault-timeline li{display:grid;grid-template-columns:48px 10px minmax(0,1fr);gap:0 10px;align-items:baseline;padding:10px 0;border-bottom:1px solid var(--border)}.fault-timeline li:last-child{border-bottom:0}.fault-timeline .dot{margin:0}.fault-log{margin:0;padding-left:18px;font-size:13px}.compare-head{display:inline-flex;align-items:center;gap:8px;font-size:14px}.toasts{position:fixed;bottom:18px;right:18px;display:flex;flex-direction:column;gap:8px;z-index:50}.toast{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:flex;align-items:center;gap:10px;text-align:left;font:inherit;font-size:13px;color:var(--text);background:var(--surface);border:1px solid var(--border-2);border-radius:var(--radius);padding:12px 16px 12px 12px;max-width:420px;box-shadow:var(--overlay-shadow);cursor:pointer}.toast-icon{display:inline-flex;align-items:center;justify-content:center;flex:none;width:28px;height:28px;border-radius:50%;background:var(--ok-lt);color:var(--ok-text)}.toast.bad .toast-icon{background:var(--bad-lt);color:var(--bad-text)}@media(max-width:640px){.conn-badge{display:none}.topbar-row{flex-wrap:wrap;height:auto;column-gap:12px;row-gap:0;padding-top:10px}.nav{order:3;width:calc(100% + 2 * var(--gutter));height:48px;margin:0 calc(-1 * var(--gutter));padding:0 calc(var(--gutter) - 14px)}main.page{padding-top:20px;padding-bottom:32px}.panel{padding:16px}.card-h,.card-b{padding-left:16px;padding-right:16px}.stat-grid{grid-template-columns:minmax(0,1fr)}.ph-actions{width:100%}.kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.kpi-value{font-size:18px}.scene{height:55vh;min-height:320px}.events-card{height:auto;max-height:420px}.scene-hint{display:none}.scene-legend{font-size:11px;max-height:calc(100% - 24px);overflow:auto}.trace-panel{top:auto;bottom:0;left:0;right:0;width:auto;max-height:50%;border-radius:8px 8px 0 0}.table{display:block;overflow-x:auto;white-space:nowrap}.shard-grid{gap:4px}.shard{height:42px}.shard small{display:none}.timeline li{padding-left:16px;padding-right:16px}.spec-editor textarea{min-height:220px}.toasts{left:16px;right:16px;bottom:16px}}