.grid-shell{overflow-x:auto;border:1px solid var(--hairline);border-radius:var(--radius-soft);background:var(--surface-1)}.grid{width:100%;border-collapse:collapse;font-family:var(--font-data);font-size:var(--text-data);white-space:nowrap}.grid thead th{position:sticky;top:0;z-index:2;background:var(--surface-2);border-bottom:1px solid var(--hairline);padding:0;text-align:left;font-weight:500}.grid-sort{display:flex;align-items:center;gap:var(--space-hair);width:100%;padding:var(--space-tight) var(--space-row);color:var(--text-muted);font-family:var(--font-ui);font-size:var(--text-micro);letter-spacing:.08em;text-transform:uppercase;transition:color var(--duration-fast) var(--ease-out-expo)}.grid-sort:hover{color:var(--text-primary)}.grid-sort-mark{color:var(--signal);min-width:.75rem}.grid tbody td{padding:var(--space-row);border-bottom:1px solid oklch(from var(--hairline) l c h / .5);color:var(--text-secondary)}.grid tbody tr[data-clickable]{transition:background var(--duration-fast) var(--ease-out-expo)}.grid tbody tr[data-clickable]:hover{background:var(--surface-2);cursor:pointer}.grid tbody tr[data-clickable]:hover td{color:var(--text-primary)}.grid tbody tr.is-selected td:first-child{box-shadow:inset 2px 0 0 var(--signal)}.grid tbody tr.is-selected td{background:var(--surface-2);color:var(--text-primary)}.grid .is-right{text-align:right}.grid-state{margin:0;padding:var(--space-block);color:var(--text-muted);font-size:var(--text-data);text-align:center}.selector{display:flex;flex-direction:column;gap:var(--space-tight)}.selector-form{display:flex;align-items:stretch;border:1px solid var(--hairline);border-radius:var(--radius-soft);background:var(--surface-1);transition:border-color var(--duration-fast) var(--ease-out-expo)}.selector-form:focus-within{border-color:var(--accent)}.selector-label{display:flex;align-items:center;padding:0 var(--space-row);border-right:1px solid var(--hairline);background:var(--surface-2);color:var(--text-muted);font-size:var(--text-micro);letter-spacing:.1em;text-transform:uppercase}.selector-input{flex:1;min-width:0;padding:var(--space-tight) var(--space-row);border:none;background:none;font-family:var(--font-data);font-size:var(--text-data)}.selector-input:focus{outline:none}.selector-input::placeholder{color:var(--text-muted)}.selector-run{padding:0 var(--space-block);border-left:1px solid var(--hairline);color:var(--signal);font-size:var(--text-micro);letter-spacing:.08em;text-transform:uppercase;transition:background var(--duration-fast) var(--ease-out-expo)}.selector-run:hover:not(:disabled){background:var(--surface-2)}.selector-run:disabled{color:var(--text-muted);cursor:progress}.selector-hints{display:flex;flex-wrap:wrap;gap:var(--space-hair);margin:0;padding:0;list-style:none}.selector-hints button{padding:2px var(--space-tight);border:1px solid transparent;border-radius:var(--radius-sharp);background:var(--surface-1);color:var(--text-muted);font-family:var(--font-data);font-size:var(--text-micro);transition:color var(--duration-fast) var(--ease-out-expo),border-color var(--duration-fast) var(--ease-out-expo)}.selector-hints button:hover{border-color:var(--hairline);color:var(--signal)}.status{display:inline-flex;align-items:center;gap:var(--space-hair);font-size:var(--text-micro);letter-spacing:.06em;text-transform:uppercase}.status-dot{width:6px;height:6px;border-radius:50%;background:var(--text-muted)}.status[data-state=live] .status-dot{background:var(--signal);animation:status-pulse 2.4s var(--ease-out-expo) infinite}.status[data-state=live] .status-label{color:var(--signal)}.status[data-state=stale] .status-dot{background:var(--warn)}.status[data-state=stale] .status-label{color:var(--warn)}.status[data-state=down] .status-dot{background:var(--alarm)}.status[data-state=down] .status-label{color:var(--alarm)}.status[data-state=idle] .status-label{color:var(--text-muted)}@keyframes status-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(.82)}}.inspector{display:flex;flex-direction:column;width:340px;flex-shrink:0;border-left:1px solid var(--hairline);background:var(--surface-1);overflow-y:auto}.inspector-head{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:var(--space-tight);padding:var(--space-block) var(--space-block) var(--space-tight);background:var(--surface-1);border-bottom:1px solid var(--hairline)}.inspector-title{font-size:var(--text-section);font-family:var(--font-data);overflow-wrap:anywhere}.inspector-close{flex-shrink:0;padding:var(--space-hair) var(--space-tight);border-radius:var(--radius-sharp);color:var(--text-muted);transition:color var(--duration-fast) var(--ease-out-expo)}.inspector-close:hover{color:var(--alarm)}.inspector-fields{margin:0;padding:var(--space-tight) var(--space-block) var(--space-region)}.inspector-field{display:grid;grid-template-columns:116px 1fr;gap:var(--space-tight);padding:var(--space-tight) 0;border-bottom:1px solid oklch(from var(--hairline) l c h / .4)}.inspector-field dt{color:var(--text-muted);font-size:var(--text-micro);letter-spacing:.04em;text-transform:uppercase;overflow-wrap:anywhere}.inspector-field dd{margin:0;color:var(--text-primary);font-family:var(--font-data);font-size:var(--text-data);overflow-wrap:anywhere}.shell{display:flex;flex-direction:column;height:100%;position:relative;z-index:2}.topbar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-block);height:var(--header-height);padding:0 var(--space-block);border-bottom:1px solid var(--hairline);background:var(--surface-1);flex-shrink:0}.brand{display:flex;align-items:baseline;gap:var(--space-tight)}.brand-mark{align-self:center;width:8px;height:8px;border-radius:50%;background:var(--signal);box-shadow:0 0 0 3px oklch(from var(--signal) l c h / .16)}.brand-name{font-size:var(--text-section);font-weight:600;letter-spacing:-.02em}.brand-sub{color:var(--text-muted);font-family:var(--font-data);font-size:var(--text-micro);letter-spacing:.1em;text-transform:uppercase}.token{display:flex;align-items:stretch;border:1px solid var(--hairline);border-radius:var(--radius-soft);overflow:hidden;transition:border-color var(--duration-fast) var(--ease-out-expo)}.token:focus-within{border-color:var(--accent)}.token-label{display:flex;align-items:center;padding:0 var(--space-tight);background:var(--surface-2);color:var(--text-muted);font-size:var(--text-micro);letter-spacing:.1em;text-transform:uppercase}.token-input{width:190px;padding:var(--space-hair) var(--space-tight);border:none;background:var(--surface-1);font-family:var(--font-data);font-size:var(--text-data)}.token-input:focus{outline:none}.body{display:flex;flex:1;min-height:0}.sidebar{display:flex;flex-direction:column;gap:var(--space-block);width:var(--sidebar-width);flex-shrink:0;padding:var(--space-block) var(--space-tight);border-right:1px solid var(--hairline);background:var(--surface-1);overflow-y:auto}.nav-group-title{margin:0 0 var(--space-hair);padding:0 var(--space-row);color:var(--text-muted);font-size:var(--text-micro);letter-spacing:.14em;text-transform:uppercase}.nav-list{margin:0;padding:0;list-style:none}.nav-item{display:block;width:100%;padding:var(--space-tight) var(--space-row);border-radius:var(--radius-sharp);color:var(--text-secondary);text-align:left;transition:background var(--duration-fast) var(--ease-out-expo),color var(--duration-fast) var(--ease-out-expo)}.nav-item:hover{background:var(--surface-2);color:var(--text-primary)}.nav-item[data-active]{background:var(--surface-2);color:var(--text-primary);box-shadow:inset 2px 0 0 var(--signal)}.content{flex:1;min-width:0;padding:var(--space-block) var(--space-region);overflow-y:auto}.view{display:flex;flex-direction:column;gap:var(--space-block);max-width:100%}.view-head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-block);flex-wrap:wrap}.view-title{font-size:var(--text-hero);letter-spacing:-.03em}.view-note{margin:var(--space-hair) 0 0;max-width:62ch;color:var(--text-muted);font-size:var(--text-data)}.view-count{font-family:var(--font-data);font-size:var(--text-hero);color:var(--signal-dim);line-height:1}.view-error{margin:0;padding:var(--space-row) var(--space-block);border-left:2px solid var(--alarm);border-radius:var(--radius-sharp);background:oklch(from var(--alarm) l c h / .1);color:var(--alarm);font-family:var(--font-data);font-size:var(--text-data)}.window-picker{display:flex;border:1px solid var(--hairline);border-radius:var(--radius-soft);overflow:hidden}.window-picker button{padding:var(--space-hair) var(--space-row);border-right:1px solid var(--hairline);color:var(--text-muted);font-size:var(--text-micro);letter-spacing:.06em;text-transform:uppercase;transition:background var(--duration-fast) var(--ease-out-expo),color var(--duration-fast) var(--ease-out-expo)}.window-picker button:last-child{border-right:none}.window-picker button:hover{color:var(--text-primary)}.window-picker button[data-active]{background:var(--surface-2);color:var(--signal)}@media (max-width: 1100px){.inspector{display:none}}@media (max-width: 760px){.body{flex-direction:column}.sidebar{width:100%;flex-direction:row;gap:var(--space-block);overflow-x:auto;border-right:none;border-bottom:1px solid var(--hairline)}.nav-list{display:flex;gap:var(--space-hair)}.nav-item{white-space:nowrap}.content{padding:var(--space-block) var(--space-row)}}:root{color-scheme:dark;--ground: oklch(16% .012 250);--surface-1: oklch(20% .014 250);--surface-2: oklch(24% .016 250);--surface-raised: oklch(28% .018 250);--hairline: oklch(32% .016 250);--text-primary: oklch(94% .008 250);--text-secondary: oklch(72% .012 250);--text-muted: oklch(54% .014 250);--signal: oklch(78% .16 165);--signal-dim: oklch(52% .1 165);--alarm: oklch(70% .19 25);--warn: oklch(80% .15 75);--accent: oklch(72% .15 250);--text-hero: clamp(1.5rem, 1.1rem + 1.6vw, 2.25rem);--text-section: clamp(.95rem, .9rem + .2vw, 1.05rem);--text-body: .875rem;--text-data: .8125rem;--text-micro: .6875rem;--space-hair: .25rem;--space-tight: .5rem;--space-row: .625rem;--space-block: 1.25rem;--space-region: clamp(1.5rem, 1rem + 2vw, 3rem);--radius-sharp: 2px;--radius-soft: 6px;--duration-fast: .12s;--duration-normal: .24s;--ease-out-expo: cubic-bezier(.16, 1, .3, 1);--font-ui: ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--font-data: ui-monospace, "SF Mono", "JetBrains Mono", Menlo, monospace;--sidebar-width: 216px;--header-height: 52px}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--ground);color:var(--text-primary);font-family:var(--font-ui);font-size:var(--text-body);line-height:1.5;-webkit-font-smoothing:antialiased}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:1;background:repeating-linear-gradient(to bottom,transparent 0 3px,oklch(100% 0 0 / .012) 3px 4px)}h1,h2,h3{margin:0;font-weight:600;letter-spacing:-.015em}button{font:inherit;color:inherit;border:none;background:none;cursor:pointer}input,textarea{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}