:root{--paper: oklch(.969 .004 258);--rail: oklch(1 0 0);--rail-hover: oklch(.961 .005 258);--surface: oklch(1 0 0);--surface-2: oklch(.961 .005 258);--surface-3: oklch(.933 .006 258);--surface-sunken: oklch(.974 .004 258);--border: oklch(.896 .006 258);--border-strong: oklch(.812 .009 258);--ink: oklch(.215 .014 258);--ink-2: oklch(.435 .013 258);--ink-3: oklch(.578 .012 258);--accent: oklch(.53 .19 255);--accent-hover: oklch(.465 .185 255);--accent-ink: oklch(.995 0 0);--accent-soft: oklch(.53 .19 255 / .09);--accent-soft-hover: oklch(.53 .19 255 / .15);--accent-line: oklch(.53 .19 255 / .3);--h-slate: oklch(.5 .028 258);--h-slate-soft: oklch(.5 .028 258 / .1);--h-slate-line: oklch(.5 .028 258 / .26);--h-cyan: oklch(.52 .135 225);--h-cyan-soft: oklch(.52 .135 225 / .11);--h-cyan-line: oklch(.52 .135 225 / .3);--h-green: oklch(.5 .135 152);--h-green-soft: oklch(.5 .135 152 / .11);--h-green-line: oklch(.5 .135 152 / .3);--h-red: oklch(.545 .205 25);--h-red-soft: oklch(.545 .205 25 / .1);--h-red-line: oklch(.545 .205 25 / .3);--h-red-ink: oklch(.995 0 0);--h-amber: oklch(.53 .13 78);--h-amber-soft: oklch(.62 .15 78 / .14);--h-amber-line: oklch(.6 .14 78 / .34);--h-violet: oklch(.51 .19 300);--h-violet-soft: oklch(.51 .19 300 / .1);--h-violet-line: oklch(.51 .19 300 / .3);--h-teal: oklch(.5 .105 185);--h-teal-soft: oklch(.5 .105 185 / .12);--h-teal-line: oklch(.5 .105 185 / .3);--h-indigo: oklch(.5 .175 275);--h-indigo-soft: oklch(.5 .175 275 / .1);--h-indigo-line: oklch(.5 .175 275 / .3);--h-pink: oklch(.55 .2 340);--h-pink-soft: oklch(.55 .2 340 / .1);--h-pink-line: oklch(.55 .2 340 / .3);--shadow-1: 0 1px 2px oklch(.22 .02 258 / .07), 0 1px 1px oklch(.22 .02 258 / .05);--shadow-2: 0 2px 4px oklch(.22 .02 258 / .06), 0 8px 20px oklch(.22 .02 258 / .1);--shadow-3: 0 4px 10px oklch(.22 .02 258 / .09), 0 28px 60px oklch(.22 .02 258 / .17);--scrim: oklch(.24 .02 258 / .4);--skel-a: oklch(.932 .006 258);--skel-b: oklch(.972 .004 258);--ambient: none;color-scheme:light}[data-theme=dark]{--paper: oklch(.106 .014 258);--rail: oklch(.132 .013 258);--rail-hover: oklch(.188 .013 258);--surface: oklch(.186 .013 258);--surface-2: oklch(.228 .013 258);--surface-3: oklch(.272 .014 258);--surface-sunken: oklch(.143 .013 258);--border: oklch(.268 .012 258);--border-strong: oklch(.362 .014 258);--ink: oklch(.972 .004 258);--ink-2: oklch(.782 .009 258);--ink-3: oklch(.638 .012 258);--accent: oklch(.665 .175 255);--accent-hover: oklch(.735 .16 255);--accent-ink: oklch(.16 .03 255);--accent-soft: oklch(.665 .175 255 / .16);--accent-soft-hover: oklch(.665 .175 255 / .24);--accent-line: oklch(.665 .175 255 / .4);--h-slate: oklch(.73 .025 258);--h-slate-soft: oklch(.73 .025 258 / .14);--h-slate-line: oklch(.73 .025 258 / .3);--h-cyan: oklch(.775 .115 225);--h-cyan-soft: oklch(.775 .115 225 / .16);--h-cyan-line: oklch(.775 .115 225 / .34);--h-green: oklch(.775 .145 152);--h-green-soft: oklch(.775 .145 152 / .15);--h-green-line: oklch(.775 .145 152 / .32);--h-red: oklch(.7 .185 25);--h-red-soft: oklch(.7 .185 25 / .17);--h-red-line: oklch(.7 .185 25 / .36);--h-red-ink: oklch(.16 .03 25);--h-amber: oklch(.815 .135 78);--h-amber-soft: oklch(.815 .135 78 / .15);--h-amber-line: oklch(.815 .135 78 / .32);--h-violet: oklch(.735 .15 300);--h-violet-soft: oklch(.735 .15 300 / .16);--h-violet-line: oklch(.735 .15 300 / .34);--h-teal: oklch(.775 .1 185);--h-teal-soft: oklch(.775 .1 185 / .15);--h-teal-line: oklch(.775 .1 185 / .32);--h-indigo: oklch(.715 .145 275);--h-indigo-soft: oklch(.715 .145 275 / .17);--h-indigo-line: oklch(.715 .145 275 / .36);--h-pink: oklch(.735 .16 340);--h-pink-soft: oklch(.735 .16 340 / .16);--h-pink-line: oklch(.735 .16 340 / .34);--shadow-1: 0 1px 2px oklch(0 0 0 / .36);--shadow-2: 0 2px 6px oklch(0 0 0 / .42), 0 10px 28px oklch(0 0 0 / .36);--shadow-3: 0 4px 10px oklch(0 0 0 / .46), 0 28px 64px oklch(0 0 0 / .5);--scrim: oklch(0 0 0 / .66);--skel-a: oklch(.228 .013 258);--skel-b: oklch(.292 .014 258);--ambient: radial-gradient( 128% 62% at 50% -12%, oklch(.66 .175 255 / .09), transparent 62% );color-scheme:dark}:root{--font-display: "Geist", ui-sans-serif, system-ui, sans-serif;--font-body: "Geist", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono: "Geist Mono", ui-monospace, "SF Mono", Menlo, monospace;--track-display: -.032em;--track-title: -.021em;--track-tight: -.011em;--track-caps: .075em;--t-2xs: .6875rem;--t-xs: .75rem;--t-sm: .8125rem;--t-base: .875rem;--t-md: 1rem;--t-lg: 1.125rem;--t-xl: 1.375rem;--t-2xl: 1.75rem;--t-3xl: 2.25rem;--s1: 4px;--s2: 8px;--s3: 12px;--s4: 16px;--s5: 24px;--s6: 32px;--s7: 48px;--s8: 64px;--r-xs: 4px;--r-sm: 6px;--r-md: 8px;--r-lg: 12px;--r-xl: 16px;--r-pill: 999px;--topbar-h: 74px;--ring: 0 0 0 2px var(--paper), 0 0 0 4px var(--accent);--ring-inset: 0 0 0 1px var(--accent), 0 0 0 3px var(--accent-soft);--z-sticky: 100;--z-savebar: 150;--z-backdrop: 200;--z-drawer: 210;--z-dialog: 260;--z-toast: 300;--ease: cubic-bezier(.22, 1, .36, 1);--ease-out: cubic-bezier(.16, 1, .3, 1);--dur-1: .12s;--dur-2: .18s;--dur-3: .28s;--view: var(--h-cyan);--view-soft: var(--h-cyan-soft);--view-line: var(--h-cyan-line)}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}html,body{overflow-x:clip}body{margin:0;background-color:var(--paper);background-image:var(--ambient);background-attachment:fixed;background-repeat:no-repeat;color:var(--ink);font-family:var(--font-body);font-size:var(--t-base);line-height:1.5;font-synthesis:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1,h2,h3,h4{margin:0;font-family:var(--font-display);font-weight:600;letter-spacing:var(--track-tight)}p{margin:0}::selection{background:var(--accent-soft-hover)}.mono{font-family:var(--font-mono);font-size:.95em;font-feature-settings:"tnum" 1}.tnum{font-variant-numeric:tabular-nums}.muted{color:var(--ink-3)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);border:0}[data-hue=slate]{--view: var(--h-slate);--view-soft: var(--h-slate-soft);--view-line: var(--h-slate-line)}[data-hue=cyan]{--view: var(--h-cyan);--view-soft: var(--h-cyan-soft);--view-line: var(--h-cyan-line)}[data-hue=green]{--view: var(--h-green);--view-soft: var(--h-green-soft);--view-line: var(--h-green-line)}[data-hue=red]{--view: var(--h-red);--view-soft: var(--h-red-soft);--view-line: var(--h-red-line)}[data-hue=amber]{--view: var(--h-amber);--view-soft: var(--h-amber-soft);--view-line: var(--h-amber-line)}[data-hue=violet]{--view: var(--h-violet);--view-soft: var(--h-violet-soft);--view-line: var(--h-violet-line)}[data-hue=teal]{--view: var(--h-teal);--view-soft: var(--h-teal-soft);--view-line: var(--h-teal-line)}[data-hue=indigo]{--view: var(--h-indigo);--view-soft: var(--h-indigo-soft);--view-line: var(--h-indigo-line)}[data-hue=pink]{--view: var(--h-pink);--view-soft: var(--h-pink-soft);--view-line: var(--h-pink-line)}.app{display:grid;grid-template-columns:244px minmax(0,1fr);height:100vh;overflow:hidden}.sidebar{background:var(--rail);border-right:1px solid var(--border);padding:var(--s4) var(--s3) var(--s3);display:flex;flex-direction:column;min-height:0}.brand{display:flex;align-items:center;gap:var(--s3);padding:var(--s1) var(--s2) var(--s5)}.brand-mark{width:30px;height:30px;flex-shrink:0;object-fit:contain}.brand-name{font-family:var(--font-display);font-size:var(--t-base);font-weight:700;letter-spacing:var(--track-title);line-height:1.2;min-width:0}.brand-name small{display:block;font-family:var(--font-body);color:var(--ink-3);font-weight:500;font-size:var(--t-2xs);letter-spacing:.04em;text-transform:uppercase;margin-top:2px}.dev-badge{margin-left:auto;font-family:var(--font-mono);font-size:var(--t-2xs);font-weight:700;letter-spacing:.06em;color:var(--h-amber);background:var(--h-amber-soft);border:1px solid var(--h-amber-line);padding:2px 6px;border-radius:var(--r-xs);flex-shrink:0}.nav{display:flex;flex-direction:column;gap:2px;flex:1 1 auto;overflow-y:auto;min-height:0}.nav-group-label{font-size:var(--t-2xs);font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);padding:var(--s4) var(--s3) var(--s2)}.nav-group-label:first-child{padding-top:0}.nav-item{display:flex;align-items:center;gap:var(--s3);background:none;border:none;color:var(--ink-2);text-align:left;padding:7px var(--s3);border-radius:var(--r-sm);cursor:pointer;font-size:var(--t-base);font-family:inherit;font-weight:500;transition:background var(--dur-1) var(--ease),color var(--dur-1) var(--ease)}.nav-item:hover{background:var(--rail-hover);color:var(--ink)}.nav-item.active{background:var(--view-soft);color:var(--view);font-weight:600}.nav-item .ico{width:16px;height:16px;flex-shrink:0}.nav-item .label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-item .count{margin-left:auto;font-family:var(--font-mono);font-size:var(--t-2xs);font-weight:500;font-variant-numeric:tabular-nums;color:var(--ink-2);background:var(--surface-2);border:1px solid var(--border);padding:0 6px;border-radius:var(--r-pill);flex-shrink:0}.nav-item.active .count{color:var(--view);background:var(--surface);border-color:var(--view-line)}.nav-item .count.alert{color:var(--h-red);background:var(--h-red-soft);border-color:var(--h-red-line)}.sidebar-foot{margin-top:auto;padding-top:var(--s4);display:flex;flex-direction:column;gap:var(--s2)}.sidebar-util{display:flex;gap:var(--s2)}.sidebar-util .btn{flex:1;justify-content:center}.cap-switch{position:relative}.cap-ico{display:grid;place-items:center;width:28px;height:28px;flex-shrink:0;border-radius:var(--r-sm);background:var(--accent-soft);color:var(--accent)}.cap-text{display:flex;flex-direction:column;min-width:0;line-height:1.25}.cap-caption{font-size:var(--t-2xs);color:var(--ink-3);letter-spacing:.04em;text-transform:uppercase}.cap-name{font-size:var(--t-sm);font-weight:600;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cap-trigger{display:flex;align-items:center;gap:var(--s3);width:100%;padding:var(--s2);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-md);cursor:pointer;font-family:inherit;text-align:left;transition:border-color var(--dur-1) var(--ease),background var(--dur-1) var(--ease)}.cap-trigger:hover{background:var(--surface-3);border-color:var(--border-strong)}.cap-trigger.open{border-color:var(--accent);background:var(--surface)}.cap-chev{margin-left:auto;flex-shrink:0;color:var(--ink-3);transition:transform var(--dur-2) var(--ease)}.cap-trigger.open .cap-chev{transform:rotate(180deg)}.cap-menu{position:absolute;bottom:calc(100% + var(--s2));left:0;right:0;display:flex;flex-direction:column;gap:2px;padding:var(--s1);background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--r-md);box-shadow:var(--shadow-3);z-index:var(--z-sticky);animation:pop-up var(--dur-2) var(--ease)}@keyframes pop-up{0%{opacity:0;transform:translateY(4px)}}.cap-option{display:flex;align-items:center;gap:var(--s3);padding:var(--s2);background:none;border:none;border-radius:var(--r-sm);cursor:pointer;font-family:inherit;text-align:left;color:var(--ink-2);transition:background var(--dur-1) var(--ease)}.cap-option:hover{background:var(--rail-hover)}.cap-option.active .cap-name{color:var(--accent)}.cap-check{margin-left:auto;flex-shrink:0;color:var(--accent)}.theme-toggle{display:inline-grid;grid-auto-flow:column;gap:2px;padding:3px;background:var(--surface-sunken);border:1px solid var(--border);border-radius:var(--r-md)}.theme-opt{display:grid;place-items:center;width:30px;height:24px;border:none;background:none;border-radius:var(--r-xs);color:var(--ink-3);cursor:pointer;transition:background var(--dur-1) var(--ease),color var(--dur-1) var(--ease)}.theme-opt:hover{color:var(--ink)}.theme-opt[aria-checked=true]{background:var(--surface);color:var(--accent);box-shadow:var(--shadow-1)}.content{display:flex;flex-direction:column;min-width:0;min-height:0}.topbar{display:flex;align-items:center;gap:var(--s4);padding:var(--s4) var(--s6);border-bottom:1px solid var(--border);background:var(--rail);position:sticky;top:0;z-index:var(--z-sticky)}.topbar:before{content:"";position:absolute;left:0;top:var(--s4);bottom:var(--s4);width:3px;border-radius:0 3px 3px 0;background:var(--view)}.topbar h2{font-size:var(--t-xl);font-weight:700;letter-spacing:var(--track-title);line-height:1.15}.topbar .sub{color:var(--ink-3);font-size:var(--t-sm);margin-top:3px}.topbar-spacer{flex:1}.topbar-actions{display:flex;align-items:center;gap:var(--s2);flex-wrap:wrap;justify-content:flex-end}.scroll{flex:1;overflow:auto;padding:var(--s6);scroll-padding-bottom:var(--s8)}.view{max-width:1240px;margin:0 auto;display:flex;flex-direction:column;gap:var(--s6);padding-bottom:var(--s6)}.section{display:flex;flex-direction:column;gap:var(--s3)}.section-title{font-size:var(--t-2xs);font-weight:600;color:var(--ink-2);text-transform:uppercase;letter-spacing:.08em;display:flex;align-items:center;gap:var(--s2)}.section-title:before{content:"";width:6px;height:6px;border-radius:2px;background:var(--view);flex-shrink:0}.live-dot{width:7px;height:7px;border-radius:50%;background:var(--h-green);position:relative;flex-shrink:0}.live-dot:after{content:"";position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border-radius:50%;border:1px solid var(--h-green);opacity:0;animation:ping 2s var(--ease) infinite}@keyframes ping{0%{transform:scale(.6);opacity:.7}80%,to{transform:scale(1.8);opacity:0}}.refresh-meta{display:flex;align-items:center;gap:var(--s2);color:var(--ink-3);font-size:var(--t-xs);white-space:nowrap}.tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(178px,100%),1fr));gap:var(--s3)}.tile{--tone: var(--view);--tone-soft: var(--view-soft);--tone-line: var(--view-line);position:relative;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:var(--s4);display:flex;flex-direction:column;gap:var(--s3);text-align:left;transition:border-color var(--dur-2) var(--ease),transform var(--dur-2) var(--ease),box-shadow var(--dur-2) var(--ease)}.tile.clickable{cursor:pointer;font:inherit;color:inherit}.tile.clickable:hover{border-color:var(--tone-line);transform:translateY(-1px);box-shadow:var(--shadow-2)}.tile.clickable:active{transform:translateY(0)}.tile-head{display:flex;align-items:center;gap:var(--s2);color:var(--ink-2);font-size:var(--t-2xs);font-weight:600;text-transform:uppercase;letter-spacing:.07em}.tile-ico{display:grid;place-items:center;width:20px;height:20px;border-radius:var(--r-xs);background:var(--tone-soft);color:var(--tone);flex-shrink:0}.tile-value{font-family:var(--font-display);font-size:var(--t-2xl);font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:var(--track-display);line-height:1;color:var(--ink)}.tile-value.toned{color:var(--tone)}.tile-value.dim{color:var(--ink-3)}.tile-sub{font-size:var(--t-xs);color:var(--ink-3);margin-top:auto}.tile-accent{width:7px;height:7px;border-radius:50%;background:var(--tone);flex-shrink:0}.tone-slate{--tone: var(--h-slate);--tone-soft: var(--h-slate-soft);--tone-line: var(--h-slate-line)}.tone-cyan{--tone: var(--h-cyan);--tone-soft: var(--h-cyan-soft);--tone-line: var(--h-cyan-line)}.tone-green{--tone: var(--h-green);--tone-soft: var(--h-green-soft);--tone-line: var(--h-green-line)}.tone-red{--tone: var(--h-red);--tone-soft: var(--h-red-soft);--tone-line: var(--h-red-line)}.tone-amber{--tone: var(--h-amber);--tone-soft: var(--h-amber-soft);--tone-line: var(--h-amber-line)}.tone-violet{--tone: var(--h-violet);--tone-soft: var(--h-violet-soft);--tone-line: var(--h-violet-line)}.tone-teal{--tone: var(--h-teal);--tone-soft: var(--h-teal-soft);--tone-line: var(--h-teal-line)}.tone-indigo{--tone: var(--h-indigo);--tone-soft: var(--h-indigo-soft);--tone-line: var(--h-indigo-line)}.tone-pink{--tone: var(--h-pink);--tone-soft: var(--h-pink-soft);--tone-line: var(--h-pink-line)}.tile.s-processing .tile-accent{animation:blink 1.6s var(--ease) infinite}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);overflow:hidden}.panel-head{display:flex;align-items:center;gap:var(--s3);padding:var(--s4) var(--s5);border-bottom:1px solid var(--border);background:var(--surface);flex-wrap:wrap}.panel-head h3{font-size:var(--t-md);font-weight:600;letter-spacing:var(--track-tight)}.panel-head .sub{color:var(--ink-3);font-size:var(--t-sm);margin-top:2px;max-width:78ch}.panel-actions{margin-left:auto;display:flex;align-items:center;gap:var(--s2);flex-wrap:wrap}.panel-body{padding:var(--s5)}.panel-body.flush{padding:0}.grid-2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--s5);align-items:start}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:var(--t-sm)}thead th{position:sticky;top:0;z-index:1;text-align:left;padding:var(--s2) var(--s5);color:var(--ink-2);font-weight:600;font-size:var(--t-2xs);text-transform:uppercase;letter-spacing:.07em;background:var(--surface-sunken);border-bottom:1px solid var(--border);white-space:nowrap}tbody td{padding:var(--s3) var(--s5);border-bottom:1px solid var(--border);vertical-align:middle}tbody tr:last-child td{border-bottom:none}tbody tr.row-click{cursor:pointer;transition:background var(--dur-1) var(--ease)}tbody tr.row-click:hover{background:var(--surface-2)}tbody tr.selected{background:var(--accent-soft)}tbody tr.selected td:first-child{box-shadow:inset 2px 0 0 var(--accent)}td.num,th.num{text-align:right;font-variant-numeric:tabular-nums}td.num{font-family:var(--font-mono);font-size:.95em}td.shrink,th.shrink{width:1%;white-space:nowrap}table.dense thead th,table.dense tbody td{padding-left:var(--s3);padding-right:var(--s3)}table.dense thead th:first-child,table.dense tbody td:first-child{padding-left:var(--s5)}table.dense thead th:last-child,table.dense tbody td:last-child{padding-right:var(--s5)}.cell-err{color:var(--h-red);max-width:360px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.row-actions{display:flex;gap:var(--s1);justify-content:flex-end}.badge,.pill{display:inline-flex;align-items:center;gap:6px;padding:2px 9px;border-radius:var(--r-pill);font-size:var(--t-xs);font-weight:550;white-space:nowrap;line-height:1.6;border:1px solid transparent}.badge .dot{width:6px;height:6px;border-radius:50%;flex-shrink:0;background:currentColor}.badge.queued,.badge.pending,.pill-neutral{background:var(--h-slate-soft);border-color:var(--h-slate-line);color:var(--h-slate)}.badge.processing,.badge.active,.pill-live{background:var(--h-cyan-soft);border-color:var(--h-cyan-line);color:var(--h-cyan)}.badge.processing .dot,.badge.active .dot{animation:blink 1.4s var(--ease) infinite}.badge.done,.badge.delivered,.badge.completed,.pill-ok{background:var(--h-green-soft);border-color:var(--h-green-line);color:var(--h-green)}.badge.dead_letter,.badge.error,.badge.failed,.pill-bad{background:var(--h-red-soft);border-color:var(--h-red-line);color:var(--h-red)}.badge.warn,.badge.retrying,.badge.draft,.pill-warn{background:var(--h-amber-soft);border-color:var(--h-amber-line);color:var(--h-amber)}.badge.info{background:var(--accent-soft);border-color:var(--accent-line);color:var(--accent)}.badge.debug,.badge.expired,.badge.neutral{background:var(--surface-2);border-color:var(--border);color:var(--ink-2)}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;background:var(--surface-2);color:var(--ink);border:1px solid var(--border-strong);padding:7px 13px;border-radius:var(--r-sm);cursor:pointer;font-size:var(--t-sm);font-family:inherit;font-weight:550;white-space:nowrap;transition:background var(--dur-1) var(--ease),border-color var(--dur-1) var(--ease),color var(--dur-1) var(--ease),transform var(--dur-1) var(--ease)}.btn:hover:not(:disabled){background:var(--surface-3);border-color:var(--ink-3)}.btn:active:not(:disabled){transform:translateY(1px)}.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink);font-weight:600}.btn.primary:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover)}.btn.ghost{background:transparent;border-color:var(--border);color:var(--ink-2)}.btn.ghost:hover:not(:disabled){background:var(--surface-2);border-color:var(--border-strong);color:var(--ink)}.btn.danger{background:transparent;color:var(--h-red);border-color:var(--h-red-line)}.btn.danger:hover:not(:disabled){background:var(--h-red-soft);border-color:var(--h-red)}.btn.sm{padding:4px 10px;font-size:var(--t-xs)}.btn:disabled{opacity:.45;cursor:not-allowed}.icon-btn{background:transparent;border:1px solid var(--border);color:var(--ink-2);width:28px;height:28px;border-radius:var(--r-sm);cursor:pointer;display:grid;place-items:center;flex-shrink:0;transition:background var(--dur-1) var(--ease),color var(--dur-1) var(--ease),border-color var(--dur-1) var(--ease)}.icon-btn:hover:not(:disabled){background:var(--surface-2);border-color:var(--border-strong);color:var(--ink)}.icon-btn.danger:hover:not(:disabled){background:var(--h-red-soft);border-color:var(--h-red-line);color:var(--h-red)}.icon-btn:disabled{opacity:.4;cursor:not-allowed}.toolbar{display:flex;gap:var(--s2);align-items:center;flex-wrap:wrap}.toolbar .grow{flex:1;min-width:180px}.form{display:flex;flex-direction:column;gap:var(--s5)}.form-section+.form-section{margin-top:var(--s5);padding-top:var(--s5);border-top:1px solid var(--border)}.form-section-head{margin-bottom:var(--s4);display:flex;align-items:flex-start;justify-content:space-between;gap:var(--s3)}.form-section-head h4{font-size:var(--t-sm);font-weight:600;color:var(--ink);letter-spacing:-.005em}.form-section-head p{font-size:var(--t-xs);color:var(--ink-3);margin-top:3px;max-width:72ch}.form-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s4);align-items:start}.form-grid[data-cols="1"]{grid-template-columns:minmax(0,1fr)}.form-grid[data-cols="2"]{grid-template-columns:repeat(2,minmax(0,1fr))}@media (max-width: 1080px){.form-grid,.form-grid[data-cols="2"]{grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid[data-cols="1"]{grid-template-columns:minmax(0,1fr)}}@media (max-width: 680px){.form-grid,.form-grid[data-cols="1"],.form-grid[data-cols="2"]{grid-template-columns:minmax(0,1fr)}}.field{display:flex;flex-direction:column;gap:6px;min-width:0}.field.span{grid-column:1 / -1}.field-label{display:flex;align-items:baseline;gap:6px;font-size:var(--t-xs);font-weight:600;color:var(--ink-2);letter-spacing:.005em}.field-req{color:var(--h-red);font-weight:700}.field-opt{font-weight:500;color:var(--ink-3);font-size:var(--t-2xs);text-transform:lowercase;letter-spacing:.02em}.field-hint{font-size:var(--t-xs);color:var(--ink-3);line-height:1.5}.field-error{display:flex;align-items:flex-start;gap:5px;font-size:var(--t-xs);color:var(--h-red);line-height:1.5}.field-error svg{flex-shrink:0;margin-top:2px}.control{display:flex;align-items:stretch;background:var(--surface-sunken);border:1px solid var(--border-strong);border-radius:var(--r-sm);transition:border-color var(--dur-1) var(--ease),background var(--dur-1) var(--ease),box-shadow var(--dur-1) var(--ease);min-width:0}.control:hover:not(:focus-within){border-color:var(--ink-3)}.control:focus-within{background:var(--surface);border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.control[data-invalid=true]{border-color:var(--h-red)}.control[data-invalid=true]:focus-within{box-shadow:0 0 0 3px var(--h-red-soft)}.control input,.control select,.control textarea{flex:1;min-width:0;background:none;border:none;color:var(--ink);font-family:inherit;font-size:var(--t-sm);padding:8px 11px;border-radius:inherit}.control input:focus,.control select:focus,.control textarea:focus,.control input:focus-visible,.control select:focus-visible,.control textarea:focus-visible{outline:none;box-shadow:none}.control input::placeholder,.control textarea::placeholder{color:var(--ink-3);opacity:.75}.control.mono input,.control.mono textarea{font-family:var(--font-mono)}.control input[type=number]{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.control-affix{display:grid;place-items:center;padding:0 10px;font-size:var(--t-xs);font-weight:500;color:var(--ink-3);background:var(--surface-2);white-space:nowrap;-webkit-user-select:none;user-select:none}.control-affix.pre{border-right:1px solid var(--border);border-radius:var(--r-sm) 0 0 var(--r-sm)}.control-affix.post{border-left:1px solid var(--border);border-radius:0 var(--r-sm) var(--r-sm) 0}.control select{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;padding-right:30px}.control.select-wrap{position:relative}.control.select-wrap:after{content:"";position:absolute;right:11px;top:50%;width:7px;height:7px;border-right:1.5px solid var(--ink-3);border-bottom:1.5px solid var(--ink-3);transform:translateY(-70%) rotate(45deg);pointer-events:none}input,select,textarea{background:var(--surface-sunken);color:var(--ink);border:1px solid var(--border-strong);border-radius:var(--r-sm);padding:8px 11px;font-size:var(--t-sm);font-family:inherit;transition:border-color var(--dur-1) var(--ease),background var(--dur-1) var(--ease),box-shadow var(--dur-1) var(--ease)}input:hover,select:hover,textarea:hover{border-color:var(--ink-3)}input:focus,select:focus,textarea:focus{outline:none;background:var(--surface);border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}input::placeholder,textarea::placeholder{color:var(--ink-3);opacity:.75}:focus-visible{outline:none;box-shadow:var(--ring)}.editor{position:relative;border:1px solid var(--border-strong);border-radius:var(--r-md);overflow:hidden;background:var(--surface-sunken);transition:border-color var(--dur-1) var(--ease),box-shadow var(--dur-1) var(--ease)}.editor:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.editor textarea{display:block;width:100%;background:none;border:none;border-radius:0;box-shadow:none;color:var(--ink);font-family:var(--font-mono);font-size:var(--t-sm);line-height:1.7;padding:var(--s4);resize:vertical;min-height:320px;-moz-tab-size:2;tab-size:2}.editor textarea:focus,.editor textarea:focus-visible{outline:none;box-shadow:none}.editor-foot{display:flex;align-items:center;gap:var(--s3);padding:6px var(--s4);border-top:1px solid var(--border);background:var(--surface-2);font-size:var(--t-2xs);color:var(--ink-3);font-family:var(--font-mono)}.editor-foot .spacer{flex:1}.segmented{display:inline-flex;gap:2px;padding:3px;background:var(--surface-sunken);border:1px solid var(--border);border-radius:var(--r-md);max-width:100%;overflow-x:auto;scrollbar-width:none}.segmented::-webkit-scrollbar{display:none}.seg-opt{display:inline-flex;align-items:center;gap:6px;padding:5px 11px;border:none;background:none;border-radius:var(--r-xs);color:var(--ink-2);font-family:inherit;font-size:var(--t-sm);font-weight:500;cursor:pointer;white-space:nowrap;transition:background var(--dur-1) var(--ease),color var(--dur-1) var(--ease)}.seg-opt:hover:not(:disabled):not([aria-checked=true]){color:var(--ink);background:var(--surface-2)}.seg-opt[aria-checked=true]{background:var(--surface);color:var(--accent);font-weight:600;box-shadow:var(--shadow-1)}.seg-opt:disabled{opacity:.4;cursor:not-allowed}.seg-count{font-family:var(--font-mono);font-size:var(--t-2xs);font-variant-numeric:tabular-nums;color:var(--ink-3)}.seg-opt[aria-checked=true] .seg-count{color:var(--accent)}.chips{display:flex;gap:var(--s2);flex-wrap:wrap}.chip{display:inline-flex;align-items:center;gap:6px;padding:5px 11px;border-radius:var(--r-pill);border:1px solid var(--border-strong);background:var(--surface);color:var(--ink-2);font-family:inherit;font-size:var(--t-sm);font-weight:500;cursor:pointer;transition:background var(--dur-1) var(--ease),border-color var(--dur-1) var(--ease),color var(--dur-1) var(--ease)}.chip:hover:not(:disabled){border-color:var(--ink-3);color:var(--ink)}.chip[aria-pressed=true]{background:var(--accent-soft);border-color:var(--accent-line);color:var(--accent);font-weight:600}.chip-check{width:13px;height:13px;flex-shrink:0}.upstreams{display:flex;flex-direction:column;gap:2px;border:1px solid var(--border-strong);border-radius:var(--r-md);background:var(--surface);padding:var(--s2);max-height:264px;overflow-y:auto}.upstream{display:flex;align-items:center;gap:var(--s2);border-radius:var(--r-sm);padding-right:var(--s2)}.upstream:hover{background:var(--surface-2)}.upstream[data-on]{background:var(--accent-soft)}.up-pick{display:flex;align-items:center;gap:var(--s2);flex:1;min-width:0;padding:6px var(--s2);cursor:pointer;font-size:var(--t-sm)}.up-pick input{margin:0;flex-shrink:0;accent-color:var(--accent)}.rate-dot{display:inline-block;width:7px;height:7px;border-radius:50%;margin-left:6px;vertical-align:middle;background:var(--h-green)}.up-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;background:var(--h-slate)}.up-dot.ok{background:var(--h-green)}.up-dot.warn{background:var(--h-amber)}.up-dot.bad{background:var(--h-red)}.up-name{font-weight:550;color:var(--ink);white-space:nowrap}.up-meta{color:var(--ink-3);font-size:var(--t-xs);font-variant-numeric:tabular-nums;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.up-policy{font-size:var(--t-xs);color:var(--ink-3);white-space:nowrap;flex-shrink:0}.up-policy:hover{color:var(--accent)}.savebar{position:sticky;bottom:var(--s4);z-index:var(--z-savebar);display:flex;align-items:center;gap:var(--s4);padding:var(--s3) var(--s3) var(--s3) var(--s5);border:1px solid var(--border-strong);border-radius:var(--r-lg);background:var(--surface);box-shadow:var(--shadow-3);flex-wrap:wrap;animation:savebar-in var(--dur-3) var(--ease-out)}@keyframes savebar-in{0%{opacity:0;transform:translateY(8px)}}.savebar-state{display:flex;align-items:center;gap:var(--s2);font-size:var(--t-sm);font-weight:550;color:var(--ink-2);min-width:0}.savebar-state .dot{width:7px;height:7px;border-radius:50%;background:var(--h-amber);flex-shrink:0}.savebar.clean .savebar-state .dot{background:var(--h-green)}.savebar-blockers{display:flex;align-items:center;gap:var(--s2);flex-wrap:wrap;font-size:var(--t-xs);color:var(--ink-3);min-width:0}.blocker{display:inline-flex;align-items:center;gap:5px;padding:2px 8px;border-radius:var(--r-pill);background:var(--h-amber-soft);border:1px solid var(--h-amber-line);color:var(--h-amber);font-weight:550}.savebar-error{display:flex;align-items:flex-start;gap:6px;font-size:var(--t-xs);color:var(--h-red);max-width:60ch}.savebar-actions{margin-left:auto;display:flex;gap:var(--s2);align-items:center;flex-wrap:wrap}.toast-host{position:fixed;top:calc(var(--topbar-h) + var(--s3));right:var(--s4);z-index:var(--z-toast);display:flex;flex-direction:column;gap:var(--s2);width:min(400px,calc(100vw - var(--s5)));pointer-events:none}.toast{--tone: var(--h-slate);--tone-soft: var(--h-slate-soft);display:flex;align-items:flex-start;gap:var(--s3);padding:var(--s3) var(--s3) var(--s3) var(--s4);background:var(--surface);border:1px solid var(--border-strong);border-left:3px solid var(--tone);border-radius:var(--r-md);box-shadow:var(--shadow-3);pointer-events:auto;animation:toast-in var(--dur-3) var(--ease-out)}.toast.ok{--tone: var(--h-green);--tone-soft: var(--h-green-soft)}.toast.error{--tone: var(--h-red);--tone-soft: var(--h-red-soft)}.toast.info{--tone: var(--accent);--tone-soft: var(--accent-soft)}@keyframes toast-in{0%{opacity:0;transform:translate(12px)}}.toast-ico{display:grid;place-items:center;width:20px;height:20px;border-radius:var(--r-xs);background:var(--tone-soft);color:var(--tone);flex-shrink:0;margin-top:1px}.toast-body{flex:1;min-width:0;font-size:var(--t-sm);color:var(--ink);line-height:1.5;word-break:break-word}.toast-body .toast-detail{display:block;margin-top:3px;font-size:var(--t-xs);color:var(--ink-3)}.scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--scrim);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:var(--z-backdrop);animation:fade var(--dur-2) var(--ease)}@keyframes fade{0%{opacity:0}}.dialog-wrap{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-dialog);display:grid;place-items:center;padding:var(--s4);pointer-events:none}.dialog{width:min(440px,100%);background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--r-xl);box-shadow:var(--shadow-3);pointer-events:auto;overflow:hidden;animation:dialog-in var(--dur-3) var(--ease-out)}@keyframes dialog-in{0%{opacity:0;transform:scale(.97) translateY(6px)}}.dialog-body{padding:var(--s5);display:flex;gap:var(--s4);align-items:flex-start}.dialog-ico{display:grid;place-items:center;width:36px;height:36px;border-radius:var(--r-md);background:var(--h-red-soft);color:var(--h-red);flex-shrink:0}.dialog h3{font-size:var(--t-md);margin-bottom:var(--s2)}.dialog p{font-size:var(--t-sm);color:var(--ink-2);line-height:1.55}.dialog-foot{display:flex;justify-content:flex-end;gap:var(--s2);padding:var(--s3) var(--s5) var(--s5)}.dialog-foot .btn.confirm{background:var(--h-red);border-color:var(--h-red);color:var(--h-red-ink);font-weight:600}.dialog-foot .btn.confirm:hover:not(:disabled){filter:brightness(.94)}.drawer{position:fixed;top:0;right:0;bottom:0;width:min(620px,94vw);background:var(--surface);border-left:1px solid var(--border-strong);box-shadow:var(--shadow-3);z-index:var(--z-drawer);display:flex;flex-direction:column;animation:slide-in var(--dur-3) var(--ease-out)}@keyframes slide-in{0%{transform:translate(20px);opacity:0}}.drawer-head{display:flex;align-items:flex-start;gap:var(--s3);padding:var(--s5);border-bottom:1px solid var(--border)}.drawer-head .title{display:flex;flex-direction:column;align-items:flex-start;gap:var(--s2);min-width:0}.drawer-head h3{font-size:var(--t-sm);font-family:var(--font-mono);font-weight:500;color:var(--ink-2);word-break:break-all}.drawer-head .actions{margin-left:auto;display:flex;gap:var(--s2);flex-shrink:0}.drawer-body{flex:1;overflow:auto;padding:var(--s5);display:flex;flex-direction:column;gap:var(--s5)}.kv{display:grid;grid-template-columns:132px minmax(0,1fr);gap:var(--s2) var(--s4);font-size:var(--t-sm)}.kv dt{color:var(--ink-3);font-size:var(--t-xs);padding-top:1px}.kv dd{margin:0;color:var(--ink);min-width:0;word-break:break-word}.callout{--tone: var(--accent);--tone-soft: var(--accent-soft);padding:var(--s3) var(--s4);border-radius:var(--r-md);background:var(--tone-soft);border:1px solid var(--tone);border-color:color-mix(in oklch,var(--tone) 30%,transparent);font-size:var(--t-sm);line-height:1.55}.callout.warn{--tone: var(--h-amber);--tone-soft: var(--h-amber-soft)}.callout.error{--tone: var(--h-red);--tone-soft: var(--h-red-soft);color:var(--h-red);font-family:var(--font-mono);font-size:var(--t-xs);word-break:break-word}.timeline{display:flex;flex-direction:column;position:relative;padding-left:var(--s5)}.timeline:before{content:"";position:absolute;left:6px;top:10px;bottom:10px;width:1px;background:var(--border-strong)}.tl-item{--tone: var(--h-slate);position:relative;padding:var(--s2) 0 var(--s3);display:flex;flex-direction:column;gap:2px}.tl-item:before{content:"";position:absolute;left:calc(-1 * var(--s5) + 2px);top:13px;width:9px;height:9px;border-radius:50%;background:var(--surface);border:2px solid var(--tone)}.tl-item.lvl-info{--tone: var(--h-cyan)}.tl-item.lvl-error{--tone: var(--h-red)}.tl-item.lvl-warn{--tone: var(--h-amber)}.tl-item.lvl-debug{--tone: var(--h-slate)}.tl-item.lvl-error:before{background:var(--h-red)}.tl-head{display:flex;align-items:baseline;gap:var(--s2);flex-wrap:wrap}.tl-step{font-weight:600;font-size:var(--t-sm)}.tl-type{color:var(--ink-3);font-size:var(--t-xs);font-family:var(--font-mono)}.tl-dur{margin-left:auto;color:var(--ink-3);font-size:var(--t-xs);font-family:var(--font-mono);font-variant-numeric:tabular-nums}.tl-msg{font-size:var(--t-sm);color:var(--ink-2)}.tl-time{font-size:var(--t-2xs);color:var(--ink-3);font-family:var(--font-mono)}.tl-tools{display:flex;gap:5px;flex-wrap:wrap;margin:5px 0 2px}.transcript{display:flex;flex-direction:column;gap:var(--s2)}.tx{display:flex;gap:var(--s3);font-size:var(--t-sm);line-height:1.55}.tx-who{flex:none;width:68px;text-transform:uppercase;font-size:var(--t-2xs);font-weight:600;letter-spacing:.05em;color:var(--ink-3);padding-top:3px}.tx-user .tx-who{color:var(--accent)}.tx-body{white-space:pre-wrap;word-break:break-word;min-width:0}.tx-user .tx-body{font-weight:500}.tx-assistant .tx-body{color:var(--ink-2)}.tx-tool{padding-left:calc(68px + var(--s3))}.skel{background:linear-gradient(90deg,var(--skel-a) 25%,var(--skel-b) 37%,var(--skel-a) 63%);background-size:400% 100%;border-radius:var(--r-sm);animation:shimmer 1.4s ease-in-out infinite}@keyframes shimmer{0%{background-position:100% 0}to{background-position:0 0}}.skel-row{height:14px;margin:var(--s3) var(--s5)}.state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--s2);padding:var(--s7) var(--s4);text-align:center;color:var(--ink-3)}.state-ico{display:grid;place-items:center;width:48px;height:48px;border-radius:var(--r-lg);background:var(--surface-2);border:1px solid var(--border);color:var(--ink-3);margin-bottom:var(--s1)}.state h4{color:var(--ink);font-size:var(--t-base);font-weight:600}.state p{font-size:var(--t-sm);max-width:46ch;line-height:1.55}.state.error .state-ico{background:var(--h-red-soft);border-color:var(--h-red-line);color:var(--h-red)}.state.error h4{color:var(--h-red)}.err{color:var(--h-red);font-size:var(--t-sm)}.spin{width:13px;height:13px;border:2px solid var(--border-strong);border-top-color:currentColor;border-radius:50%;animation:spin .7s linear infinite;flex-shrink:0}@keyframes spin{to{transform:rotate(360deg)}}.legend{display:flex;gap:var(--s4);font-size:var(--t-xs);color:var(--ink-2);flex-wrap:wrap}.legend span{display:inline-flex;align-items:center;gap:6px}.legend i{width:9px;height:9px;border-radius:2px;display:inline-block}.chart-tip{background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--r-sm);padding:var(--s2) var(--s3);box-shadow:var(--shadow-2);font-size:var(--t-xs);font-family:var(--font-mono);font-variant-numeric:tabular-nums;line-height:1.6}.chart-tip .label{color:var(--ink-3);font-size:var(--t-2xs);margin-bottom:2px}.hbars{display:flex;flex-direction:column;gap:var(--s3)}.hbar{display:grid;grid-template-columns:116px minmax(0,1fr) 78px 56px;align-items:center;gap:var(--s3)}.hbar-label{font-family:var(--font-mono);font-size:var(--t-sm);color:var(--ink-2);overflow:hidden;text-overflow:ellipsis}.hbar-track{height:22px;background:var(--surface-sunken);border:1px solid var(--border);border-radius:var(--r-sm);overflow:hidden}.hbar-fill{height:100%;background:var(--view);border-radius:var(--r-sm);transition:width var(--dur-3) var(--ease)}.hbar-value{font-family:var(--font-mono);font-size:var(--t-sm);text-align:right;font-variant-numeric:tabular-nums}.hbar-meta{font-size:var(--t-xs);color:var(--ink-3);font-family:var(--font-mono)}@media (max-width: 680px){.hbar{grid-template-columns:84px minmax(0,1fr) 64px}.hbar-meta{display:none}}.gate{display:grid;place-items:center;min-height:100vh;padding:var(--s4);background:var(--paper)}.gate-card{width:100%;max-width:392px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-xl);padding:var(--s6);display:flex;flex-direction:column;gap:var(--s4);box-shadow:var(--shadow-2)}.gate-card .brand{padding:0 0 var(--s2)}.gate-card h1{font-size:var(--t-xl);font-weight:700;letter-spacing:var(--track-title)}.gate-card .gate-sub{color:var(--ink-3);font-size:var(--t-sm);margin-top:4px}.gate-form{display:flex;flex-direction:column;gap:var(--s4)}@media (max-width: 1000px){.grid-2{grid-template-columns:minmax(0,1fr)}}@media (max-width: 900px){.app{grid-template-columns:62px minmax(0,1fr)}.sidebar{padding-left:var(--s2);padding-right:var(--s2)}.sidebar .brand{justify-content:center;padding-left:0;padding-right:0}.sidebar .brand-name,.sidebar .dev-badge,.nav-item .label,.nav-item .count,.nav-group-label,.cap-text,.cap-chev,.sidebar-util .btn .label{display:none}.nav-item,.cap-trigger,.sidebar-util .btn{justify-content:center;padding-left:0;padding-right:0}.sidebar .theme-toggle{grid-auto-flow:row;justify-self:center}.cap-menu{left:0;right:auto;width:200px}.sidebar-util{flex-direction:column}.scroll,.topbar{padding-left:var(--s4);padding-right:var(--s4)}}@media (max-width: 680px){.topbar{flex-direction:column;align-items:stretch;gap:var(--s3)}.topbar:before{top:var(--s3);bottom:var(--s3)}.topbar-spacer{display:none}.topbar-actions{justify-content:flex-start}.topbar h2{font-size:var(--t-lg)}.scroll{padding:var(--s4) var(--s3)}.panel-head,.panel-body,thead th,tbody td{padding-left:var(--s4);padding-right:var(--s4)}.kv{grid-template-columns:minmax(0,1fr);gap:1px var(--s4)}.kv dd{margin-bottom:var(--s2)}.savebar{padding:var(--s3)}.savebar-actions{margin-left:0;width:100%}.savebar-actions .btn{flex:1}.toast-host{left:var(--s3);right:var(--s3);width:auto;top:var(--s3)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}.live-dot:after,.badge .dot,.tile-accent{animation:none!important}.live-dot:after{display:none}}