@import "https://fonts.googleapis.com/css2?family=Geist:wght@400;500;600&family=Geist+Mono:wght@400;500&display=swap";:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0c0c0c;--bg-sidebar:#0f0f0f;--surface:#151515;--surface-2:#1e1e1e;--surface-3:#282828;--text:#f3f3f3;--text-2:#bebebe;--text-3:#a0a0a0;--text-4:gray;--accent:#d7d7d7;--primary:#f3f3f3;--primary-hover:#fff;--primary-ink:#0c0c0c;--red:#fd837d;--amber:#f0b04f;--info:#95bdda;--ok:var(--text-2);--hover:color-mix(in oklab, var(--text) 4%, transparent);--active:color-mix(in oklab, var(--text) 7.5%, transparent);--border:color-mix(in oklab, var(--text) 9%, transparent);--border-strong:color-mix(in oklab, var(--text) 15%, transparent);--border-focus:color-mix(in oklab, var(--accent) 60%, transparent);--accent-soft:color-mix(in oklab, var(--accent) 14%, transparent);--red-soft:color-mix(in oklab, var(--red) 11%, transparent);--red-border:color-mix(in oklab, var(--red) 28%, transparent);--amber-soft:color-mix(in oklab, var(--amber) 11%, transparent);--amber-border:color-mix(in oklab, var(--amber) 28%, transparent);--info-soft:color-mix(in oklab, var(--info) 11%, transparent);--info-border:color-mix(in oklab, var(--info) 28%, transparent);--ok-soft:color-mix(in oklab, var(--ok) 8%, transparent);--ok-border:color-mix(in oklab, var(--ok) 22%, transparent);--scrim:#0000008c;--font-sans:"Geist", "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono:"Geist Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;--radius-xs:4px;--radius-sm:6px;--radius:8px;--radius-lg:12px;--radius-pill:999px;--shadow-pop:0 0 0 1px var(--border), 0 12px 32px #00000073, 0 2px 6px #0000004d;--ease:cubic-bezier(.2, .8, .2, 1)}:root[data-direction=chitin]{--bg:#0a0d10;--bg-sidebar:#0c1013;--surface:#121519;--surface-2:#1a1f24;--surface-3:#23282e;--text:#f1f4f6;--text-2:#b8bec5;--text-3:#99a1aa;--text-4:#79818a;--accent:#90d8e7;--primary:#9ee1ef;--primary-hover:#b4edf9;--primary-ink:#050f14;--info:#90d8e7}:root[data-direction=paper]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f8f9fb;--bg-sidebar:#f1f4f6;--surface:#fff;--surface-2:#eef0f3;--surface-3:#e5e8eb;--text:#181b1f;--text-2:#494d54;--text-3:#656970;--text-4:#83868c;--accent:#005b79;--primary:#181b1f;--primary-hover:#2b2e33;--primary-ink:#f8f9fb;--red:#b21826;--amber:#a96d01;--info:#005b79;--scrim:#14181e59}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"ss01", "cv11";font-size:13px;line-height:1.5}button,input,textarea,select{font:inherit;color:inherit}a{color:inherit;text-decoration:none}::selection{background:var(--accent-soft)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:color-mix(in oklab, var(--text) 8%, transparent);border-radius:var(--radius-pill);background-clip:padding-box;border:3px solid #0000}::-webkit-scrollbar-thumb:hover{background-color:color-mix(in oklab, var(--text) 16%, transparent)}::-webkit-scrollbar-track{background:0 0}:focus-visible{outline:2px solid var(--border-focus);outline-offset:1px}.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums;letter-spacing:-.01em;font-size:12px}.num{font-variant-numeric:tabular-nums}.muted{color:var(--text-2)}.subtle{color:var(--text-3)}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.app{grid-template-columns:236px minmax(0,1fr);height:100vh;display:grid;overflow:hidden}.sidebar{background:var(--bg-sidebar);border-right:1px solid var(--border);flex-direction:column;gap:4px;padding:12px 10px;display:flex;overflow-y:auto}.workspace{border-radius:var(--radius-sm);align-items:center;gap:10px;margin-bottom:6px;padding:6px 8px;display:flex}.workspace-mark{border-radius:var(--radius-sm);background:var(--primary);width:24px;height:24px;color:var(--primary-ink);flex-shrink:0;place-items:center;display:grid}.workspace-name{letter-spacing:-.01em;font-size:13px;font-weight:600}.workspace-env{color:var(--text-3);font-size:12px}.search-trigger{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;height:32px;color:var(--text-3);cursor:pointer;align-items:center;gap:8px;margin-bottom:10px;padding:0 8px;transition:border-color .12s,color .12s;display:flex}.search-trigger:hover{border-color:var(--border-strong);color:var(--text-2)}.search-trigger .kbd{margin-left:auto}.nav-section{flex-direction:column;gap:1px;margin-bottom:14px;display:flex}.nav-label{color:var(--text-3);padding:4px 8px 6px;font-size:11px;font-weight:500}.nav-item{border-radius:var(--radius-sm);height:30px;color:var(--text-2);text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:10px;padding:0 8px;font-size:13px;font-weight:450;transition:background .1s,color .1s;display:flex}.nav-item svg{color:var(--text-3);flex-shrink:0;transition:color .1s}.nav-item:hover{background:var(--hover);color:var(--text)}.nav-item.active{background:var(--active);color:var(--text)}.nav-item.active svg{color:var(--text)}.nav-count{border-radius:var(--radius-pill);font-variant-numeric:tabular-nums;background:var(--surface-3);min-width:18px;height:18px;color:var(--text-2);place-items:center;margin-left:auto;padding:0 5px;font-size:11px;font-weight:500;display:grid}.nav-count.attention{background:var(--amber-soft);color:var(--amber)}.nav-count.danger{background:var(--red-soft);color:var(--red)}.sidebar-footer{flex-direction:column;gap:8px;margin-top:auto;display:flex}.health{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);padding:10px}.health-row{align-items:center;gap:8px;font-size:12px;display:flex}.health-meta{color:var(--text-3);justify-content:space-between;margin-top:6px;font-size:12px;display:flex}.main{background:var(--bg);position:relative;overflow:hidden auto}.main.flush{overflow:hidden}.page{max-width:1180px;animation:page-in .18s var(--ease);margin:0 auto;padding:28px 36px 64px}@keyframes page-in{0%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:none}}.page-header{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:24px;display:flex}.page-title{letter-spacing:-.02em;margin:0;font-size:20px;font-weight:600}.page-desc{color:var(--text-2);max-width:640px;margin:4px 0 0;font-size:13px}.page-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.toolbar{align-items:center;gap:8px;margin-bottom:14px;display:flex}.grid{gap:14px;display:grid}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-main{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr)}@media (width<=1100px){.grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-main,.grid-3{grid-template-columns:minmax(0,1fr)}}.stack{flex-direction:column;display:flex}.row{align-items:center;display:flex}.gap-4{gap:4px}.gap-6{gap:6px}.gap-8{gap:8px}.gap-12{gap:12px}.gap-16{gap:16px}.spacer{flex:1}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);min-width:0}.card-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;display:flex}.card-header.plain{border-bottom:0;padding-bottom:4px}.card-title{margin:0;font-size:13px;font-weight:500}.card-desc{color:var(--text-3);margin:2px 0 0;font-size:12px}.card-body{padding:16px}.card-footer{border-top:1px solid var(--border);color:var(--text-3);justify-content:space-between;align-items:center;padding:10px 16px;font-size:12px;display:flex}.stat{padding:16px}.stat-label{color:var(--text-2);align-items:center;gap:6px;font-size:12px;display:flex}.stat-value{letter-spacing:-.03em;font-variant-numeric:tabular-nums;margin-top:10px;font-size:26px;font-weight:500;line-height:1.1}.stat-unit{color:var(--text-3);letter-spacing:0;margin-left:3px;font-size:14px}.stat-hint{color:var(--text-3);margin-top:6px;font-size:12px}.badge{border-radius:var(--radius-pill);border:1px solid var(--border-strong);height:20px;color:var(--text-2);white-space:nowrap;background:0 0;align-items:center;gap:5px;padding:0 7px;font-size:11.5px;font-weight:500;line-height:1;display:inline-flex}.badge.red{color:var(--red);background:var(--red-soft);border-color:var(--red-border)}.badge.amber{color:var(--amber);background:var(--amber-soft);border-color:var(--amber-border)}.badge.green{color:var(--ok);background:var(--ok-soft);border-color:var(--ok-border)}.badge.blue{color:var(--info);background:var(--info-soft);border-color:var(--info-border)}.badge.square{border-radius:var(--radius-xs)}.dot{background:currentColor;border-radius:50%;flex-shrink:0;width:6px;height:6px}.dot.red{color:var(--red)}.dot.amber{color:var(--amber)}.dot.green{color:var(--ok)}.dot.blue{color:var(--info)}.dot.neutral{color:var(--text-3)}.live-dot{background:var(--ok);border-radius:50%;width:7px;height:7px;position:relative}.live-dot:after{content:"";border:1px solid var(--ok);opacity:0;border-radius:50%;animation:2.4s ease-out infinite live;position:absolute;inset:-3px}.live-dot.off{background:var(--text-4)}.live-dot.off:after{display:none}@keyframes live{0%{opacity:.6;transform:scale(.6)}to{opacity:0;transform:scale(1.6)}}.btn{border-radius:var(--radius-sm);border:1px solid var(--border-strong);background:var(--surface-2);height:32px;color:var(--text);white-space:nowrap;cursor:pointer;justify-content:center;align-items:center;gap:6px;padding:0 12px;font-size:13px;font-weight:500;transition:background .12s,border-color .12s,opacity .12s;display:inline-flex}.btn:hover{background:var(--surface-3)}.btn:disabled{opacity:.5;cursor:default}.btn svg{flex-shrink:0}.btn.primary{background:var(--primary);border-color:var(--primary);color:var(--primary-ink)}.btn.primary:hover{background:var(--primary-hover);border-color:var(--primary-hover)}.btn.ghost{color:var(--text-2);background:0 0;border-color:#0000}.btn.ghost:hover{background:var(--hover);color:var(--text)}.btn.danger{background:var(--red-soft);border-color:var(--red-border);color:var(--red)}.btn.danger:hover{background:color-mix(in oklab, var(--red) 16%, transparent)}.btn.sm{height:28px;padding:0 10px;font-size:12.5px}.btn.xs{border-radius:var(--radius-xs);height:24px;padding:0 8px;font-size:12px}.btn.icon{width:32px;padding:0}.btn.icon.sm{width:28px}.input,.textarea,.select{background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-sm);width:100%;height:32px;color:var(--text);outline:none;padding:0 10px;transition:border-color .12s,box-shadow .12s}.textarea{resize:vertical;height:auto;font-family:var(--font-mono);padding:10px;font-size:12px;line-height:1.6}.input::placeholder,.textarea::placeholder{color:var(--text-4)}.input:focus,.textarea:focus,.select:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px var(--accent-soft)}.select-wrap{min-width:0;position:relative}.select-button{text-align:left;cursor:pointer;justify-content:space-between;align-items:center;gap:8px;display:flex}.select-button:disabled{cursor:not-allowed;color:var(--text-4)}.select-button svg{color:var(--text-3);flex-shrink:0}.select-value{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.select-list{z-index:60;background:var(--surface-2);border:1px solid var(--border-strong);border-radius:var(--radius);min-width:100%;max-height:280px;box-shadow:var(--shadow-pop);outline:none;margin:0;padding:4px;list-style:none;position:absolute;top:calc(100% + 4px);left:0;overflow-y:auto}.select-list li{border-radius:var(--radius-sm);color:var(--text-2);white-space:nowrap;cursor:pointer;justify-content:space-between;align-items:center;gap:16px;padding:7px 9px;display:flex}.select-list li[aria-selected=true]{color:var(--text)}.select-list li.active{background:var(--active);color:var(--text)}.input-wrap{align-items:center;display:flex;position:relative}.input-wrap svg{color:var(--text-3);pointer-events:none;position:absolute;left:10px}.input-wrap .input{padding-left:32px}.field{flex-direction:column;gap:6px;display:flex}.field-label{color:var(--text-2);font-size:12px;font-weight:500}.field-hint{color:var(--text-3);font-size:12px}.seg{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);gap:2px;padding:2px;display:inline-flex}.seg button{border-radius:var(--radius-xs);height:26px;color:var(--text-3);cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;padding:0 10px;font-size:12.5px;font-weight:500;transition:background .1s,color .1s;display:inline-flex}.seg button:hover{color:var(--text)}.seg button.on{background:var(--surface-3);color:var(--text);box-shadow:0 1px 2px #0000004d}.seg .seg-count{color:var(--text-3);font-variant-numeric:tabular-nums;font-size:11px}.switch{border-radius:var(--radius-pill);background:var(--surface-3);width:30px;height:18px;box-shadow:inset 0 0 0 1px var(--border-strong);cursor:pointer;border:0;flex-shrink:0;transition:background .15s;position:relative}.switch:after{content:"";background:var(--text-2);width:14px;height:14px;transition:transform .16s var(--ease), background .15s;border-radius:50%;position:absolute;top:2px;left:2px}.switch.on{background:var(--ok);box-shadow:none}.switch.on:after{background:var(--primary-ink);transform:translate(12px)}.kbd{border-radius:var(--radius-xs);border:1px solid var(--border-strong);background:var(--surface-2);min-width:18px;height:18px;color:var(--text-3);font-family:var(--font-sans);justify-content:center;align-items:center;padding:0 4px;font-size:11px;font-weight:500;display:inline-flex}.table-wrap{overflow-x:auto}.table{border-collapse:collapse;width:100%;font-size:13px}.table th{text-align:left;height:34px;color:var(--text-3);border-bottom:1px solid var(--border);white-space:nowrap;padding:0 14px;font-size:12px;font-weight:500}.table td{border-bottom:1px solid var(--border);vertical-align:middle;height:44px;padding:0 14px}.table tr:last-child td{border-bottom:0}.table tbody tr{transition:background 80ms}.table tbody tr.clickable{cursor:pointer}.table tbody tr.clickable:hover,.table tbody tr.selected{background:var(--hover)}.table td.right,.table th.right{text-align:right}.table .cell-main{font-weight:500}.table .cell-sub{color:var(--text-3);font-size:12px}.list-item{border-bottom:1px solid var(--border);align-items:center;gap:12px;padding:12px 16px;display:flex}.list-item:last-child{border-bottom:0}.list-item.clickable{cursor:pointer;transition:background 80ms}.list-item.clickable:hover{background:var(--hover)}.code{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);font-family:var(--font-mono);color:var(--text-2);white-space:pre-wrap;word-break:break-word;max-height:340px;margin:0;padding:12px 14px;font-size:12px;line-height:1.65;position:relative;overflow:auto}.code .copy{position:absolute;top:6px;right:6px}.code .k{color:var(--text-2)}.code .s{color:var(--info)}.code .n{color:var(--text)}.chain{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.chain-node{border-radius:var(--radius-xs);background:var(--surface-2);border:1px solid var(--border);height:22px;font-family:var(--font-mono);color:var(--text-2);align-items:center;padding:0 7px;font-size:11.5px;display:inline-flex}.chain-node.red{color:var(--red);border-color:var(--red-border);background:var(--red-soft)}.chain-node.amber{color:var(--amber);border-color:var(--amber-border);background:var(--amber-soft)}.chain-sep{color:var(--text-4)}.meta{grid-template-columns:120px minmax(0,1fr);gap:10px 12px;font-size:13px;display:grid}.meta dt{color:var(--text-3)}.meta dd{min-width:0;margin:0}.section-title{color:var(--text-3);margin:0 0 10px;font-size:12px;font-weight:500}.divider{background:var(--border);height:1px;margin:18px 0}.meter{border-radius:var(--radius-pill);background:var(--surface-3);height:4px;position:relative;overflow:hidden}.meter>span{border-radius:var(--radius-pill);background:var(--text-2);position:absolute;inset:0 auto 0 0}.stacked{border-radius:var(--radius-pill);gap:2px;height:8px;display:flex;overflow:hidden}.stacked>span{border-radius:var(--radius-xs);height:100%;transition:width .3s var(--ease)}.legend{color:var(--text-2);flex-wrap:wrap;gap:14px;font-size:12px;display:flex}.legend-item{align-items:center;gap:6px;display:inline-flex}.legend-item .num{color:var(--text)}.empty{text-align:center;color:var(--text-3);flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:40px 20px;display:flex}.empty-icon{border-radius:var(--radius);border:1px solid var(--border-strong);width:36px;height:36px;color:var(--text-2);place-items:center;margin-bottom:6px;display:grid}.empty-title{color:var(--text);font-weight:500}.banner{border-radius:var(--radius);border:1px solid var(--amber-border);background:var(--amber-soft);color:var(--text);align-items:center;gap:10px;margin-bottom:18px;padding:10px 14px;font-size:13px;display:flex}.banner svg{color:var(--amber);flex-shrink:0}.skeleton{border-radius:var(--radius-sm);background:linear-gradient(90deg, var(--surface-2), var(--surface-3), var(--surface-2));background-size:200% 100%;animation:1.4s linear infinite shimmer}@keyframes shimmer{to{background-position:-200% 0}}.overlay{z-index:60;background:var(--scrim);animation:fade .16s var(--ease);position:fixed;inset:0}.sheet{z-index:61;background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-lg);width:min(560px,100vw - 16px);box-shadow:var(--shadow-pop);animation:sheet-in .22s var(--ease);flex-direction:column;display:flex;position:fixed;top:8px;bottom:8px;right:8px}@keyframes sheet-in{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:none}}@keyframes fade{0%{opacity:0}}.sheet-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;gap:12px;padding:18px 20px 14px;display:flex}.sheet-title{letter-spacing:-.01em;margin:0;font-size:15px;font-weight:600}.sheet-sub{color:var(--text-3);margin-top:3px;font-size:12.5px}.sheet-body{flex:1;padding:18px 20px;overflow-y:auto}.sheet-footer{border-top:1px solid var(--border);justify-content:flex-end;gap:8px;padding:12px 20px;display:flex}.cmd-overlay{z-index:80;background:var(--scrim);animation:fade .12s var(--ease);justify-content:center;align-items:flex-start;padding-top:14vh;display:flex;position:fixed;inset:0}.cmd{background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-lg);width:min(620px,100vw - 32px);box-shadow:var(--shadow-pop);animation:cmd-in .16s var(--ease);overflow:hidden}@keyframes cmd-in{0%{opacity:0;transform:scale(.98)}}.cmd-input{border:0;border-bottom:1px solid var(--border);background:0 0;outline:none;width:100%;height:50px;padding:0 18px;font-size:15px}.cmd-input::placeholder{color:var(--text-4)}.cmd-list{max-height:380px;padding:6px;overflow-y:auto}.cmd-group{color:var(--text-3);padding:8px 10px 4px;font-size:11.5px;font-weight:500}.cmd-item{border-radius:var(--radius-sm);width:100%;height:38px;color:var(--text-2);text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:10px;padding:0 10px;font-size:13.5px;display:flex}.cmd-item svg{color:var(--text-3);flex-shrink:0}.cmd-item.on{background:var(--active);color:var(--text)}.cmd-item .cmd-hint{color:var(--text-3);margin-left:auto;font-size:12px}.cmd-footer{border-top:1px solid var(--border);color:var(--text-3);gap:14px;padding:8px 14px;font-size:11.5px;display:flex}.cmd-footer span{align-items:center;gap:5px;display:inline-flex}.toasts{z-index:90;flex-direction:column;gap:8px;display:flex;position:fixed;bottom:18px;right:18px}.toast{background:var(--surface-2);border:1px solid var(--border-strong);border-radius:var(--radius);min-width:280px;max-width:400px;box-shadow:var(--shadow-pop);animation:toast-in .2s var(--ease);align-items:center;gap:10px;padding:11px 14px;font-size:13px;display:flex}@keyframes toast-in{0%{opacity:0;transform:translateY(6px)}}.workspace-split{grid-template-columns:minmax(0,1fr) 360px;height:100vh;display:grid}.canvas-pane{flex-direction:column;min-width:0;display:flex;position:relative;overflow:hidden}.canvas-header{border-bottom:1px solid var(--border);align-items:center;gap:10px;height:56px;padding:0 20px;display:flex}.canvas{background-color:var(--bg);background-image:radial-gradient(color-mix(in oklab, var(--text) 6%, transparent) 1px, transparent 1px);background-size:20px 20px;flex:1;min-height:0;position:relative}.canvas-footer{border-top:1px solid var(--border);height:40px;color:var(--text-3);align-items:center;gap:16px;padding:0 20px;font-size:12px;display:flex}.inspector{border-left:1px solid var(--border);background:var(--bg-sidebar);flex-direction:column;min-width:0;display:flex;overflow:hidden}.inspector-header{border-bottom:1px solid var(--border);align-items:center;height:56px;padding:0 18px;font-size:13px;font-weight:500;display:flex}.inspector-body{flex:1;padding:18px;overflow-y:auto}.flow-node{cursor:pointer}.flow-node rect.box{fill:var(--surface);stroke:var(--border-strong);transition:stroke .12s,fill .12s}.flow-node:hover rect.box{fill:var(--surface-2);stroke:color-mix(in oklab, var(--text) 22%, transparent)}.flow-node.selected rect.box{stroke:var(--text-2);fill:var(--surface-2)}.flow-node.dim{opacity:.32}.flow-edge{fill:none;transition:opacity .16s}.flow-edge.dim{opacity:.12}.flow-dash{animation:1.6s linear infinite dash}@keyframes dash{to{stroke-dashoffset:-20px}}.depth-label{font-family:var(--font-mono);color:var(--text-3);white-space:nowrap;pointer-events:none;font-size:11px;position:absolute;transform:translate(-50%,10px)}.depth-label.on{color:var(--text)}.float-menu{z-index:20;background:var(--surface-2);border:1px solid var(--border-strong);border-radius:var(--radius);min-width:320px;max-height:360px;box-shadow:var(--shadow-pop);animation:cmd-in .12s var(--ease);padding:4px;position:absolute;overflow-y:auto}.float-menu button{border-radius:var(--radius-xs);text-align:left;cursor:pointer;background:0 0;border:0;flex-direction:column;align-items:flex-start;gap:1px;width:100%;padding:7px 10px;display:flex}.float-menu button:hover{background:var(--active)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important}}.content-shell{flex-direction:column;min-width:0;min-height:0;display:flex}.topbar{border-bottom:1px solid var(--border);flex-shrink:0;align-items:center;gap:12px;height:52px;padding:0 28px;font-size:12px;display:flex}.connection-label{color:var(--text-3);align-items:center;gap:7px;font-size:11px;display:flex}.demo-strip{border-bottom:1px solid var(--border);height:34px;color:var(--text-3);flex-shrink:0;align-items:center;gap:10px;padding:0 28px;font-size:11px;display:flex}.preview-label{color:var(--text-2);letter-spacing:.08em;font-size:9px;font-weight:500}.main{flex:1;min-height:0}.main:focus{outline:none}.mobile-toggle,.nav-backdrop{display:none}.skip-link{z-index:100;background:var(--text);color:var(--bg);border-radius:var(--radius-sm);padding:10px 16px;position:fixed;top:-80px;left:16px}.skip-link:focus{top:12px}.offline-banner{color:var(--amber);border-bottom:1px solid var(--amber-border);align-items:center;gap:12px;padding:12px 28px;display:flex}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.break{overflow-wrap:anywhere}.table-link{color:var(--text);text-align:left;cursor:pointer;background:0 0;border:0;padding:0}.table-link:hover{text-underline-offset:3px;text-decoration:underline}.detail-reason{color:var(--text-2);overflow-wrap:anywhere;margin:0;line-height:1.7}.overview-context{justify-content:space-between;align-items:center;margin:30px 0 12px;font-size:12px;display:flex}.metric-grid{border:1px solid var(--border);border-radius:var(--radius);gap:0;margin-bottom:24px;overflow:hidden}.metric-grid .stat{border:0;border-right:1px solid var(--border);border-radius:0;padding:20px}.metric-grid .stat:last-child{border-right:0}.metric-grid .stat-value{letter-spacing:-.04em;margin-top:16px;font-size:28px}.metric-grid .stat-hint{margin-top:10px;font-size:11px}.overview-middle{margin-bottom:24px}.attention-list{flex-direction:column;display:flex}.attention-item{border:0;border-bottom:1px solid var(--border);width:100%;color:var(--text);text-align:left;cursor:pointer;background:0 0;align-items:center;gap:12px;padding:20px 16px;display:flex}.attention-item:last-child{border-bottom:0}.attention-item:hover{background:var(--hover)}.attention-item .stack{flex:1;gap:3px;min-width:0;font-size:12px}.attention-item .subtle{font-size:11px}.attention-item>svg{color:var(--text-3);flex-shrink:0}.attention-icon{border:1px solid var(--border);border-radius:var(--radius);width:30px;height:30px;color:var(--text-2);flex-shrink:0;place-items:center;display:grid}.attention-icon.amber{color:var(--amber)}.attention-icon.red{color:var(--red)}.activity-chart{height:160px;padding:8px 0 23px 24px;position:relative}.chart-y{color:var(--text-3);flex-direction:column;justify-content:space-between;font-size:10px;display:flex;position:absolute;top:0;bottom:23px;left:0}.chart-bars{border-bottom:1px solid var(--border);background:repeating-linear-gradient(to top,transparent 0,transparent calc(50% - 1px),var(--border) 50%);align-items:flex-end;gap:5px;height:100%;display:flex}.chart-bar{flex-direction:column-reverse;flex:1;justify-content:flex-start;min-width:2px;height:100%;display:flex}.chart-bar span{border-radius:var(--radius-xs);opacity:.8;width:100%;min-height:0}.chart-bar .allowed{background:var(--ok)}.chart-bar .tainted{background:var(--info)}.chart-bar .held{background:var(--amber)}.chart-bar .blocked{background:var(--red)}.chart-axis{color:var(--text-3);font-variant-numeric:tabular-nums;justify-content:space-between;padding-top:7px;font-size:10px;display:flex}.page-footnote{color:var(--text-3);margin:16px 0 0;font-size:11px}.event-table td{height:58px}.event-table{min-width:720px}.event-table .cell-sub{margin-top:3px;font-size:10px}.activity-search{flex:1;min-width:180px}.activity-toolbar .select{width:auto;max-width:180px}.activity-search .input{padding-right:34px}.activity-kbd{pointer-events:none;opacity:.8;position:absolute;right:8px}.activity-search:focus-within .activity-kbd{display:none}.activity-chip-row{flex-wrap:wrap;gap:8px;margin:-4px 0 14px;display:flex}.activity-chip{border:1px solid var(--border);border-radius:var(--radius-pill);background:var(--surface);align-items:center;gap:8px;max-width:100%;padding:3px 4px 3px 10px;font-size:11.5px;display:inline-flex}.activity-chip .mono{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.meta-copy{align-items:flex-start;gap:6px;display:flex}.meta-copy .btn{opacity:.65;flex-shrink:0;margin-top:-3px}.meta-copy .btn:hover,.meta-copy .btn:focus-visible{opacity:1}.spinning{animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=1100px){.metric-grid .stat:nth-child(2){border-right:0}.metric-grid .stat:nth-child(-n+2){border-bottom:1px solid var(--border)}}@media (width<=880px){.main.flush{overflow-y:auto}.page{padding:24px}.app{grid-template-columns:210px minmax(0,1fr)}.topbar,.demo-strip{padding-left:20px;padding-right:20px}.page-header{flex-wrap:wrap;align-items:flex-start;gap:16px}.activity-toolbar{flex-wrap:wrap}.connection-label{display:none}}@media (width<=680px){.app{grid-template-columns:minmax(0,1fr);height:100dvh}.sidebar{z-index:51;visibility:hidden;width:236px;transition:transform .16s var(--ease);position:fixed;inset:0 auto 0 0;transform:translate(-100%)}.nav-open .sidebar{visibility:visible;transform:none}.nav-backdrop{background:var(--scrim);z-index:50;border:0;display:block;position:fixed;inset:0}.mobile-toggle{display:inline-flex}.topbar{gap:8px;padding:0 12px}.repo-link{display:none}.demo-strip{gap:8px;padding:0 16px;font-size:10px}.preview-label{font-size:8px}.page{padding:22px 16px 40px}.page-title{font-size:22px}.page-actions{flex-wrap:wrap}.grid-2{grid-template-columns:1fr}.metric-grid .stat{padding:16px}.metric-grid .stat-value{font-size:26px}.metric-grid .stat-hint{line-height:1.5}.overview-context{align-items:flex-start;gap:12px;margin-top:24px}.overview-context>.subtle{text-align:right;max-width:130px;font-size:10px}.activity-toolbar .select{flex:1;min-width:0;max-width:none}.activity-search{flex-basis:100%}.toast{min-width:0;max-width:calc(100vw - 36px)}.card-footer{flex-wrap:wrap;gap:8px}.table th,.table td{padding-left:12px;padding-right:12px}}.switch:disabled{opacity:.5;cursor:default}