@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@300;400;500;600;700&family=IBM+Plex+Mono:wght@400;500;600&display=swap";:root{--bg-void: #100D0A;--bg-base: #16120D;--bg-panel: #1C1813;--bg-raised: #241F18;--bg-inset: #120F0B;--bg-overlay: #2B2519;--line-faint: rgba(231, 214, 184, .06);--line: rgba(231, 214, 184, .1);--line-strong: rgba(231, 214, 184, .18);--line-focus: rgba(217, 162, 75, .55);--fg-1: #F4EEE3;--fg-2: #C7BCA9;--fg-3: #968B79;--fg-4: #6A6253;--fg-on-accent: #1A1206;--brass-50: #F7E9CC;--brass-100: #F2DDB0;--brass-300: #E3BE73;--brass-400: #D9A24B;--brass-500: #C68A33;--brass-600: #A06B22;--brass-glow: rgba(217, 162, 75, .16);--accent: var(--brass-400);--accent-hover: var(--brass-300);--accent-press: var(--brass-500);--accent-soft: rgba(217, 162, 75, .14);--accent-line: rgba(217, 162, 75, .4);--ok: #5FB98A;--ok-soft: rgba(95, 185, 138, .14);--ok-line: rgba(95, 185, 138, .4);--warn: #E0913C;--warn-soft: rgba(224, 145, 60, .14);--warn-line: rgba(224, 145, 60, .4);--bad: #D9674E;--bad-soft: rgba(217, 103, 78, .14);--bad-line: rgba(217, 103, 78, .42);--info: #6F95AE;--info-soft: rgba(111, 149, 174, .14);--info-line: rgba(111, 149, 174, .4);--idle: #8A8170;--idle-soft: rgba(138, 129, 112, .12);--idle-line: rgba(138, 129, 112, .34);--font-sans: "IBM Plex Sans", ui-sans-serif, system-ui, -apple-system, sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, "SF Mono", Menlo, monospace;--t-display: 30px;--t-h1: 22px;--t-h2: 17px;--t-h3: 14px;--t-body: 14px;--t-sm: 13px;--t-meta: 12px;--t-label: 11px;--t-micro: 10px;--lh-tight: 1.15;--lh-snug: 1.35;--lh-body: 1.5;--ls-label: .14em;--ls-tight: -.01em;--weight-reg: 400;--weight-med: 500;--weight-semi: 600;--weight-bold: 700;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--sp-8: 32px;--sp-10: 40px;--sp-12: 48px;--sp-16: 64px;--r-xs: 3px;--r-sm: 5px;--r-md: 7px;--r-lg: 10px;--r-xl: 14px;--r-full: 999px;--sh-0: none;--sh-1: 0 1px 0 rgba(0,0,0,.3);--sh-2: 0 2px 6px rgba(0,0,0,.35);--sh-3: 0 8px 24px rgba(0,0,0,.45);--sh-pop: 0 12px 32px rgba(0,0,0,.55), 0 0 0 1px var(--line-strong);--focus-ring: 0 0 0 2px var(--bg-base), 0 0 0 4px var(--line-focus);--ease: cubic-bezier(.2, 0, 0, 1);--ease-out: cubic-bezier(.16, 1, .3, 1);--dur-fast: .12s;--dur: .18s;--dur-slow: .28s}.vs-display{font-family:var(--font-sans);font-weight:var(--weight-semi);font-size:var(--t-display);line-height:var(--lh-tight);letter-spacing:var(--ls-tight);color:var(--fg-1)}.vs-h1{font-family:var(--font-sans);font-weight:600;font-size:var(--t-h1);line-height:var(--lh-tight);letter-spacing:var(--ls-tight);color:var(--fg-1)}.vs-h2{font-family:var(--font-sans);font-weight:600;font-size:var(--t-h2);line-height:var(--lh-snug);color:var(--fg-1)}.vs-h3{font-family:var(--font-sans);font-weight:600;font-size:var(--t-h3);line-height:var(--lh-snug);color:var(--fg-1)}.vs-body{font-family:var(--font-sans);font-weight:400;font-size:var(--t-body);line-height:var(--lh-body);color:var(--fg-2)}.vs-meta{font-family:var(--font-sans);font-weight:400;font-size:var(--t-meta);line-height:var(--lh-snug);color:var(--fg-3)}.vs-label{font-family:var(--font-mono);font-weight:500;font-size:var(--t-label);letter-spacing:var(--ls-label);text-transform:uppercase;color:var(--fg-3)}.vs-mono{font-family:var(--font-mono);font-size:var(--t-sm);color:var(--fg-2)}.vs-code{font-family:var(--font-mono);font-size:var(--t-sm);color:var(--fg-1);background:var(--bg-inset);border:1px solid var(--line);border-radius:var(--r-sm);padding:.1em .4em}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--font-sans);background:var(--bg-void);color:var(--fg-1);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.nav,.content,.m-body{scrollbar-width:thin;scrollbar-color:var(--bg-overlay) transparent}.nav::-webkit-scrollbar,.content::-webkit-scrollbar,.m-body::-webkit-scrollbar{width:10px;height:10px}.nav::-webkit-scrollbar-track,.content::-webkit-scrollbar-track,.m-body::-webkit-scrollbar-track{background:transparent}.nav::-webkit-scrollbar-thumb,.content::-webkit-scrollbar-thumb,.m-body::-webkit-scrollbar-thumb{background:var(--bg-overlay);border:2px solid transparent;background-clip:padding-box;border-radius:999px}.nav::-webkit-scrollbar-thumb:hover,.content::-webkit-scrollbar-thumb:hover,.m-body::-webkit-scrollbar-thumb:hover{background:var(--line-strong);background-clip:padding-box}.nav::-webkit-scrollbar-thumb{border-color:var(--bg-panel)}button{font-family:inherit}.lucide{width:18px;height:18px;stroke-width:1.75;flex:none}.app{height:100%;display:grid;grid-template-rows:56px 1fr;background:var(--bg-base)}.topbar{display:flex;align-items:center;gap:var(--sp-4);padding:0 var(--sp-4);background:var(--bg-panel);border-bottom:1px solid var(--line)}.topbar .brand{display:flex;align-items:center;gap:10px}.topbar .brand img{width:26px;height:26px;display:block}.topbar .brand .name{font-weight:600;font-size:15px;letter-spacing:-.01em}.topbar .brand .div{color:var(--fg-4);margin:0 2px}.topbar .brand .proj{color:var(--fg-3);font-size:13px}.topbar .spacer{flex:1}.topbar .tb-actions{display:flex;align-items:center;gap:14px}.icon-btn.conn-btn{width:auto;padding:0 4px}.icon-btn{width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;background:transparent;border:1px solid transparent;border-radius:var(--r-md);color:var(--fg-3);cursor:pointer;transition:background var(--dur) var(--ease),color var(--dur) var(--ease)}.icon-btn:hover{background:var(--bg-raised);color:var(--fg-1)}.icon-btn.active{background:var(--bg-raised);color:var(--accent);border-color:var(--line)}.body{display:grid;grid-template-columns:224px 1fr;min-height:0}.nav{background:var(--bg-panel);border-right:1px solid var(--line);padding:var(--sp-3) var(--sp-2);display:flex;flex-direction:column;gap:2px;overflow-y:auto}.nav .nav-group{font-family:var(--font-mono);font-size:10px;letter-spacing:var(--ls-label);text-transform:uppercase;color:var(--fg-4);padding:var(--sp-3) var(--sp-3) var(--sp-1)}.nav-item{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:var(--r-md);color:var(--fg-2);font-size:13.5px;font-weight:500;cursor:pointer;border:1px solid transparent;transition:background var(--dur) var(--ease),color var(--dur) var(--ease)}.nav-item .lucide{width:17px;height:17px;color:var(--fg-3)}.nav-item:hover{background:var(--bg-raised);color:var(--fg-1)}.nav-item:hover .lucide{color:var(--fg-2)}.nav-item.active{background:var(--bg-raised);color:var(--fg-1);border-color:var(--line-strong)}.nav-item.active .lucide{color:var(--accent)}.nav-item .count{margin-left:auto;font-family:var(--font-mono);font-size:11px;color:var(--fg-3);background:var(--bg-inset);border:1px solid var(--line);border-radius:var(--r-full);min-width:20px;height:18px;padding:0 6px;display:inline-flex;align-items:center;justify-content:center}.content{min-width:0;overflow-y:auto;background:var(--bg-base)}.screen{padding:var(--sp-6);max-width:1180px;margin:0 auto}.screen-head{display:flex;align-items:flex-start;gap:var(--sp-4);margin-bottom:var(--sp-5)}.screen-head .title-wrap{min-width:0}.screen-head h1{margin:0 0 4px;font-size:var(--t-h1);font-weight:600;letter-spacing:-.01em;color:var(--fg-1)}.screen-head .sub{margin:0;color:var(--fg-3);font-size:13px}.screen-head .head-actions{margin-left:auto;display:flex;align-items:center;gap:var(--sp-2)}.panel{background:var(--bg-panel);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--sh-1)}.panel-head{display:flex;align-items:center;gap:var(--sp-2);padding:14px var(--sp-4);border-bottom:1px solid var(--line)}.panel-head .lbl{font-family:var(--font-mono);font-size:var(--t-label);letter-spacing:var(--ls-label);text-transform:uppercase;color:var(--fg-3)}.panel-head .spacer{flex:1}.panel-body{padding:var(--sp-4)}.grid-2{display:grid;grid-template-columns:1.15fr 1fr;gap:var(--sp-4);align-items:start}.grid-cols{display:grid;gap:var(--sp-4)}.chip{display:inline-flex;align-items:center;gap:6px;height:24px;padding:0 9px;border-radius:var(--r-full);font-family:var(--font-mono);font-size:var(--t-label);letter-spacing:.08em;text-transform:uppercase;border:1px solid var(--line);background:var(--bg-raised);color:var(--fg-2);white-space:nowrap}.chip .lucide{width:13px;height:13px}.chip.ok{color:var(--ok);border-color:var(--ok-line);background:var(--ok-soft)}.chip.warn{color:var(--warn);border-color:var(--warn-line);background:var(--warn-soft)}.chip.bad{color:var(--bad);border-color:var(--bad-line);background:var(--bad-soft)}.chip.info{color:var(--info);border-color:var(--info-line);background:var(--info-soft)}.chip.idle{color:var(--idle);border-color:var(--idle-line);background:var(--idle-soft)}.chip.acc{color:var(--accent);border-color:var(--accent-line);background:var(--accent-soft)}.chip.stale{color:var(--idle);border-color:var(--idle-line);border-style:dashed;background:transparent}.chip .spin{animation:vs-spin 1.1s linear infinite}@media(prefers-reduced-motion:reduce){.chip .spin{animation:none}}@keyframes vs-spin{to{transform:rotate(360deg)}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:38px;padding:0 16px;border-radius:var(--r-md);font-size:13.5px;font-weight:600;letter-spacing:-.01em;cursor:pointer;white-space:nowrap;flex:none;border:1px solid transparent;transition:background var(--dur) var(--ease),border-color var(--dur) var(--ease),color var(--dur) var(--ease)}.btn .lucide{width:16px;height:16px}.btn:focus-visible{outline:none;box-shadow:var(--focus-ring)}.btn-primary{background:var(--accent);color:var(--fg-on-accent);box-shadow:var(--sh-1)}.btn-primary:hover{background:var(--accent-hover)}.btn-primary:active{background:var(--accent-press)}.btn-secondary{background:var(--bg-raised);color:var(--fg-1);border-color:var(--line-strong)}.btn-secondary:hover{background:var(--bg-overlay);border-color:var(--line-focus)}.btn-ghost{background:transparent;color:var(--fg-2)}.btn-ghost:hover{background:var(--bg-raised);color:var(--fg-1)}.btn-danger{background:var(--bad-soft);color:var(--bad);border-color:var(--bad-line)}.btn-danger:hover{background:#d9674e33}.btn:disabled,.btn.disabled{background:var(--bg-inset);color:var(--fg-4);border-color:var(--line);cursor:not-allowed;box-shadow:none}.btn.sm{height:30px;padding:0 11px;font-size:12.5px}.btn.block{width:100%}.disabled-reason{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:11px;color:var(--bad);text-transform:uppercase;letter-spacing:.06em}.disabled-reason .lucide{width:13px;height:13px}.cmd{background:var(--bg-panel);border:1px solid var(--line-strong);border-radius:var(--r-lg);overflow:hidden}.cmd.listening{border-color:var(--accent-line);box-shadow:0 0 0 1px var(--accent-line),0 0 40px -8px var(--brass-glow)}.cmd-state{display:flex;align-items:center;gap:var(--sp-2);padding:12px var(--sp-4);border-bottom:1px solid var(--line)}.cmd-transcript{padding:var(--sp-4);min-height:92px;font-size:15px;line-height:1.5;color:var(--fg-1)}.cmd-transcript .placeholder{color:var(--fg-4)}.cmd-transcript .caret{display:inline-block;width:2px;height:1.05em;background:var(--accent);margin-left:2px;vertical-align:-2px;animation:vs-blink 1s steps(1) infinite}@media(prefers-reduced-motion:reduce){.cmd-transcript .caret{animation:none}}@keyframes vs-blink{50%{opacity:0}}.cmd-bar{display:flex;align-items:center;gap:var(--sp-3);padding:12px var(--sp-4);border-top:1px solid var(--line);background:var(--bg-base);flex-wrap:wrap;row-gap:10px}.cmd-hint{flex:1 1 140px;min-width:0}.mic{width:44px;height:44px;border-radius:var(--r-full);flex:none;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;background:var(--bg-raised);border:1px solid var(--line-strong);color:var(--fg-2);transition:all var(--dur) var(--ease)}.mic:hover{color:var(--fg-1);border-color:var(--line-focus)}.mic.on{background:var(--accent);color:var(--fg-on-accent);border-color:transparent;box-shadow:0 0 0 0 var(--brass-glow);animation:vs-pulse 1.6s ease-out infinite}@media(prefers-reduced-motion:reduce){.mic.on{animation:none}}@keyframes vs-pulse{0%{box-shadow:0 0 #d9a24b66}70%{box-shadow:0 0 0 12px #d9a24b00}to{box-shadow:0 0 #d9a24b00}}.cmd-hint{font-size:12px;color:var(--fg-4)}.packet{background:var(--bg-inset);border:1px solid var(--line);border-radius:var(--r-md)}.packet-head{display:flex;align-items:center;gap:var(--sp-2);padding:12px var(--sp-4);border-bottom:1px solid var(--line)}.packet-head .id{font-family:var(--font-mono);font-size:12px;color:var(--fg-3);margin-left:auto}.packet-list{padding:6px var(--sp-2) var(--sp-2)}.packet-row{display:flex;align-items:flex-start;gap:10px;padding:9px 10px;border-radius:var(--r-sm)}.packet-row .num{font-family:var(--font-mono);font-size:11px;color:var(--fg-4);width:18px;flex:none;padding-top:1px}.packet-row .txt{font-size:13.5px;color:var(--fg-2);line-height:1.45}.packet-row .txt b{color:var(--fg-1);font-weight:600}.packet-meta{display:flex;gap:var(--sp-4);padding:10px var(--sp-4);border-top:1px solid var(--line);flex-wrap:wrap}.meta-kv{display:flex;flex-direction:column;gap:2px}.meta-kv .k{font-family:var(--font-mono);font-size:10px;text-transform:uppercase;letter-spacing:var(--ls-label);color:var(--fg-4)}.meta-kv .v{font-family:var(--font-mono);font-size:12.5px;color:var(--fg-1)}.preview-frame{background:var(--bg-inset);border:1px solid var(--line);border-radius:var(--r-md);overflow:hidden}.preview-toolbar{display:flex;align-items:center;gap:var(--sp-2);padding:8px 10px;border-bottom:1px solid var(--line);background:var(--bg-panel)}.url-stub{flex:1;height:26px;display:flex;align-items:center;gap:8px;padding:0 10px;background:var(--bg-base);border:1px solid var(--line);border-radius:var(--r-sm);font-family:var(--font-mono);font-size:11px;color:var(--fg-3)}.seg{display:inline-flex;background:var(--bg-base);border:1px solid var(--line);border-radius:var(--r-md);padding:2px;gap:2px}.seg button{height:26px;padding:0 10px;border:none;background:transparent;color:var(--fg-3);border-radius:var(--r-sm);font-size:12px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:6px}.seg button.on{background:var(--bg-raised);color:var(--fg-1);box-shadow:var(--sh-1)}.seg button .lucide{width:14px;height:14px}.preview-stage{padding:var(--sp-5);display:flex;align-items:center;justify-content:center;min-height:280px;background:repeating-linear-gradient(45deg,transparent,transparent 11px,rgba(231,214,184,.012) 11px,rgba(231,214,184,.012) 12px),var(--bg-void)}.faux{width:100%;max-width:360px;background:var(--bg-panel);border:1px solid var(--line-strong);border-radius:var(--r-md);overflow:hidden;box-shadow:var(--sh-2)}.faux-top{display:flex;align-items:center;gap:8px;padding:12px 14px;border-bottom:1px solid var(--line)}.faux-top .dot{width:9px;height:9px;border-radius:50%;background:var(--accent)}.faux-top .ttl{font-size:13px;font-weight:600}.faux-body{padding:16px 14px;display:flex;flex-direction:column;gap:10px}.faux-line{height:9px;border-radius:4px;background:var(--bg-raised)}.faux-cta{margin-top:4px;height:34px;border-radius:var(--r-md);background:var(--accent);color:var(--fg-on-accent);display:flex;align-items:center;justify-content:center;font-size:12.5px;font-weight:600}.ev-row{display:grid;grid-template-columns:22px 1fr auto;align-items:center;gap:12px;padding:12px var(--sp-4);border-bottom:1px solid var(--line-faint);cursor:pointer;transition:background var(--dur) var(--ease)}.ev-row:last-child{border-bottom:none}.ev-row:hover{background:var(--bg-raised)}.ev-row .ic{display:flex}.ev-row .ic .lucide{width:17px;height:17px}.ev-main{min-width:0}.ev-main .name{font-family:var(--font-mono);font-size:13px;color:var(--fg-1)}.ev-main .desc{font-size:12px;color:var(--fg-3);margin-top:2px}.ev-row .meta{display:flex;align-items:center;gap:14px}.ev-row .ts{font-family:var(--font-mono);font-size:11.5px;color:var(--fg-4)}.tone-ok .lucide{color:var(--ok)}.tone-warn .lucide{color:var(--warn)}.tone-bad .lucide{color:var(--bad)}.tone-info .lucide{color:var(--info)}.tone-idle .lucide{color:var(--idle)}.tone-acc .lucide{color:var(--accent)}.meter{display:flex;height:10px;border-radius:var(--r-full);overflow:hidden;background:var(--bg-inset);border:1px solid var(--line)}.meter span{display:block;height:100%}.meter .s-ok{background:var(--ok)}.meter .s-warn{background:var(--warn)}.meter .s-bad{background:var(--bad)}.meter .s-idle{background:var(--idle)}.meter-legend{display:flex;flex-wrap:wrap;gap:var(--sp-4);margin-top:12px}.legend-item{display:flex;align-items:center;gap:7px;font-size:12px;color:var(--fg-3)}.legend-item .swatch{width:10px;height:10px;border-radius:3px}.legend-item .n{font-family:var(--font-mono);color:var(--fg-1)}.agent-row{display:grid;grid-template-columns:20px 1fr auto;gap:12px;padding:11px var(--sp-4);border-bottom:1px solid var(--line-faint)}.agent-row:last-child{border-bottom:none}.agent-rail{display:flex;flex-direction:column;align-items:center}.agent-rail .node{width:9px;height:9px;border-radius:50%;border:2px solid var(--idle);margin-top:4px}.agent-rail.tone-ok .node{border-color:var(--ok);background:var(--ok)}.agent-rail.tone-info .node{border-color:var(--info)}.agent-rail.tone-bad .node{border-color:var(--bad);background:var(--bad)}.agent-rail.tone-warn .node{border-color:var(--warn)}.agent-rail .line{flex:1;width:2px;background:var(--line);margin-top:4px}.agent-main .who{display:flex;align-items:center;gap:8px}.agent-main .who .agent{font-size:13px;font-weight:600;color:var(--fg-1)}.agent-main .who .verb{font-size:13px;color:var(--fg-2)}.agent-main .detail{font-family:var(--font-mono);font-size:11.5px;color:var(--fg-3);margin-top:3px}.agent-row .ts{font-family:var(--font-mono);font-size:11px;color:var(--fg-4);white-space:nowrap}.gate-pipeline{display:flex;align-items:center;gap:0;flex-wrap:wrap;row-gap:12px}.gate-step{display:flex;align-items:center;gap:8px}.gate-node{display:flex;align-items:center;gap:8px;padding:7px 12px;border-radius:var(--r-full);border:1px solid var(--line);background:var(--bg-raised);font-family:var(--font-mono);font-size:11.5px;text-transform:uppercase;letter-spacing:.06em;color:var(--fg-3);white-space:nowrap}.gate-node.done{color:var(--ok);border-color:var(--ok-line);background:var(--ok-soft)}.gate-node.current{color:var(--accent);border-color:var(--accent-line);background:var(--accent-soft);box-shadow:0 0 0 1px var(--accent-line)}.gate-node .lucide{width:13px;height:13px}.gate-arrow{color:var(--fg-4);margin:0 6px}.gate-arrow .lucide{width:15px;height:15px}.gate-card{background:var(--bg-panel);border:1px solid var(--line);border-radius:var(--r-lg);padding:var(--sp-4);display:flex;flex-direction:column;gap:12px}.gate-card.current{border-color:var(--accent-line);box-shadow:0 0 0 1px var(--accent-line)}.gate-card .gc-head{display:flex;align-items:center;gap:10px}.gate-card .gc-head .g{font-family:var(--font-mono);font-size:11px;text-transform:uppercase;letter-spacing:var(--ls-label);color:var(--fg-4)}.gate-card .gc-head h3{margin:0;font-size:15px;font-weight:600}.gate-card .gc-sum{font-size:13px;color:var(--fg-3);line-height:1.45}.gate-card .gc-evd{display:flex;gap:14px;flex-wrap:wrap}.gate-card .gc-actions{display:flex;gap:var(--sp-2);flex-wrap:wrap;margin-top:2px}.kpi{display:flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:12px;color:var(--fg-2)}.kpi .lucide{width:14px;height:14px}.tree{font-family:var(--font-mono);font-size:13px}.tree-item{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:var(--r-sm);cursor:pointer;color:var(--fg-2)}.tree-item:hover{background:var(--bg-raised)}.tree-item.sel{background:var(--accent-soft);color:var(--fg-1)}.tree-item .lucide{width:15px;height:15px;color:var(--fg-4)}.tree-item.sel .lucide{color:var(--accent)}.tree-item .tag{margin-left:auto;font-size:10px}.swatch-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(116px,1fr));gap:12px}.swatch{display:flex;flex-direction:column;gap:7px}.swatch .chip-c{height:56px;border-radius:var(--r-md);border:1px solid var(--line)}.swatch .n{font-family:var(--font-mono);font-size:11px;color:var(--fg-2)}.swatch .v{font-family:var(--font-mono);font-size:10px;color:var(--fg-4)}.set-row{display:flex;align-items:center;gap:var(--sp-4);padding:14px var(--sp-4);border-bottom:1px solid var(--line-faint)}.set-row:last-child{border-bottom:none}.set-row .si{width:34px;height:34px;border-radius:var(--r-md);background:var(--bg-raised);border:1px solid var(--line);display:flex;align-items:center;justify-content:center;color:var(--fg-3);flex:none}.set-row .sc{min-width:0}.set-row .sc .t{font-size:13.5px;font-weight:500;color:var(--fg-1)}.set-row .sc .d{font-size:12px;color:var(--fg-3);margin-top:2px}.set-row .sa{margin-left:auto}.toggle{width:42px;height:24px;border-radius:var(--r-full);background:var(--bg-inset);border:1px solid var(--line-strong);position:relative;cursor:pointer;transition:background var(--dur) var(--ease);flex:none}.toggle .knob{position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;background:var(--fg-3);transition:all var(--dur) var(--ease)}.toggle.on{background:var(--accent-soft);border-color:var(--accent-line)}.toggle.on .knob{left:20px;background:var(--accent)}.state-panel{display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px;padding:var(--sp-12) var(--sp-6);border-radius:var(--r-lg);border:1px solid var(--line);background:var(--bg-panel)}.state-panel .state-ic{width:56px;height:56px;border-radius:var(--r-lg);display:flex;align-items:center;justify-content:center;background:var(--bg-raised);border:1px solid var(--line-strong)}.state-panel .state-ic .lucide{width:26px;height:26px}.state-panel h2{margin:4px 0 0;font-size:18px;font-weight:600}.state-panel p{margin:0;max-width:440px;color:var(--fg-3);font-size:13.5px;line-height:1.55}.state-panel.bad .state-ic{border-color:var(--bad-line);color:var(--bad);background:var(--bad-soft)}.state-panel.warn .state-ic{border-color:var(--warn-line);color:var(--warn);background:var(--warn-soft)}.state-panel.idle .state-ic{color:var(--idle)}.state-actions{display:flex;gap:var(--sp-2);margin-top:6px}.offline-screen{height:100%;display:flex;align-items:center;justify-content:center;padding:var(--sp-6);background:radial-gradient(120% 80% at 50% 0%,rgba(217,162,75,.04),transparent 60%),var(--bg-void)}.banner{display:flex;align-items:center;gap:10px;padding:11px var(--sp-4);border-radius:var(--r-md);border:1px solid var(--bad-line);background:var(--bad-soft);color:var(--fg-1);font-size:13px;margin-bottom:var(--sp-4)}.banner .lucide{width:17px;height:17px;color:var(--bad)}.banner.warn{border-color:var(--warn-line);background:var(--warn-soft)}.banner.warn .lucide{color:var(--warn)}.banner b{font-weight:600}.banner code{font-family:var(--font-mono);background:var(--bg-inset);border:1px solid var(--line);border-radius:4px;padding:1px 5px;font-size:12px}.banner .spacer{flex:1}.device-row{display:flex;gap:var(--sp-6);flex-wrap:wrap;justify-content:center}.device{width:320px}.device .frame{width:320px;height:660px;border-radius:34px;background:var(--bg-void);border:1px solid var(--line-strong);padding:10px;box-shadow:var(--sh-3)}.device .screen-m{width:100%;height:100%;border-radius:26px;overflow:hidden;background:var(--bg-base);display:flex;flex-direction:column;position:relative}.device .label{text-align:center;margin-top:10px;font-family:var(--font-mono);font-size:11px;color:var(--fg-4);text-transform:uppercase;letter-spacing:var(--ls-label)}.m-status{height:30px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;font-family:var(--font-mono);font-size:11px;color:var(--fg-3);flex:none}.m-top{display:flex;align-items:center;gap:9px;padding:10px 14px;border-bottom:1px solid var(--line);flex:none}.m-top img{width:20px;height:20px}.m-top .name{font-size:13.5px;font-weight:600}.m-top .spacer{flex:1}.m-body{flex:1;overflow-y:auto;padding:14px;display:flex;flex-direction:column;gap:12px}.m-tabbar{display:flex;border-top:1px solid var(--line);flex:none;background:var(--bg-panel)}.m-tab{flex:1;height:56px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:var(--fg-4);font-size:10px;cursor:pointer}.m-tab .lucide{width:19px;height:19px}.m-tab.on{color:var(--accent)}.m-card{background:var(--bg-panel);border:1px solid var(--line);border-radius:var(--r-md);padding:12px}.m-cmd{background:var(--bg-panel);border:1px solid var(--line-strong);border-radius:var(--r-lg);padding:14px;display:flex;flex-direction:column;gap:12px}.m-mic{align-self:center;width:64px;height:64px;border-radius:50%;background:var(--accent);color:var(--fg-on-accent);display:flex;align-items:center;justify-content:center;border:none}.m-mic .lucide{width:26px;height:26px}.frames-nav{padding:var(--sp-6);max-width:1180px;margin:0 auto}.frames-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:var(--sp-3);margin-top:var(--sp-5)}.frame-card{text-align:left;background:var(--bg-panel);border:1px solid var(--line);border-radius:var(--r-md);padding:16px;cursor:pointer;transition:all var(--dur) var(--ease);display:flex;flex-direction:column;gap:8px;color:inherit}.frame-card:hover{background:var(--bg-raised);border-color:var(--line-strong)}.frame-card .fc-ic{width:32px;height:32px;border-radius:var(--r-md);background:var(--bg-raised);border:1px solid var(--line);display:flex;align-items:center;justify-content:center;color:var(--accent)}.frame-card .fc-t{font-size:14px;font-weight:600;color:var(--fg-1)}.frame-card .fc-d{font-size:12px;color:var(--fg-3);line-height:1.4}.divider{height:1px;background:var(--line);margin:var(--sp-5) 0}.row-wrap{display:flex;flex-wrap:wrap;gap:var(--sp-2);align-items:center}.stack{display:flex;flex-direction:column;gap:var(--sp-4)}.muted{color:var(--fg-3)}.mono{font-family:var(--font-mono)}.lib-sectlabel{display:flex;align-items:center;gap:10px;margin:var(--sp-2) 0 var(--sp-3)}.lib-sectlabel .lucide{color:var(--accent)}.lib-sectlabel .t{font-family:var(--font-mono);font-size:12px;letter-spacing:var(--ls-label);text-transform:uppercase;color:var(--fg-2)}.lib-sectlabel .rule{flex:1;height:1px;background:var(--line)}.lib-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(248px,1fr));gap:12px;align-items:stretch}.lib-cell{display:flex;flex-direction:column;gap:12px;padding:16px;background:var(--bg-panel);border:1px solid var(--line);border-radius:var(--r-md)}.lib-cell.wide{grid-column:1 / -1}.lib-cell.span2{grid-column:span 2}.lib-cap{font-family:var(--font-mono);font-size:10px;letter-spacing:var(--ls-label);text-transform:uppercase;color:var(--fg-4)}.lib-cell .body-fill{flex:1;display:flex;flex-direction:column;gap:10px}.type-row{display:flex;align-items:baseline;gap:12px}.type-row .meta{font-family:var(--font-mono);font-size:10px;color:var(--fg-4);width:86px;flex:none}.spacing-bar{height:14px;background:var(--accent-soft);border:1px solid var(--accent-line);border-radius:3px}.radius-demo{height:44px;background:var(--bg-raised);border:1px solid var(--line-strong)}.ico.spin{animation:vs-spin 1.1s linear infinite;transform-origin:50% 50%}@media(prefers-reduced-motion:reduce){.ico.spin{animation:none}}.cmd.hero .hero-mic-wrap{display:flex;flex-direction:column;align-items:center;gap:12px;padding:28px 0 4px}.cmd.hero .mic.xl{width:72px;height:72px}.cmd.hero .mic.xl .lucide{width:30px;height:30px}.cmd.hero .cmd-transcript{min-height:116px;font-size:18px;line-height:1.5}.cmd-transcript.center{text-align:center}.cmd.hero .cmd-bar{justify-content:center}.focus-wrap{max-width:720px;margin:0 auto;display:flex;flex-direction:column;gap:var(--sp-4)}.focus-hint{text-align:center;color:var(--fg-3);font-size:13px;margin:2px 0 0}.flow-ev-list{display:flex;flex-direction:column}.flow-ev-list .ev-row{padding-left:0;padding-right:0}.flow-ev-list .ev-row:first-child{padding-top:4px}.flow-planned{display:flex;flex-wrap:wrap;gap:var(--sp-2);margin-top:4px}.verified-note{display:flex;align-items:center;gap:8px;margin-top:14px;padding:10px 12px;background:var(--ok-soft);border:1px solid var(--ok-line);border-radius:var(--r-md);color:var(--ok);font-family:var(--font-mono);font-size:12px}.verified-note .lucide{width:15px;height:15px}.timeline-grid{display:grid;grid-template-columns:272px 1fr;gap:var(--sp-4);align-items:start}.stage-rail{background:var(--bg-panel);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--sh-1);padding:var(--sp-5) var(--sp-4) var(--sp-1);display:flex;flex-direction:column}.stage-step{display:flex;gap:14px;text-align:left;background:transparent;border:none;cursor:pointer;padding:0;color:inherit;font:inherit;transition:opacity var(--dur) var(--ease)}.stage-rail-col{display:flex;flex-direction:column;align-items:center;flex:none}.stage-node{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:1px solid var(--line-strong);background:var(--bg-raised);color:var(--fg-4);transition:all var(--dur) var(--ease)}.stage-node .lucide{width:14px;height:14px}.stage-line{flex:1;width:2px;min-height:20px;background:var(--line);margin:4px 0}.stage-txt{padding-bottom:18px;min-width:0}.stage-label{font-size:13.5px;font-weight:600;color:var(--fg-3)}.stage-desc{font-size:12px;color:var(--fg-4);margin-top:2px;line-height:1.4}.stage-step.done .stage-node{color:var(--ok);border-color:var(--ok-line);background:var(--ok-soft)}.stage-step.done .stage-line{background:var(--ok-line)}.stage-step.done .stage-label{color:var(--fg-2)}.stage-step.current .stage-node{color:var(--accent);border-color:var(--accent-line);background:var(--accent-soft);box-shadow:0 0 0 1px var(--accent-line),0 0 22px -6px var(--brass-glow)}.stage-step.current .stage-label{color:var(--fg-1)}.stage-step.todo .stage-node .lucide{width:9px;height:9px}.stage-step:hover .stage-label{color:var(--fg-1)}.stage-detail{min-width:0}@media(max-width:900px){.timeline-grid,.grid-2{grid-template-columns:1fr}}