.cl-cat-CPU{background:var(--cat-CPU);fill:var(--cat-CPU)}.cl-cat-DB_IO{background:var(--cat-DB_IO);fill:var(--cat-DB_IO)}.cl-cat-NET_IO{background:var(--cat-NET_IO);fill:var(--cat-NET_IO)}.cl-cat-LOCK{background:var(--cat-LOCK);fill:var(--cat-LOCK)}.cl-cat-WAIT{background:var(--cat-WAIT);fill:var(--cat-WAIT)}.cl-cat-IO{background:var(--cat-IO);fill:var(--cat-IO)}.cl-cat-OTHER{background:var(--cat-OTHER);fill:var(--cat-OTHER)}.cl-cats{margin:8px 0 12px}.cl-catbar{border-radius:var(--r-pill);border:1px solid var(--border);background:var(--border);gap:1px;height:12px;display:flex;overflow:hidden}.cl-legend{font-size:var(--fs-sm);flex-wrap:wrap;gap:4px 16px;margin:8px 0 0;padding:0;list-style:none;display:flex}.cl-swatch{vertical-align:middle;border-radius:3px;width:10px;min-width:10px;height:10px;margin-right:6px;display:inline-block;box-shadow:inset 0 0 0 1px #00000026}.cl-bottleneck{margin:0 0 10px}.cl-bottleneck code{font-weight:600}.cl-tree,.cl-tree ul{margin:0;padding:0;list-style:none}.cl-tree{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-panel);max-height:60vh;font-size:var(--fs-sm);overflow:auto}.cl-tree-head,.cl-row{grid-template-columns:minmax(0,1fr) 150px 90px;align-items:center;gap:8px;padding:3px 12px;display:grid}.cl-tree-head{z-index:1;background:var(--surface-2);font-weight:600;font-size:var(--fs-xs);color:var(--muted);border-bottom:1px solid var(--border);padding-block:7px;position:sticky;top:0}.cl-row:hover{background:var(--surface-2)}.cl-row.hot{background:var(--warn-bg);box-shadow:inset 3px 0 0 var(--warn)}.cl-name{white-space:nowrap;align-items:center;gap:4px;min-width:0;display:flex;overflow:hidden}.cl-loc{text-overflow:ellipsis;font-size:12px;overflow:hidden}.cl-num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.cl-toggle{width:18px;min-width:18px;height:18px;min-height:0;color:var(--muted);background:0 0;border:0;place-items:center;padding:0;display:inline-grid}.cl-link{all:unset;cursor:pointer;font:12.5px var(--mono);border-radius:3px}.cl-link:hover{color:var(--accent)}.cl-link:focus-visible{outline:2px solid var(--focus)}.cl-source-panel{margin-top:12px}.cl-source{background:var(--bg);border:1px solid var(--border);border-radius:var(--r-panel);max-height:420px;font:12.5px/1.5 var(--mono);margin:0;padding:8px 0 8px 56px;overflow:auto}.cl-source li{white-space:pre;padding-right:12px}.cl-source li::marker{color:var(--muted)}.cl-source li.hl{background:var(--warn-bg);box-shadow:inset 3px 0 0 var(--warn);font-weight:600}.cl-flame{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-panel);display:block}.cl-flame .clickable{cursor:pointer}.cl-flame .clickable:hover rect{filter:brightness(1.12)saturate(1.1)}.cl-flame rect{stroke:var(--surface);stroke-width:1px}.cl-flame-text{font:500 11px var(--font);fill:var(--cat-text);pointer-events:none}.cl-span{margin-bottom:12px}.cl-span h4{margin:8px 0 4px;font-size:14px}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0a1220;--surface:#0f1a2c;--surface-2:#16243a;--surface-3:#1d2e49;--border:#26385a;--border-strong:#3a5079;--text:#e6edf8;--muted:#9aabc6;--accent:#5cc8ff;--accent-2:#a68bff;--accent-text:#04223a;--accent-soft:#5cc8ff1f;--ok:#3dd6a0;--ok-bg:#3dd6a01f;--warn:#f5b94a;--warn-bg:#f5b94a1f;--err:#ff7a8a;--err-bg:#ff7a8a1f;--danger-fill:#e5485d;--danger-text:#fff;--focus:#8fdcff;--focus-ring:0 0 0 2px var(--bg), 0 0 0 4px var(--focus);--grid-line:#78a0dc0b;--glow:#5cc8ff59;--scrim:#0308109e;--shadow-overlay:0 24px 60px -12px #0009, 0 0 0 1px #ffffff0a;--horizon:linear-gradient(90deg, transparent, var(--accent) 22%, var(--accent-2) 78%, transparent);--series-1:#56b4e9;--series-2:#e69f00;--series-3:#2bc4a0;--series-4:#d98cc4;--series-5:#9b8cff;--series-6:#f0e442;--wf-bar:linear-gradient(90deg, #3aa6e8, #5cc8ff);--font:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--mono:ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;--fs-xs:12px;--fs-sm:13px;--fs-md:14px;--fs-lg:15px;--fs-xl:20px;--s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:24px;--s6:32px;--r-ctl:6px;--r-panel:10px;--r-dialog:14px;--r-pill:999px;--ease:cubic-bezier(.2, .7, .2, 1);--t-fast:.12s;--t-med:.2s;--ctl-h:32px}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#eef2f8;--surface:#fff;--surface-2:#e6ecf5;--surface-3:#d9e2ef;--border:#c3cede;--border-strong:#9fb0c8;--text:#0d1a2c;--muted:#4a5a72;--accent:#0a66c2;--accent-2:#6a48d6;--accent-text:#fff;--accent-soft:#0a66c21a;--ok:#0b7a50;--ok-bg:#dff3ea;--warn:#8a5300;--warn-bg:#fbefd6;--err:#b3202f;--err-bg:#fbe4e6;--danger-fill:#b3202f;--focus:#0a58ca;--grid-line:#0d1a2c09;--glow:#0a66c240;--scrim:#0d1a2c66;--shadow-overlay:0 24px 60px -16px #0d1a2c59, 0 0 0 1px #0d1a2c0f;--series-1:#0072b2;--series-2:#b25a00;--series-3:#00805c;--series-4:#a8407f;--series-5:#5b45c9;--series-6:#7a6a00;--wf-bar:linear-gradient(90deg, #0a66c2, #2f8ae0)}:root{--cat-CPU:#6cb6f0;--cat-DB_IO:#f2a65a;--cat-NET_IO:#b39cf0;--cat-LOCK:#ff8b94;--cat-WAIT:#a3aebf;--cat-IO:#4fd1b0;--cat-OTHER:#cbd3de;--cat-text:#0a1220}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);font:var(--fs-md)/1.45 var(--font);font-variant-numeric:tabular-nums;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0}::selection{background:color-mix(in srgb, var(--accent) 35%, transparent)}a{color:var(--accent);text-underline-offset:2px;text-decoration-thickness:1px}a:hover{text-decoration-thickness:2px}h1,h2,h3,h4{margin:0;line-height:1.25}h2{font-size:var(--fs-xl);letter-spacing:-.01em;margin-bottom:var(--s3);font-weight:650}h3{font-size:var(--fs-lg);margin:var(--s5) 0 var(--s2);font-weight:600}p{margin:var(--s2) 0}code{font-family:var(--mono);font-size:.92em}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}:focus-visible{outline:2px solid var(--focus);outline-offset:2px;border-radius:2px}.muted{color:var(--muted)}summary{cursor:pointer;color:var(--text);padding:var(--s1) 0;font-weight:600}summary::marker{color:var(--accent)}details{margin:var(--s2) 0}fieldset{border:1px solid var(--border);border-radius:var(--r-panel);padding:var(--s3) var(--s4);margin:0 0 var(--s3)}legend{color:var(--muted);padding:0 var(--s1)}hr{border:0;border-top:1px solid var(--border)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--surface-3);border-radius:var(--r-pill);border:2px solid var(--bg)}::-webkit-scrollbar-track{background:0 0}button,select,input,textarea{font:inherit;font-size:var(--fs-sm);color:var(--text)}button,select,input[type=text],input[type=search],input[type=password],input[type=number],input[type=datetime-local],input:not([type]),textarea{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-ctl);min-height:var(--ctl-h);transition:border-color var(--t-fast) var(--ease), background-color var(--t-fast) var(--ease), box-shadow var(--t-fast) var(--ease);padding:5px 10px}input::placeholder,textarea::placeholder{color:var(--muted);opacity:.85}select,input,textarea{background:var(--bg)}select:hover,input:hover,textarea:hover{border-color:var(--border-strong)}select:focus-visible,input:focus-visible,textarea:focus-visible{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);outline:none}button{cursor:pointer;background:var(--surface-2);font-weight:500}button:hover:not(:disabled){background:var(--surface-3);border-color:var(--border-strong)}button:active:not(:disabled){transform:translateY(1px)}button:disabled{opacity:.5;cursor:not-allowed}button:focus-visible{box-shadow:var(--focus-ring);outline:none}button.primary,button[type=submit]{background:var(--accent);border-color:var(--accent);color:var(--accent-text);font-weight:600}button.primary:hover:not(:disabled),button[type=submit]:hover:not(:disabled){background:var(--accent);border-color:var(--accent);filter:brightness(1.08);box-shadow:0 0 0 4px var(--accent-soft), 0 0 18px -4px var(--glow)}button.danger,.modal-actions .danger{background:var(--danger-fill);border-color:var(--danger-fill);color:var(--danger-text);font-weight:600}button.danger:hover:not(:disabled){background:var(--danger-fill);filter:brightness(1.1)}label{align-items:center;gap:6px;display:inline-flex}input[type=checkbox]:not(.switch),input[type=radio]{accent-color:var(--accent);width:16px;height:16px}.shell{grid-template-rows:auto 1fr;min-width:0;height:100%;display:grid}.topbar{align-items:center;gap:var(--s3);padding:8px var(--s4);background:color-mix(in srgb, var(--surface) 88%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border);z-index:5;min-width:0;display:flex;position:relative}.topbar:after{content:"";background:var(--horizon);opacity:.9;height:1px;position:absolute;bottom:-1px;left:0;right:0}.topbar h1{letter-spacing:.02em;margin-right:var(--s2);font-size:16px;font-weight:700}.topbar h1 a{align-items:center;gap:var(--s2);color:var(--text);border-radius:var(--r-ctl);text-decoration:none;display:inline-flex}.brand-mark{width:26px;height:26px;filter:drop-shadow(0 0 6px var(--glow));flex:none}.topbar>.who{color:var(--muted);white-space:nowrap;font-size:var(--fs-sm);margin-left:auto}.topbar>.who strong{color:var(--text);font-weight:600}.topbar label{color:var(--muted);font-size:var(--fs-sm)}.time-range{border:1px solid var(--border);border-radius:calc(var(--r-ctl) + 3px);background:var(--bg);flex-wrap:wrap;align-items:center;gap:6px;padding:3px;display:flex}.time-range select,.time-range input{background:0 0;border-color:#0000}.time-range [role=alert]{color:var(--err);padding-right:var(--s2);font-weight:600}.shell>.body{grid-template-columns:216px minmax(0,1fr);min-height:0;display:grid}.body>nav{background:var(--surface);border-right:1px solid var(--border);padding:var(--s3) var(--s2);flex-direction:column;gap:2px;display:flex;overflow:auto}.body>nav a{border-radius:var(--r-ctl);color:var(--muted);transition:background-color var(--t-fast) var(--ease), color var(--t-fast) var(--ease);align-items:center;gap:10px;padding:7px 12px;font-weight:500;text-decoration:none;display:flex;position:relative}.body>nav a svg{flex:none;width:18px;height:18px}.body>nav a:hover{background:var(--surface-2);color:var(--text)}.body>nav a.active,.body>nav a[aria-current=page]{background:var(--accent-soft);color:var(--text);font-weight:600}.body>nav a.active svg,.body>nav a[aria-current=page] svg{color:var(--accent)}.body>nav a.active:before,.body>nav a[aria-current=page]:before{content:"";background:var(--accent);width:3px;box-shadow:0 0 10px var(--glow);border-radius:0 3px 3px 0;position:absolute;top:6px;bottom:6px;left:-8px}main{padding:var(--s5) 28px;background-color:var(--bg);background-image:linear-gradient(var(--grid-line) 1px, transparent 1px), linear-gradient(90deg, var(--grid-line) 1px, transparent 1px), radial-gradient(1200px 400px at 0% 0%, color-mix(in srgb, var(--accent) 6%, transparent), transparent 70%);background-size:32px 32px,32px 32px,100% 100%;background-attachment:local;min-width:0;overflow:auto}main>nav{color:var(--muted);margin-bottom:var(--s3);font-size:var(--fs-sm)}main>nav a{color:var(--muted)}main>nav a:hover{color:var(--accent)}main>nav [aria-current=page]{color:var(--text);font-weight:600}main>section,main section{margin-bottom:var(--s4)}main.login{min-height:100%;padding:var(--s5);place-content:center;display:grid}main.login>div{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-dialog);width:min(380px,100vw - 32px);box-shadow:var(--shadow-overlay);padding:28px;position:relative;overflow:hidden}main.login>div:before{content:"";background:var(--horizon);height:2px;position:absolute;top:0;left:0;right:0}main.login h1{align-items:center;gap:var(--s2);font-size:var(--fs-xl);margin-bottom:var(--s5);font-weight:650;display:flex}main.login form{gap:var(--s4);display:grid}main.login label{color:var(--muted);font-size:var(--fs-sm);gap:6px;display:grid}main.login input{width:100%;min-height:38px;font-size:var(--fs-md)}main.login button[type=submit]{min-height:38px;font-size:var(--fs-md)}main.login [role=alert]{color:var(--err);background:var(--err-bg);border-radius:var(--r-ctl);padding:var(--s2) var(--s3);margin:0}table{border-collapse:separate;border-spacing:0;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-panel);width:100%;font-size:var(--fs-sm);overflow:hidden}thead th{z-index:1;background:var(--surface-2);border-bottom:1px solid var(--border);font-weight:600;font-size:var(--fs-xs);color:var(--muted);letter-spacing:.02em;white-space:nowrap;text-align:left;padding:8px 12px;position:sticky;top:0}th button{all:unset;cursor:pointer;border-radius:4px;margin:-2px -4px;padding:2px 4px;font-weight:600}th button:hover{background:var(--surface-3);color:var(--text)}th button:focus-visible{outline:2px solid var(--focus)}th[aria-sort=ascending],th[aria-sort=descending]{color:var(--accent)}td{border-bottom:1px solid color-mix(in srgb, var(--border) 70%, transparent);font-variant-numeric:tabular-nums;padding:7px 12px}tbody tr:last-child td{border-bottom:0}tbody tr td{transition:background-color var(--t-fast) var(--ease)}tbody tr:hover td{background:var(--surface-2)}tbody tr[tabindex]{cursor:pointer}tbody tr[tabindex]:focus-visible{outline:none}tbody tr[tabindex]:focus-visible td{box-shadow:inset 0 2px 0 var(--focus), inset 0 -2px 0 var(--focus)}tbody tr[aria-current=true] td,tbody tr.selected td{background:var(--accent-soft)}tbody tr[aria-current=true] td:first-child,tbody tr.selected td:first-child{box-shadow:inset 3px 0 0 var(--accent)}tr.disabled td{color:var(--muted)}[role=tablist],.tabs{border-bottom:1px solid var(--border);margin-bottom:var(--s4);scrollbar-width:thin;gap:2px;display:flex;overflow-x:auto}[role=tab],.tabs a{border-radius:var(--r-ctl) var(--r-ctl) 0 0;min-height:0;color:var(--muted);white-space:nowrap;font-weight:500;font-size:var(--fs-sm);transition:color var(--t-fast) var(--ease), background-color var(--t-fast) var(--ease);background:0 0;border:0;padding:8px 14px;text-decoration:none;position:relative}[role=tab]:hover,.tabs a:hover{color:var(--text);background:var(--surface-2)}[role=tab][aria-selected=true],.tabs a[aria-current=page],.tabs a.active{color:var(--text);background:0 0;font-weight:600}[role=tab][aria-selected=true]:after,.tabs a[aria-current=page]:after,.tabs a.active:after{content:"";background:var(--accent);height:2px;box-shadow:0 0 8px var(--glow);border-radius:2px;position:absolute;bottom:-1px;left:10px;right:10px}[role=tab]:focus-visible,.tabs a:focus-visible{box-shadow:inset 0 0 0 2px var(--focus);outline:none}.state-empty{color:var(--muted);padding:var(--s5) var(--s4);text-align:center;border:1px dashed var(--border);border-radius:var(--r-panel);background:color-mix(in srgb, var(--surface) 60%, transparent)}p[role=status]{color:var(--muted);padding:var(--s4);text-align:center}span[role=status]:not(.badge){color:var(--muted)}p[role=status]:after{content:"";background:linear-gradient(90deg, transparent, var(--accent), transparent) 0 0 / 50% 100% no-repeat, var(--surface-3);width:120px;height:2px;animation:scan 1.2s var(--ease) infinite;border-radius:2px;margin:10px auto 0;display:block}@keyframes scan{0%{background-position:-60px 0,0 0}to{background-position:180px 0,0 0}}.state-error,.state-warn,.state-ok{border-radius:var(--r-ctl);border:1px solid;border-left-width:3px;padding:10px 14px}.state-error{color:var(--err);background:var(--err-bg);border-color:color-mix(in srgb, var(--err) 45%, transparent);border-left-color:var(--err)}.state-warn{color:var(--warn);background:var(--warn-bg);border-color:color-mix(in srgb, var(--warn) 45%, transparent);border-left-color:var(--warn);margin:0 0 var(--s2)}.state-ok{color:var(--ok);background:var(--ok-bg);border-color:color-mix(in srgb, var(--ok) 45%, transparent);border-left-color:var(--ok)}.code-block{position:relative}.code-block>button{z-index:1;min-height:26px;font-size:var(--fs-xs);padding:2px 10px;position:absolute;top:6px;right:6px}.code-block pre{background:var(--bg);border:1px solid var(--border);border-radius:var(--r-ctl);max-height:360px;font:12.5px/1.55 var(--mono);white-space:pre;color:var(--text);margin:0;padding:12px 90px 12px 14px;overflow:auto}.code-block.wrap pre{white-space:pre-wrap;overflow-wrap:anywhere}.chart{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-panel);width:100%;min-width:0;padding:var(--s3) var(--s2) var(--s2)}[role=img] .recharts-text{fill:var(--muted);font-size:var(--fs-xs)}[role=img] .recharts-cartesian-grid line{stroke:var(--border);stroke-opacity:.6}[role=img] .recharts-cartesian-axis-line,[role=img] .recharts-cartesian-axis-tick-line{stroke:var(--border)}[role=img] .recharts-legend-item-text{font-size:var(--fs-xs);color:var(--muted)!important}[role=img]{min-width:0}.badge{border-radius:var(--r-pill);font-size:var(--fs-xs);background:var(--surface-2);color:var(--muted);border:1px solid var(--border);white-space:nowrap;align-items:center;gap:5px;margin-right:4px;padding:1px 9px 1px 8px;font-weight:600;line-height:18px;display:inline-flex}.badge.ok,.badge.warn,.badge.err{border-color:color-mix(in srgb, currentColor 40%, transparent)}.badge.ok:before,.badge.warn:before,.badge.err:before{content:"";background:currentColor;border-radius:50%;flex:none;width:6px;height:6px}.badge.ok{background:var(--ok-bg);color:var(--ok)}.badge.warn{background:var(--warn-bg);color:var(--warn)}.badge.err{background:var(--err-bg);color:var(--err)}.badge.err:before{box-shadow:0 0 6px}.drawer{background:var(--surface);border-left:1px solid var(--border-strong);width:min(520px,92vw);box-shadow:var(--shadow-overlay);padding:var(--s5);z-index:10;animation:drawer-in var(--t-med) var(--ease);position:fixed;top:0;bottom:0;right:0;overflow:auto}.drawer:before{content:"";background:linear-gradient(180deg, var(--accent), var(--accent-2) 40%, transparent);width:1px;position:absolute;top:0;bottom:0;left:-1px}.drawer>header{justify-content:space-between;align-items:center;gap:var(--s3);margin-bottom:var(--s4);display:flex}.drawer h4{margin:var(--s4) 0 6px;font-size:var(--fs-md)}.drawer th[scope=row]{text-align:left;font:600 12.5px var(--mono);border-bottom:1px solid var(--border);vertical-align:top;overflow-wrap:anywhere;color:var(--muted);padding:7px 12px}.drawer td{overflow-wrap:anywhere;vertical-align:top}@keyframes drawer-in{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:none}}[role=switch],input.switch{appearance:none;border-radius:var(--r-pill);border:1px solid var(--border-strong);background:var(--surface-3);cursor:pointer;vertical-align:middle;flex:none;width:38px;height:22px;min-height:0;padding:0;position:relative}[role=switch]:after,input.switch:after{content:"";background:var(--muted);width:16px;height:16px;transition:transform var(--t-fast) var(--ease);border-radius:50%;position:absolute;top:2px;left:2px}[role=switch][aria-checked=true],input.switch:checked{background:var(--accent);border-color:var(--accent);box-shadow:0 0 12px -2px var(--glow)}[role=switch][aria-checked=true]:after,input.switch:checked:after{background:var(--accent-text);transform:translate(16px)}[role=switch]:hover:not(:disabled){background:var(--surface-3)}[role=switch][aria-checked=true]:hover:not(:disabled){background:var(--accent)}input.switch:focus-visible,[role=switch]:focus-visible{box-shadow:var(--focus-ring);outline:none}.modal-backdrop{background:var(--scrim);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:50;animation:fade-in var(--t-med) var(--ease);place-items:center;display:grid;position:fixed;inset:0}.modal{background:var(--surface);color:var(--text);border:1px solid var(--border-strong);border-radius:var(--r-dialog);padding:var(--s5);width:calc(100% - 32px);max-width:440px;box-shadow:var(--shadow-overlay);animation:pop-in var(--t-med) var(--ease);position:relative;overflow:hidden}.modal:before{content:"";background:linear-gradient(90deg, var(--err), transparent);height:2px;position:absolute;top:0;left:0;right:0}.modal h2{margin-top:0;font-size:18px}.modal-actions{gap:var(--s2);margin-top:var(--s5);justify-content:flex-end;display:flex}@keyframes fade-in{0%{opacity:0}}@keyframes pop-in{0%{opacity:0;transform:translateY(6px)scale(.98)}}.filters{align-items:center;gap:var(--s2) var(--s3);margin-bottom:var(--s4);padding:var(--s3);background:var(--surface);border:1px solid var(--border);border-radius:var(--r-panel);flex-wrap:wrap;display:flex}.filters label{color:var(--muted);font-size:var(--fs-sm)}.filters input[type=number]{width:100px}.kv{margin:0 0 var(--s3);grid-template-columns:max-content minmax(0,1fr);gap:6px 16px;display:grid}.kv dt{color:var(--muted);font-size:var(--fs-sm)}.kv dd{overflow-wrap:anywhere;margin:0}.kv.summary{padding:var(--s3) var(--s4);background:var(--surface);border:1px solid var(--border);border-radius:var(--r-panel);grid-template-columns:repeat(3,max-content minmax(0,auto))}.params{font:12.5px/1.5 var(--mono);overflow-wrap:anywhere;padding-left:0;list-style:none}.waterfall{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-panel);overflow:hidden}.wf-scroll{max-height:70vh;overflow:auto}.wf-row{align-items:center;gap:var(--s2);padding:0 var(--s3);border-bottom:1px solid color-mix(in srgb, var(--border) 60%, transparent);white-space:nowrap;font-size:var(--fs-sm);grid-template-columns:minmax(260px,2fr) 120px 80px minmax(200px,3fr);display:grid;position:absolute;left:0;right:0}.wf-head{background:var(--surface-2);height:28px;font-weight:600;font-size:var(--fs-xs);color:var(--muted);position:static}.wf-row:hover{background:var(--surface-2)}.wf-row.selected{background:var(--accent-soft);box-shadow:inset 3px 0 0 var(--accent)}.wf-name{align-items:center;gap:4px;min-width:0;display:flex;overflow:hidden}.wf-toggle{width:20px;min-width:20px;height:20px;min-height:0;color:var(--muted);background:0 0;border:0;place-items:center;padding:0;display:inline-grid}.wf-toggle:hover:not(:disabled){background:var(--surface-3);color:var(--text)}.wf-kind{font:600 10.5px var(--mono);color:var(--muted);border:1px solid var(--border);background:var(--bg);border-radius:4px;padding:0 4px}.wf-select{all:unset;cursor:pointer;text-overflow:ellipsis;border-radius:3px;overflow:hidden}.wf-select:hover{color:var(--accent)}.wf-select:focus-visible{outline:2px solid var(--focus)}.wf-svc,.wf-dur{text-overflow:ellipsis;color:var(--muted);overflow:hidden}.wf-dur{text-align:right;font-variant-numeric:tabular-nums}.wf-track{background:var(--surface-2);border-radius:var(--r-pill);height:10px;position:relative}.wf-row:hover .wf-track{background:var(--surface-3)}.wf-bar{background:var(--wf-bar);border-radius:var(--r-pill);box-shadow:0 0 8px -2px var(--glow);position:absolute;top:0;bottom:0}.wf-row.err .wf-bar{background:repeating-linear-gradient(135deg, var(--err) 0 4px, color-mix(in srgb, var(--err) 60%, var(--surface)) 4px 7px);box-shadow:none}tbody .expanded-row td{background:var(--bg);padding:var(--s3) var(--s4);overflow-wrap:anywhere;max-width:0}tbody .expanded-row:hover td{background:var(--bg)}.ellipsis{text-overflow:ellipsis;white-space:nowrap;vertical-align:bottom;max-width:28ch;display:inline-block;overflow:hidden}.samples{margin:0;padding:0;list-style:none}.samples>li{padding:var(--s3) 0;border-top:1px solid var(--border)}.samples>li:first-child{border-top:0}.log-body{font:12.5px/1.5 var(--mono);overflow-wrap:anywhere}.topo{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-panel);padding:var(--s2);overflow-x:auto}.topo-node rect{fill:var(--surface-2);stroke:var(--border-strong);transition:stroke var(--t-fast) var(--ease)}.topo-node.highlight rect{fill:var(--accent-soft);stroke:var(--accent);filter:drop-shadow(0 0 6px var(--glow))}.topo-node.external rect{fill:var(--bg);stroke-dasharray:4 3}.topo-node[role=link]{cursor:pointer}.topo-node[role=link]:hover rect{stroke:var(--accent)}.topo-node[role=link]:focus-visible{outline:none}.topo-node[role=link]:focus-visible rect{stroke:var(--focus);stroke-width:2.5px}.topo-edge path{stroke:var(--border-strong);stroke-width:1.5px;fill:none}.topo-edge text{fill:var(--muted)}.topo-edge.error path{stroke:var(--err);stroke-dasharray:5 3}.topo-edge.error text{fill:var(--err)}.icon-btn{width:var(--ctl-h);color:var(--muted);place-items:center;padding:0;display:inline-grid}.icon-btn:hover:not(:disabled){color:var(--text)}.icon-btn svg{width:18px;height:18px}@media (width<=1100px){.shell>.body{grid-template-columns:172px minmax(0,1fr)}.topbar{gap:var(--s2);padding:6px 10px}main{padding:var(--s4)}}@media (width<=900px){.topbar{flex-wrap:wrap}.shell>.body{grid-template-rows:auto 1fr;grid-template-columns:minmax(0,1fr)}.body>nav{border-right:0;border-bottom:1px solid var(--border);padding:var(--s2);flex-direction:row;overflow-x:auto}.body>nav a{white-space:nowrap}.body>nav a.active:before,.body>nav a[aria-current=page]:before{border-radius:3px 3px 0 0;width:auto;height:3px;inset:auto 8px -8px}main{padding:var(--s3) var(--s4)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}@media (forced-colors:active){.wf-bar,.badge:before{forced-color-adjust:none}}