:root{color-scheme:light;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;--bg-1: #fafafa;--bg-2: #f3f4f6;--surface: #ffffff;--surface-hi: #ffffff;--surface-recess: #f3f4f6;--surface-tint: #f9fafb;--ink: #111827;--ink-soft: #374151;--ink-mute: #6b7280;--ink-faint: #9ca3af;--primary: #22c55e;--primary-deep: #16a34a;--primary-darker: #15803d;--primary-soft: #dcfce7;--primary-tint: #f0fdf4;--primary-ink: #15803d;--primary-glow: #4ade80;--blue: #3b82f6;--blue-deep: #2563eb;--blue-soft: #dbeafe;--blue-tint: #eff6ff;--blue-ink: #1d4ed8;--purple: #8b5cf6;--purple-deep: #7c3aed;--purple-soft: #ede9fe;--purple-tint: #f5f3ff;--purple-ink: #6d28d9;--amber: #f59e0b;--amber-deep: #d97706;--amber-soft: #fef3c7;--amber-tint: #fffbeb;--amber-ink: #b45309;--coral: #f87171;--coral-deep: #ef4444;--coral-soft: #fee2e2;--coral-tint: #fef2f2;--coral-ink: #b91c1c;--danger: #ef4444;--danger-soft: #fee2e2;--accent-warm: #f59e0b;--line: rgba(17, 24, 39, .1);--line-soft: rgba(17, 24, 39, .06);--line-strong: rgba(17, 24, 39, .14);--radius-xl: 24px;--radius-lg: 18px;--radius-md: 14px;--radius-sm: 10px;--radius-pill: 999px;--shadow-dark: rgba(17, 24, 39, .08);--shadow-light: rgba(255, 255, 255, 1);--sheen: inset 0 1px 0 rgba(255, 255, 255, 1);--clay: 0 1px 2px rgba(17, 24, 39, .04), 0 8px 20px rgba(17, 24, 39, .06), var(--sheen);--clay-soft: 0 1px 2px rgba(17, 24, 39, .03), 0 4px 12px rgba(17, 24, 39, .05), var(--sheen);--clay-lift: 0 2px 4px rgba(17, 24, 39, .05), 0 18px 36px rgba(17, 24, 39, .1), var(--sheen);--clay-inset: inset 0 2px 5px rgba(17, 24, 39, .08), inset 0 0 0 1px rgba(17, 24, 39, .05);--clay-inset-soft: inset 0 1px 3px rgba(17, 24, 39, .06), inset 0 0 0 1px rgba(17, 24, 39, .04);--clay-press: inset 0 2px 6px rgba(17, 24, 39, .14), inset 0 0 0 1px rgba(17, 24, 39, .06);--tile-shadow: inset -2px -2px 6px rgba(17, 24, 39, .06), inset 2px 2px 6px rgba(255, 255, 255, .85), 0 2px 6px rgba(17, 24, 39, .05);--ring: 0 0 0 3px rgba(34, 197, 94, .28)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:linear-gradient(160deg,#fbfbfc,#f3f4f6);color:var(--ink)}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}.login-shell{display:grid;min-height:100vh;place-items:center;padding:24px}.login-card{width:min(100%,420px);padding:24px;border:1px solid var(--line-soft);border-radius:var(--radius-xl);background:var(--surface);box-shadow:var(--clay-lift)}.login-brand{margin-bottom:24px}.login-form,.login-field{display:grid;gap:12px}.login-field{color:var(--ink-soft);font-size:13px;font-weight:700}.login-field input{width:100%;min-height:46px;padding:0 14px;border:1px solid var(--line-soft);border-radius:var(--radius-md);background:var(--surface-recess);color:var(--ink);box-shadow:var(--clay-inset-soft)}.login-field input:focus{outline:none;box-shadow:var(--clay-inset-soft),var(--ring)}.login-submit{min-height:46px;border:0;border-radius:var(--radius-md);background:var(--primary-deep);color:#fff;font-weight:800;box-shadow:0 10px 22px #22c55e38}.login-submit:hover{background:var(--primary-darker)}.app-shell{display:grid;grid-template-columns:330px minmax(0,1fr);min-height:100vh}.sidebar{display:flex;flex-direction:column;gap:18px;padding:24px 20px;background:var(--surface-hi);color:var(--ink-soft);border-right:1px solid var(--line);box-shadow:6px 0 24px #1118270a}.brand-row{display:flex;align-items:center;gap:13px}.brand-mark{display:grid;place-items:center;width:48px;height:48px;border-radius:var(--radius-md);background:linear-gradient(145deg,#4ade80,#16a34a);color:#fff;box-shadow:0 4px 10px #22c55e59,inset 1px 1px 2px #fff9}.brand-row h1{margin:0;font-size:18px;line-height:1.25;color:var(--ink)}.brand-row p,.empty{margin:4px 0 0;color:var(--ink-mute);font-size:13px}.status-strip,.panel-title,.surface-header,.send-row,.action-cluster{display:flex;align-items:center}.status-strip,.surface-header{justify-content:space-between;gap:12px}.panel{border-radius:var(--radius-lg);background:var(--surface-recess);box-shadow:var(--clay-inset-soft)}.panel.compact{padding:16px}.panel-title{gap:9px;margin-bottom:13px;color:var(--ink);font-size:14px;font-weight:800}.panel-title strong{margin-left:auto;color:var(--primary-deep);font-size:15px}.device-list{display:grid;gap:9px;max-height:420px;overflow:auto;padding:3px;margin:0 -3px}.device-search{margin-bottom:12px}.device-item{display:grid;grid-template-columns:10px minmax(0,1fr);align-items:center;gap:11px;width:100%;padding:12px;border:1px solid var(--line-soft);border-radius:var(--radius-md);background:var(--surface-hi);color:inherit;text-align:left;box-shadow:var(--clay-soft);transition:background .18s ease,box-shadow .18s ease,border-color .18s ease}.device-item:hover{background:var(--primary-tint);border-color:var(--primary-soft)}.device-item.selected{background:var(--primary-soft);border-color:var(--primary);box-shadow:var(--clay-soft),inset 0 0 0 1px var(--primary)}.device-item.offline{opacity:.62}.device-item strong,.device-item small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.device-item strong{color:var(--ink);font-size:14px}.device-item small{margin-top:3px;color:var(--ink-mute);font-size:12px}.dot{width:10px;height:10px;border-radius:50%;background:#cbd5e1}.dot.online{background:var(--primary);box-shadow:0 0 0 3px #22c55e33}.route-list{display:grid;gap:9px;margin:0}.route-list div{display:grid;grid-template-columns:82px minmax(0,1fr);gap:8px}.route-list dt{color:var(--ink-mute);font-size:12px}.route-list dd{margin:0;overflow:hidden;color:var(--ink);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.sidebar label{color:var(--ink-soft)}.sidebar input,.sidebar select{border:1px solid var(--line-soft);background:var(--surface-recess);color:var(--ink);box-shadow:var(--clay-inset-soft)}.sidebar input::placeholder{color:var(--ink-faint)}.sidebar-select-label{gap:8px;font-size:12px}.auth-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.auth-user,.auth-error{margin:8px 0 0;padding:9px 12px;border-radius:var(--radius-md);font-size:12px;line-height:1.5}.auth-user{background:var(--primary-soft);color:var(--primary-ink)}.auth-error{background:var(--coral-soft);color:var(--coral-ink)}.workspace{min-width:0;padding:26px}.topbar{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:22px}.eyebrow{margin:0 0 6px;color:var(--primary-deep);font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}h2,h3{margin:0;color:var(--ink)}h2{font-size:28px;letter-spacing:-.01em}h3{font-size:18px}.connection-summary{max-width:420px;overflow:hidden;color:var(--ink-mute);text-align:right;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:700}.topbar-actions{display:flex;align-items:center;gap:12px;min-width:0}.page-switcher,.project-tabs{display:inline-flex;gap:5px;padding:5px;border-radius:var(--radius-lg);background:var(--surface-recess);box-shadow:var(--clay-inset-soft)}.page-switcher button,.project-tabs button{display:inline-flex;align-items:center;gap:7px;min-height:34px;padding:0 14px;border:0;border-radius:var(--radius-md);background:transparent;color:var(--ink-soft);font-size:13px;font-weight:800;transition:background .18s ease,color .18s ease,box-shadow .18s ease}.page-switcher button.active,.project-tabs button.active{background:linear-gradient(145deg,#4ade80,#16a34a);color:#fff;box-shadow:0 2px 6px #22c55e4d,inset 1px 1px 2px #ffffff73}.agent-highlight{display:grid;grid-template-columns:62px minmax(0,1fr) minmax(240px,.72fr);align-items:center;gap:18px;margin-bottom:20px;padding:20px 22px;border:1px solid var(--line-soft);border-radius:var(--radius-xl);background:var(--surface-hi);box-shadow:var(--clay)}.agent-status-mark{display:grid;place-items:center;width:62px;height:62px;border-radius:var(--radius-lg);background:linear-gradient(145deg,#bbf7d0,#86efac);color:var(--primary-ink);box-shadow:var(--tile-shadow)}.agent-highlight.offline .agent-status-mark{background:linear-gradient(145deg,#fecaca,#fca5a5);color:var(--coral-ink)}.agent-highlight-main,.agent-highlight-side{min-width:0}.agent-highlight-main h3{overflow:hidden;font-size:22px;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.agent-meta-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:11px}.agent-meta-row span{display:inline-flex;align-items:center;min-height:28px;padding:0 12px;border-radius:var(--radius-pill);background:var(--surface-recess);color:var(--ink-soft);font-size:12px;font-weight:800;box-shadow:var(--clay-inset-soft)}.agent-state{gap:7px}.agent-state.online{background:var(--primary-soft);color:var(--primary-ink)}.agent-state.offline{background:var(--coral-soft);color:var(--coral-ink)}.agent-state .dot{width:8px;height:8px}.agent-state.online .dot{background:var(--primary)}.agent-state.offline .dot{background:var(--coral)}.agent-highlight-side{display:grid;gap:5px;justify-items:end;text-align:right}.agent-highlight-side span,.agent-highlight-side small{color:var(--ink-mute);font-size:12px;font-weight:800}.agent-highlight-side strong{max-width:100%;overflow:hidden;color:var(--ink);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:14px;text-overflow:ellipsis;white-space:nowrap}.agent-highlight-side small{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.device-info-panel,.project-region{margin-bottom:20px;padding:20px 22px;border:1px solid var(--line-soft);border-radius:var(--radius-xl);background:var(--surface-hi);box-shadow:var(--clay)}.mini-state{display:inline-flex;align-items:center;min-height:30px;padding:0 12px;border-radius:var(--radius-pill);background:var(--surface-recess);color:var(--ink-soft);font-size:12px;font-weight:900;letter-spacing:.04em;text-transform:uppercase;box-shadow:var(--clay-inset-soft)}.mini-state.online{background:var(--primary-soft);color:var(--primary-ink)}.mini-state.offline{background:var(--coral-soft);color:var(--coral-ink)}.device-info-grid,.project-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:11px;margin-top:16px}.info-item{min-width:0;padding:12px 13px;border-radius:var(--radius-md);background:var(--surface-recess);box-shadow:var(--clay-inset-soft)}.info-item span,.device-long-list strong,.mini-section-title,.file-browser-head small{display:block;color:var(--ink-mute);font-size:12px;font-weight:800}.info-item strong{display:block;overflow:hidden;margin-top:5px;color:var(--ink);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.agent-metrics-panel{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;margin-top:12px}.agent-metrics-panel div{min-width:0;padding:14px;border-radius:var(--radius-md);background:var(--primary-tint);box-shadow:var(--clay-inset-soft)}.agent-metrics-panel span,.metric-hint{display:block;color:var(--ink-mute);font-size:12px;font-weight:800}.settings-page{display:flex;flex-direction:column;gap:14px}.settings-page>.surface-header{margin-bottom:0}.settings-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(360px,1fr));gap:14px;align-items:start}.settings-card{display:flex;flex-direction:column;gap:10px;padding:16px 18px;background:var(--surface);border:1px solid var(--line-soft);border-radius:var(--radius-lg);box-shadow:0 1px 2px var(--shadow-dark),var(--sheen)}.settings-card .panel-title{font-size:14px;font-weight:700;color:var(--ink)}.settings-card .metric-hint{font-weight:500;margin-top:-4px}.settings-card .sidebar-select-label{display:flex;flex-direction:column;gap:5px;font-size:12px;font-weight:600;color:var(--ink-soft)}.settings-card .sidebar-select-label input,.settings-card .sidebar-select-label select{padding:7px 10px;border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--surface-tint);font-size:13px;color:var(--ink);font-weight:500}.settings-card .sidebar-select-label input:focus,.settings-card .sidebar-select-label select:focus{outline:none;border-color:var(--primary)}.settings-row{display:flex;gap:8px;flex-wrap:wrap}.settings-row .primary-action{flex:1}.input-with-toggle{display:flex;gap:6px;align-items:stretch}.input-with-toggle input{flex:1;min-width:0}.input-with-toggle button{display:inline-flex;align-items:center;justify-content:center;padding:0 10px;border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--surface-recess);color:var(--ink-soft);cursor:pointer}.input-with-toggle button:hover{background:var(--surface-tint);color:var(--ink)}.ghost-button{padding:8px 14px;border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--surface);color:var(--ink-soft);font-size:13px;font-weight:600;cursor:pointer}.ghost-button:hover:not(:disabled){background:var(--surface-tint);color:var(--ink)}.ghost-button:disabled{opacity:.5;cursor:not-allowed}.agent-metrics-panel strong{display:block;overflow:hidden;margin-top:6px;color:var(--primary-ink);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:20px;line-height:1.1;text-overflow:ellipsis;white-space:nowrap}.agent-metrics-panel strong.missing{color:var(--ink-faint);font-size:14px}.metric-hint{margin:8px 2px 0;line-height:1.5}.device-long-list{display:grid;gap:6px;margin-top:12px;padding:12px 14px;border-radius:var(--radius-md);background:var(--surface-recess);box-shadow:var(--clay-inset-soft)}.device-long-list span{overflow:hidden;color:var(--ink);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.device-settings{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:14px;margin-bottom:20px;padding:16px 18px;border:1px solid var(--line-soft);border-radius:var(--radius-xl);background:var(--surface-hi);box-shadow:var(--clay)}.device-settings-main{display:grid;grid-template-columns:minmax(180px,1fr) auto;align-items:end;gap:12px;min-width:0}.toggle-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:10px}.toggle-control{display:inline-flex;align-items:center;min-height:42px;padding:0 14px;border-radius:var(--radius-md);background:var(--surface-recess);color:var(--ink-soft);font-size:13px;font-weight:800;box-shadow:var(--clay-inset-soft)}.toggle-control input{width:17px;height:17px;margin:0 8px 0 0;accent-color:var(--primary)}.toggle-row small{min-width:48px;color:var(--ink-mute);font-size:12px;font-weight:800;text-align:right}.stats-region{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:13px;margin-bottom:20px}.stat-card{display:grid;grid-template-columns:36px minmax(0,1fr);align-items:center;gap:12px;min-height:90px;padding:15px 16px;border:1px solid var(--line-soft);border-radius:var(--radius-lg);background:var(--surface-hi);color:var(--primary-deep);box-shadow:var(--clay-soft);transition:transform .18s ease,box-shadow .18s ease}.stat-card:hover{transform:translateY(-2px);box-shadow:var(--clay-lift)}.stats-region .stat-card:nth-child(1){color:var(--primary-deep)}.stats-region .stat-card:nth-child(2){color:var(--blue-deep)}.stats-region .stat-card:nth-child(3){color:var(--purple-deep)}.stats-region .stat-card:nth-child(4){color:var(--blue-deep)}.stats-region .stat-card:nth-child(5){color:var(--amber-deep)}.stats-region .stat-card:nth-child(6){color:var(--primary-deep)}.stat-card>svg{width:36px;height:36px;padding:7px;box-sizing:border-box;stroke-width:2}.stat-card div{min-width:0}.stat-card span,.stat-card small{display:block;overflow:hidden;color:var(--ink-mute);font-size:12px;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.stat-card strong{display:block;overflow:hidden;margin-top:5px;color:var(--ink);font-size:24px;line-height:1.1;text-overflow:ellipsis;white-space:nowrap}.stat-card.wide strong{font-size:16px}.stat-card.wide{grid-column:span 2}.stat-card small{margin-top:6px;font-weight:700}.realtime-region,.timeline-region{margin-bottom:20px;padding:20px 22px;border:1px solid var(--line-soft);border-radius:var(--radius-xl);background:var(--surface-hi);box-shadow:var(--clay)}.realtime-head,.broker-chip,.event-row{display:flex;align-items:center}.realtime-head{justify-content:space-between;gap:14px;margin-bottom:16px}.broker-chip{gap:8px;min-height:38px;padding:0 14px;border-radius:var(--radius-pill);background:var(--primary-soft);color:var(--primary-ink);font-size:13px;font-weight:800;box-shadow:var(--clay-inset-soft)}.broker-chip strong{color:var(--primary-deep);font-size:12px}.realtime-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;margin-bottom:14px}.realtime-metrics div{min-width:0;padding:13px 14px;border-radius:var(--radius-md);background:var(--surface-recess);box-shadow:var(--clay-inset-soft)}.realtime-metrics span,.event-row small{display:block;overflow:hidden;color:var(--ink-mute);font-size:12px;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.realtime-metrics strong{display:block;margin-top:5px;color:var(--ink);font-size:22px;line-height:1.1}.event-list{display:grid;gap:9px}.event-row{display:grid;grid-template-columns:minmax(120px,.8fr) minmax(120px,.8fr) minmax(110px,.7fr) minmax(130px,.9fr) minmax(170px,1fr);gap:10px;min-height:40px;padding:11px 13px;border-radius:var(--radius-md);background:var(--surface-recess);box-shadow:var(--clay-inset-soft)}.event-row span,.event-row strong{overflow:hidden;color:var(--ink);font-size:13px;text-overflow:ellipsis;white-space:nowrap}.event-row span{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.event-row strong{color:var(--primary-deep)}.timeline-list{display:grid;gap:9px;margin-top:16px}.timeline-row{display:grid;grid-template-columns:minmax(170px,.8fr) minmax(150px,.75fr) minmax(160px,1fr) minmax(0,1.4fr);gap:10px;min-height:42px;padding:11px 13px;border-radius:var(--radius-md);background:var(--surface-recess);box-shadow:var(--clay-inset-soft)}.timeline-row strong,.timeline-row span,.timeline-row small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.timeline-row strong{color:var(--ink);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px}.timeline-row span{color:var(--primary-deep);font-size:13px;font-weight:900}.timeline-row small{color:var(--ink-mute);font-size:12px;font-weight:800}.project-region .surface-header{margin-bottom:18px}.surface-header.inline{margin-bottom:14px}.surface-header .action-cluster{gap:9px}.project-layout{display:grid;grid-template-columns:minmax(280px,.7fr) minmax(0,1.3fr);gap:16px;align-items:start}.project-column,.vibe-column{display:flex;flex-direction:column;gap:14px;min-width:0}.mini-section-title{display:flex;align-items:center;gap:9px;margin:0 0 4px;color:var(--ink-mute);font-size:13px;font-weight:800}.mini-section-title strong{margin-left:auto;padding:1px 10px;border-radius:var(--radius-pill);background:var(--primary-soft);color:var(--primary-ink);font-size:12px}.project-select-list,.vibe-session-list{display:grid;gap:11px}.clay-selectable{display:grid;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:13px;width:100%;padding:13px 15px;border:1px solid var(--line-soft);border-radius:var(--radius-lg);background:var(--surface-hi);color:var(--ink);text-align:left;box-shadow:var(--clay-soft);transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}.clay-selectable:hover{transform:translateY(-1px);box-shadow:var(--clay)}.clay-selectable.selected{background:var(--primary-tint);border-color:var(--primary);box-shadow:var(--clay-soft),inset 0 0 0 1.5px var(--primary)}.clay-selectable-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:var(--radius-md);background:var(--amber-soft);color:var(--amber-ink);box-shadow:var(--tile-shadow)}.clay-selectable-icon.all{background:linear-gradient(145deg,#4ade80,#16a34a);color:#fff;box-shadow:0 3px 8px #22c55e4d,inset 1px 1px 2px #ffffff80}.clay-selectable.selected .clay-selectable-icon{background:linear-gradient(145deg,#fff,#dcfce7);color:var(--primary-ink)}.clay-selectable-text{display:flex;flex-direction:column;gap:3px;min-width:0}.clay-selectable-text strong{overflow:hidden;color:var(--ink);font-size:14px;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.clay-selectable-text small,.muted-row,.path-text{overflow:hidden;color:var(--ink-mute);font-size:12px;text-overflow:ellipsis;white-space:nowrap}.path-text{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.clay-selectable.compact{grid-template-columns:minmax(0,1fr);padding:11px 14px;border-radius:var(--radius-md)}.project-facts{padding:14px;border-radius:var(--radius-lg);background:var(--surface-recess);box-shadow:var(--clay-inset-soft)}.project-commands{margin-top:11px;padding:4px;border-radius:var(--radius-lg);background:var(--surface-recess);box-shadow:var(--clay-inset-soft)}.project-commands-toggle{display:flex;align-items:center;gap:8px;width:100%;padding:8px 10px;border:none;border-radius:var(--radius-md);background:transparent;color:var(--ink);font-size:13px;font-weight:800;cursor:pointer}.project-commands-toggle:hover{background:var(--surface-hi)}.project-commands-toggle .muted-row{font-weight:500;margin-left:2px}.project-commands-toggle .caret{margin-left:auto;color:var(--ink-soft)}.project-commands-list{list-style:none;margin:4px 0 2px;padding:0 4px;display:flex;flex-direction:column;gap:2px;max-height:260px;overflow:auto}.project-commands-list li{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:6px 8px;border-radius:var(--radius-sm);background:var(--surface-hi);box-shadow:var(--clay-inset-soft)}.project-commands-list .cmd-name{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12.5px;font-weight:700;color:var(--primary-ink);white-space:nowrap}.project-commands-list .cmd-desc{font-size:12px;color:var(--ink-soft);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-commands-list .cmd-scope{display:inline-flex;align-items:center;padding:2px 9px;border-radius:var(--radius-pill);font-size:10.5px;font-weight:800;letter-spacing:.03em;white-space:nowrap}.project-commands-list .scope-builtin{background:var(--primary-soft);color:var(--primary-ink)}.project-commands-list .scope-user{background:#f59e0b29;color:#b45309}.project-commands-list .scope-project{background:var(--surface-recess);color:var(--ink-soft);box-shadow:var(--clay-inset-soft)}.compact-facts{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));margin-top:0}.turn-pipeline{margin-top:10px;padding:12px 14px;background:var(--surface-tint);border:1px solid var(--line-soft);border-radius:var(--radius-md);box-shadow:var(--sheen)}.turn-pipeline-head{margin-bottom:8px}.pipeline-stepper{display:flex;align-items:stretch;gap:0}.pipeline-stepper.muted{opacity:.62}.pipeline-node{flex:1 1 0;min-width:0;display:flex;flex-direction:column;gap:4px}.pipeline-track{display:flex;align-items:center;gap:6px;height:14px}.pipeline-dot{flex:0 0 11px;width:11px;height:11px;border-radius:var(--radius-pill);background:var(--surface-recess);border:2px solid var(--ink-faint);box-sizing:border-box}.pipeline-line{flex:1 1 auto;height:2px;background:var(--line);border-radius:var(--radius-pill)}.is-done .pipeline-dot{background:var(--primary);border-color:var(--primary-deep)}.is-done .pipeline-line{background:var(--primary);opacity:.55}.is-active .pipeline-dot{background:var(--primary-glow);border-color:var(--primary-deep);box-shadow:0 0 0 4px #4ade8047;animation:pipeline-pulse 1.4s ease-in-out infinite}.is-failed .pipeline-dot{background:var(--coral);border-color:var(--coral-deep)}.is-pending .pipeline-dot{background:var(--surface);border-color:var(--ink-faint)}@keyframes pipeline-pulse{0%,to{box-shadow:0 0 0 4px #4ade802e}50%{box-shadow:0 0 0 6px #4ade8052}}.pipeline-body{display:flex;flex-direction:column;gap:2px;padding-right:8px}.pipeline-label{font-size:11.5px;font-weight:600;color:var(--ink-soft);line-height:1.25}.is-active .pipeline-label{color:var(--primary-ink)}.is-pending .pipeline-label{color:var(--ink-faint);font-weight:500}.is-failed .pipeline-label{color:var(--coral-ink)}.pipeline-sub{font-size:10.5px;color:var(--ink-mute)}.pipeline-elapsed{font-size:10.5px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--ink-mute)}.pipeline-elapsed.live{color:var(--amber-ink)}.pipeline-sync{margin-top:2px;font-size:10.5px;font-weight:600;align-self:flex-start;padding:1px 7px;border-radius:var(--radius-pill)}.pipeline-sync.sync-online{background:var(--primary-soft);color:var(--primary-ink)}.pipeline-sync.sync-offline{background:var(--amber-soft);color:var(--amber-ink)}.pipeline-failure{width:100%;margin-top:8px;display:flex;align-items:center;gap:6px;padding:6px 10px;background:var(--coral-soft);color:var(--coral-ink);border-radius:var(--radius-sm);font-size:12px;font-weight:600}.pipeline-total{width:100%;margin-top:8px;font-size:11.5px;color:var(--ink-mute)}.pipeline-total strong{color:var(--ink-soft)}.turn-last{margin-top:8px;border-top:1px dashed var(--line-soft);padding-top:8px}.turn-last-toggle{background:none;border:none;cursor:pointer;font-size:11.5px;color:var(--ink-mute);padding:2px 0}.turn-last-toggle:hover{color:var(--ink-soft)}.turn-last .pipeline-stepper{margin-top:8px}@media(max-width:720px){.pipeline-stepper{flex-wrap:wrap}.pipeline-node{flex:1 1 45%}}.vibe-session-rail{padding:14px;border-radius:var(--radius-lg);background:var(--surface-recess);box-shadow:var(--clay-inset-soft)}.vibe-session-list{max-height:320px;overflow:auto;padding:3px;margin:0 -3px}.vibe-content{padding:16px 18px;border:1px solid var(--line-soft);border-radius:var(--radius-lg);background:var(--surface-hi);box-shadow:var(--clay)}.file-browser-head,.vibe-content .surface-header.inline{display:flex;align-items:center;justify-content:space-between;gap:10px}.file-browser-head>div,.surface-header.inline>div{min-width:0}.surface-header.inline strong,.file-browser-head strong{display:block;overflow:hidden;max-width:100%;color:var(--ink);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.surface-header.inline small{display:block;margin-top:4px;color:var(--ink-mute);font-size:12px;font-weight:700}.vibe-detail-log{display:grid;gap:10px;max-height:520px;margin-top:14px;padding:3px;overflow:auto}.history-load-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:42px;padding:0 14px;border:1px solid var(--line-soft);border-radius:var(--radius-md);background:var(--surface-hi);color:var(--primary-ink);font-weight:800;box-shadow:var(--clay-soft)}.history-load-button:hover{background:var(--primary-tint);border-color:var(--primary-soft)}.history-load-button:disabled{opacity:.7}.files-tab{display:flex;flex-direction:column;gap:14px}.files-layout{display:grid;grid-template-columns:minmax(280px,.85fr) minmax(0,1.15fr);gap:16px;align-items:start}.file-browser-panel{min-width:0;padding:15px;border-radius:var(--radius-lg);background:var(--surface-recess);box-shadow:var(--clay-inset-soft)}.file-preview-panel{min-width:0;padding:6px;border-radius:var(--radius-lg);background:var(--surface-recess);box-shadow:var(--clay-inset-soft)}.file-error{margin:0 0 11px;padding:11px 13px;border-radius:var(--radius-md);background:var(--coral-soft);color:var(--coral-ink);font-size:13px;font-weight:700}.file-list{display:grid;gap:8px;max-height:360px;overflow:auto;padding:3px;margin:0 -3px}.file-row{display:grid;grid-template-columns:22px minmax(0,1fr) minmax(58px,.3fr) minmax(62px,.32fr) minmax(150px,.8fr);align-items:center;gap:9px;min-height:40px;padding:9px 12px;border:1px solid var(--line-soft);border-radius:var(--radius-md);background:var(--surface-hi);color:var(--ink);text-align:left;box-shadow:var(--clay-soft);transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}.file-row:hover{transform:translateY(-1px);color:var(--amber-ink);border-color:var(--amber-soft);box-shadow:var(--clay)}.file-row span,.file-row small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-row span{font-weight:800}.file-row small{color:var(--ink-mute);font-size:12px}.panel-time{display:block;margin-top:10px;color:var(--ink-mute);font-size:12px;font-weight:800}.file-preview{min-height:240px;max-height:440px;margin:0;padding:16px;overflow:auto;border-radius:var(--radius-md);background:#0f172a;color:#cbd5e1;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;line-height:1.6;white-space:pre-wrap;box-shadow:inset 0 2px 8px #00000080,inset 0 0 0 1px #ffffff0a}.content-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:18px}.tool-surface{display:flex;flex-direction:column;min-height:calc(100vh - 128px);padding:20px 22px;border:1px solid var(--line-soft);border-radius:var(--radius-xl);background:var(--surface-hi);box-shadow:var(--clay)}.field-row{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(150px,.9fr);gap:13px;margin:18px 0}label{display:grid;gap:8px;color:var(--ink-soft);font-size:13px;font-weight:700}input,select,textarea{width:100%;border:1px solid var(--line-soft);border-radius:var(--radius-md);background:var(--surface-recess);color:var(--ink);outline:none;box-shadow:var(--clay-inset-soft)}input,select{height:42px;padding:0 13px}textarea{min-height:90px;padding:12px 13px;resize:vertical}input:focus,select:focus,textarea:focus{border-color:var(--primary);box-shadow:var(--clay-inset-soft),var(--ring)}input::placeholder,textarea::placeholder{color:var(--ink-faint)}.terminal-output{flex:1;min-height:360px;margin:0;padding:16px;overflow:auto;border-radius:var(--radius-md);background:#0f172a;color:#86efac;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:13px;line-height:1.6;white-space:pre-wrap;box-shadow:inset 0 2px 8px #00000080,inset 0 0 0 1px #ffffff0a}.send-row{gap:10px;margin-top:15px}.send-row input{flex:1}.chat-log{display:flex;flex:1;flex-direction:column;gap:11px;min-height:300px;max-height:calc(100vh - 392px);padding:2px;overflow:auto}.chat-log .history-load-button{margin-bottom:4px;align-self:stretch}.chat-line{display:grid;grid-template-columns:38px minmax(0,1fr);gap:10px;align-items:start;padding:11px 13px;border-radius:var(--radius-md);background:var(--surface-hi);border:1px solid var(--line-soft);color:var(--ink);line-height:1.55;white-space:pre-wrap;box-shadow:var(--clay-soft)}.chat-line>div{min-width:0}.chat-line>div:last-child{overflow-wrap:anywhere}.chat-role{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--surface-recess);color:var(--ink-mute);font-size:12px;font-weight:900;box-shadow:var(--tile-shadow)}.chat-line span,.chat-line small{display:block}.chat-line small{margin-top:6px;color:var(--ink-mute);font-size:11px;font-weight:800;white-space:nowrap}.chat-line.user{background:var(--primary-tint);border-color:var(--primary-soft)}.chat-line.user .chat-role{background:linear-gradient(145deg,#4ade80,#16a34a);color:#fff;box-shadow:0 3px 8px #22c55e4d,inset 1px 1px 2px #ffffff80}.chat-line.assistant{background:var(--blue-tint);border-color:var(--blue-soft)}.chat-line.assistant .chat-role{background:linear-gradient(145deg,#60a5fa,#2563eb);color:#fff;box-shadow:0 3px 8px #3b82f64d,inset 1px 1px 2px #ffffff80}.chat-line.system{color:var(--ink-soft);background:var(--surface-recess);border-color:transparent}.prompt-box{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:end;margin-top:15px}.icon-button,.primary-action,.status-pill{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:38px;border:0;border-radius:var(--radius-md)}.icon-button{width:40px;border:1px solid var(--line-soft);background:var(--surface-hi);color:var(--ink-soft);box-shadow:var(--clay-soft);transition:box-shadow .15s ease,color .15s ease,border-color .15s ease,transform .15s ease}.icon-button:hover{color:var(--primary-deep);border-color:var(--primary-soft)}.icon-button:active{transform:translateY(1px);box-shadow:var(--clay-press)}.sidebar .icon-button{background:var(--surface-hi);color:var(--ink-soft);border-color:var(--line-soft);box-shadow:var(--clay-soft)}.icon-button.filled,.primary-action{border:0;background:linear-gradient(145deg,#4ade80,#16a34a);color:#fff;box-shadow:0 4px 10px #22c55e4d,inset 1px 1px 2px #fff6}.primary-action{padding:0 15px;font-weight:800;transition:box-shadow .15s ease,transform .15s ease,filter .15s ease}.primary-action:hover{transform:translateY(-1px);filter:brightness(1.03);box-shadow:0 6px 16px #22c55e61,inset 1px 1px 2px #ffffff80}.primary-action:active{transform:translateY(0);box-shadow:var(--clay-press)}.status-pill{padding:0 12px;font-size:13px;font-weight:800}.status-pill.connected{background:var(--primary-soft);color:var(--primary-ink);box-shadow:var(--clay-inset-soft)}.status-pill.connecting{background:var(--amber-soft);color:var(--amber-ink);box-shadow:var(--clay-inset-soft)}.status-pill.disconnected{background:var(--coral-soft);color:var(--coral-ink);box-shadow:var(--clay-inset-soft)}.empty.center-hint{margin:26px auto;padding:22px;border-radius:var(--radius-lg);background:var(--surface-recess);box-shadow:var(--clay-inset-soft);color:var(--ink-mute);text-align:center;font-size:13px}@media(max-width:1180px){.project-layout,.files-layout{grid-template-columns:1fr}}@media(max-width:1080px){.app-shell{grid-template-columns:1fr}.sidebar{min-height:auto;border-right:0;border-bottom:1px solid var(--line);box-shadow:0 6px 20px #1118270a}.content-grid{grid-template-columns:1fr}.stats-region{grid-template-columns:repeat(3,minmax(0,1fr))}.realtime-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.event-row,.timeline-row{grid-template-columns:minmax(150px,.9fr) minmax(0,1fr)}.agent-highlight{grid-template-columns:54px minmax(0,1fr)}.device-settings{grid-template-columns:1fr}.toggle-row{justify-content:flex-start}.agent-highlight-side{grid-column:1 / -1;justify-items:start;padding-top:14px;border-top:1px solid var(--line);text-align:left}.stat-card.wide{grid-column:span 2}.tool-surface{min-height:620px}}@media(max-width:680px){.workspace,.sidebar{padding:18px}.topbar,.surface-header,.prompt-box{align-items:stretch;flex-direction:column}.topbar{display:grid}.connection-summary{text-align:left}.topbar-actions{align-items:stretch;flex-direction:column}.page-switcher,.project-tabs{width:100%}.page-switcher button,.project-tabs button{flex:1;justify-content:center}.agent-highlight,.device-settings-main{grid-template-columns:1fr}.agent-metrics-panel{grid-template-columns:repeat(2,minmax(0,1fr))}.device-info-grid,.project-facts{grid-template-columns:1fr}.file-row{grid-template-columns:22px minmax(0,1fr) minmax(52px,.3fr)}.file-row small:nth-of-type(2),.file-row small:last-child{display:none}.agent-status-mark{width:52px;height:52px}.agent-highlight-main h3{white-space:normal}.field-row,.stats-region,.realtime-metrics,.prompt-box{grid-template-columns:1fr}.realtime-head{align-items:flex-start;flex-direction:column}.event-row{grid-template-columns:1fr}.stat-card.wide{grid-column:auto}.terminal-output{min-height:280px}.clay-selectable{grid-template-columns:38px minmax(0,1fr);gap:11px;padding:12px 13px}.clay-selectable-icon{width:38px;height:38px}}@media(prefers-reduced-motion:reduce){.stat-card,.clay-selectable,.file-row,.primary-action,.icon-button{transition:none}.stat-card:hover,.clay-selectable:hover,.file-row:hover,.primary-action:hover{transform:none}}.device-command-history .command-history-list{list-style:none;margin:12px 0 0;padding:0;display:grid;gap:8px;max-height:360px;overflow-y:auto}.device-command-history .command-history-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 12px;border-radius:var(--radius-md);background:var(--surface-recess);box-shadow:var(--clay-inset-soft)}.device-command-history .command-history-cmd{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ink);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12.5px}.device-command-history .command-history-meta{display:inline-flex;align-items:center;gap:8px;flex:0 0 auto;color:var(--ink-muted, #8a8f98);font-size:11px}.device-command-history .command-history-session{padding:1px 6px;border-radius:var(--radius-sm, 6px);background:var(--surface, rgba(0,0,0,.06));font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.device-command-history .load-more{display:inline-flex;align-items:center;gap:6px;margin-top:12px;padding:8px 14px;border:none;border-radius:var(--radius-md);background:var(--surface);box-shadow:var(--clay-raised-soft, 0 1px 2px rgba(0,0,0,.08));color:var(--ink);font-size:13px;cursor:pointer}.device-command-history .load-more:hover:not(:disabled){box-shadow:var(--clay-raised, 0 2px 6px rgba(0,0,0,.12))}.device-command-history .load-more:disabled{opacity:.6;cursor:default}.history-session-filter{display:flex;align-items:center;gap:8px;margin:8px 0 4px;font-size:12px;color:var(--ink-muted, #8a8f98)}.history-session-filter select{flex:1 1 auto;min-width:0;padding:6px 10px;border-radius:var(--radius-md);border:1px solid var(--surface-recess, rgba(0,0,0,.08));background:var(--surface);color:var(--ink);font-size:12.5px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.approvals-panel .approval-row{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:10px 12px;border-radius:var(--radius-md);background:var(--surface-recess);box-shadow:var(--clay-inset-soft)}.approvals-panel .approval-row.pending{background:var(--amber-soft, rgba(245, 158, 11, .12))}.approvals-panel .approval-main{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1 1 auto}.approvals-panel .approval-summary{font-size:12px;color:var(--ink-muted, #8a8f98)}.approvals-panel .approval-command{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;color:var(--ink);background:var(--surface, rgba(0,0,0,.04));padding:2px 6px;border-radius:var(--radius-sm, 6px);align-self:flex-start;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.approvals-panel .approval-actions{display:flex;align-items:center;gap:6px;flex:0 0 auto}.primary-action.small{padding:4px 10px;font-size:12px;font-weight:700;display:inline-flex;align-items:center;gap:4px}.vibe-status-region{margin-bottom:4px}.spinning{animation:admin-spin .9s linear infinite}@keyframes admin-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}