:root{color:#e8ebf1;background:#0a0c10;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;font-synthesis:none;color-scheme:dark;--accent: #8be9fd;--accent-soft: rgb(139 233 253 / 10%);--border: #252932;--muted: #8a919f;--panel: #111318;--panel-raised: #16191f;--terminal: #0b0d12;--good: #a6e3a1;--warning: #f6c177}:root.light{color:#20242b;background:#f3f4f6;color-scheme:light;--accent: #087e98;--accent-soft: rgb(8 126 152 / 9%);--border: #d9dce2;--muted: #69717d;--panel: #fafafa;--panel-raised: #ffffff;--terminal: #0b0d12}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;min-width:320px;min-height:100vh;overflow:hidden;background:#0a0c10}button,input{font:inherit}button{color:inherit;cursor:pointer}button:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.7}.app-shell{min-height:100vh;display:grid;grid-template-columns:286px minmax(0,1fr);background:var(--panel)}.sidebar{position:relative;z-index:3;min-width:0;height:100vh;display:flex;flex-direction:column;border-right:1px solid var(--border);background:#0d0f13}.light .sidebar{background:#f8f8f9}.brand{height:68px;padding:0 20px;display:flex;align-items:center;gap:11px;border-bottom:1px solid var(--border);font-size:17px;font-weight:720;letter-spacing:-.02em}.brand-mark{width:30px;height:30px;display:grid;place-items:center;border:1px solid rgb(139 233 253 / 30%);border-radius:8px;color:var(--accent);background:var(--accent-soft);font-family:SFMono-Regular,Consolas,monospace;font-size:12px;font-weight:800}.sidebar-heading{padding:24px 18px 12px;display:flex;align-items:flex-end;justify-content:space-between}.eyebrow{display:block;margin-bottom:5px;color:var(--muted);font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}h1,h2,h3,h4,p{margin:0}h1{font-size:14px;font-weight:650}.count{min-width:24px;height:22px;padding:0 7px;display:grid;place-items:center;border-radius:999px;color:var(--muted);background:#8a919f1f;font-size:11px;font-weight:700}.heading-actions{display:flex;align-items:center;gap:7px}.add-session{width:24px;height:24px;padding:0;border:1px solid rgb(139 233 253 / 20%);border-radius:6px;color:var(--accent);background:var(--accent-soft);font-size:17px;line-height:1}.session-list{min-height:0;padding:0 10px;display:flex;flex:1;flex-direction:column;gap:4px;overflow-y:auto}.empty-list{padding:18px 14px;color:var(--muted);font-size:11px;line-height:1.5;text-align:center}button:disabled{cursor:not-allowed;opacity:.45}.session-item{position:relative;width:100%;padding:13px 12px 12px;border:1px solid transparent;border-radius:10px;background:transparent;text-align:left}.session-item:hover{background:#ffffff08}.light .session-item:hover{background:#00000008}.session-item.selected{border-color:#8be9fd21;background:var(--accent-soft)}.session-item.selected:before{position:absolute;top:12px;bottom:12px;left:-10px;width:2px;border-radius:0 2px 2px 0;background:var(--accent);content:""}.session-item-top{min-width:0;display:grid;grid-template-columns:20px minmax(0,1fr) auto;align-items:center;gap:7px}.agent-logo{color:var(--accent);font-size:15px;line-height:1;text-align:center}.session-name{overflow:hidden;font-size:12px;font-weight:650;text-overflow:ellipsis;white-space:nowrap}.session-item time,.session-meta{color:var(--muted);font-size:10px}.session-meta{margin:7px 0 8px 27px;display:flex;gap:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.session-meta i{font-style:normal;opacity:.5}.session-item-state,.state-pill{width:fit-content;display:flex;align-items:center;gap:6px;color:var(--muted);font-size:10px;font-weight:600}.session-item-state{margin-left:27px}.session-item-state i,.state-pill i,.online-dot{width:6px;height:6px;display:inline-block;border-radius:50%;background:var(--muted)}.session-item-state.working,.state-pill.working{color:var(--good)}.session-item-state.working i,.state-pill.working i,.online-dot{background:var(--good);box-shadow:0 0 0 3px #a6e3a117}.session-item-state.waiting,.state-pill.waiting{color:var(--warning)}.session-item-state.waiting i,.state-pill.waiting i{background:var(--warning)}.device-mini{margin:12px;padding:12px;display:flex;align-items:center;gap:10px;border:1px solid var(--border);border-radius:11px;background:var(--panel)}.device-icon{width:32px;height:32px;display:grid;flex:0 0 auto;place-items:center;border-radius:8px;color:var(--accent);background:var(--accent-soft)}.device-icon svg{width:17px}.device-mini-content{flex:1;min-width:0}.device-mini select{width:100%;padding:0;border:0;color:var(--text);background:transparent;font:inherit;font-size:11px;font-weight:650}.device-mini select:disabled{opacity:1}.device-mini small{margin-top:4px;display:flex;align-items:center;gap:6px;color:var(--muted);font-size:9px}.device-mini .online-dot{width:5px;height:5px}.workspace{min-width:0;height:100vh;display:flex;flex-direction:column;background:radial-gradient(circle at 70% -20%,rgb(139 233 253 / 4%),transparent 35%),var(--panel)}.topbar{height:68px;padding:0 24px;display:flex;flex:0 0 auto;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border)}.connection,.topbar-actions{display:flex;align-items:center}.connection{gap:8px;font-size:11px;font-weight:650}.connection small{margin-left:2px;color:var(--muted);font-size:10px;font-weight:450}.topbar-actions{gap:10px}.demo-badge{padding:5px 8px;border:1px solid var(--border);border-radius:6px;color:var(--muted);font-size:9px;font-weight:650;letter-spacing:.06em;text-transform:uppercase}.icon-button,.mobile-menu{width:32px;height:32px;display:grid;place-items:center;border:1px solid var(--border);border-radius:8px;background:transparent}.icon-button:hover,.mobile-menu:hover{background:var(--panel-raised)}.icon-button svg{width:15px}.account-button{min-width:30px;width:30px;height:30px;display:grid;place-items:center;border:1px solid rgb(139 233 253 / 18%);border-radius:7px;color:var(--accent);background:var(--accent-soft);font-size:9px;font-weight:750;white-space:nowrap}.account-button:not(.signed-in){width:auto;padding:0 10px}.account-button.has-avatar{border-radius:50%;background-position:center;background-size:cover;text-indent:-9999px}.mobile-menu{display:none}.workspace-content{width:min(100%,1240px);min-height:0;margin:0 auto;padding:28px 30px 30px;display:grid;flex:1;grid-template-rows:auto auto minmax(320px,1fr);gap:20px;overflow-y:auto}.session-header{display:flex;align-items:flex-end;justify-content:space-between;gap:28px}.session-kicker{margin-bottom:10px;display:flex;align-items:center;gap:7px;color:var(--muted);font-size:10px;font-weight:600}.session-header h2{margin-bottom:7px;font-size:clamp(22px,2.4vw,30px);font-weight:680;letter-spacing:-.035em}.session-header p{max-width:620px;color:var(--muted);font-size:12px;line-height:1.5}.session-actions{display:flex;align-items:center;gap:12px}.state-pill{padding:7px 9px;border:1px solid var(--border);border-radius:7px;background:var(--panel-raised)}.secondary-button{padding:8px 11px;display:flex;align-items:center;gap:7px;border:1px solid var(--border);border-radius:7px;background:var(--panel-raised);font-size:10px;font-weight:650}.secondary-button:hover{border-color:#8be9fd47}.secondary-button svg{width:14px}.device-panel{padding:14px 16px;display:grid;grid-template-columns:minmax(200px,1.35fr) repeat(4,minmax(90px,.65fr)) 26px;align-items:center;gap:20px;border:1px solid var(--border);border-radius:12px;background:var(--panel-raised)}.device-details-button{width:26px;height:30px;padding:0;border:0;border-radius:6px;color:var(--muted);background:transparent;font-size:20px}.device-details-button:hover{color:var(--accent);background:var(--accent-soft)}.device-identity{min-width:0;display:flex;align-items:center;gap:11px}.device-icon.large{width:38px;height:38px}.device-identity>span:last-child{min-width:0}.device-identity strong,.device-identity small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.device-identity strong{font-size:11px}.device-identity small{margin-top:3px;color:var(--muted);font-size:9px}.device-metric{min-width:0;padding-left:18px;border-left:1px solid var(--border)}.device-metric>span{display:block;color:var(--muted);font-size:9px}.device-metric strong{margin:4px 0 7px;display:block;overflow:hidden;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.metric-track{width:100%;max-width:80px;height:3px;overflow:hidden;border-radius:999px;background:#8a919f26}.metric-track i{height:100%;display:block;border-radius:inherit;background:var(--accent)}.battery{position:relative;width:27px;height:10px;padding:2px;border:1px solid var(--muted);border-radius:3px}.battery:after{position:absolute;top:2px;right:-3px;width:2px;height:4px;border-radius:0 1px 1px 0;background:var(--muted);content:""}.battery i{height:100%;display:block;border-radius:1px;background:var(--good)}.terminal-card{min-height:0;display:grid;grid-template-rows:43px minmax(220px,1fr) 36px 43px;overflow:hidden;border:1px solid #272b35;border-radius:12px;background:var(--terminal);box-shadow:0 18px 50px #00000024}.terminal-toolbar{padding:0 14px;display:grid;grid-template-columns:64px minmax(0,1fr) auto auto;gap:12px;align-items:center;border-bottom:1px solid #252933;color:#a1a7b3;background:#15181e}.surface-switch{padding:2px;display:flex;border:1px solid #292e38;border-radius:6px;background:#101218}.surface-switch button{padding:4px 8px;border:0;border-radius:4px;color:#747c8a;background:transparent;font-size:8px;font-weight:650}.surface-switch button.active{color:#d9dee8;background:#292e38}.traffic-lights{display:flex;gap:6px}.traffic-lights span{width:9px;height:9px;border-radius:50%;background:#ff605c}.traffic-lights span:nth-child(2){background:#ffbd44}.traffic-lights span:nth-child(3){background:#00ca4e}.terminal-title{min-width:0;display:flex;align-items:center;justify-content:center;gap:7px;font-size:10px;font-weight:650}.terminal-title svg{width:13px}.terminal-title small{overflow:hidden;color:#747c8a;font-size:9px;font-weight:450;text-overflow:ellipsis;white-space:nowrap}.terminal-status{display:flex;align-items:center;gap:6px;color:#747c8a;font-size:9px}.terminal-status .online-dot{width:5px;height:5px}.terminal-status.failed{color:#ff8b8b}.terminal-status.failed .online-dot{background:#ff8b8b}.session-surface,.canvas-wrap{min-height:0;background:var(--terminal)}.session-surface{position:relative}.canvas-wrap{width:100%;height:100%}#terminal{min-width:0;min-height:0;width:100%;height:100%;display:block;background:#1e1e2e;touch-action:none;overscroll-behavior:contain;user-select:none;-webkit-user-select:none;cursor:default;outline:none}#terminal:focus{box-shadow:inset 0 0 0 1px #89b4fa59}.agent-view{height:100%;padding:24px;overflow-y:auto;color:#d9dee8;background:#0d1015}.agent-status-card,.approval-card,.agent-empty{width:min(100%,720px);margin:0 auto;padding:18px;border:1px solid #29303b;border-radius:12px;background:#141820}.agent-status-card.working{border-color:#a6e3a138;background:#a6e3a10d}.agent-status-card.waiting{border-color:#f6c17747;background:#f6c1770f}.agent-status-heading{display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:11px}.agent-status-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;color:#0b0d12;background:var(--good)}.agent-status-heading strong,.agent-status-heading small{display:block}.agent-status-heading strong{font-size:12px}.agent-status-heading small{margin-top:4px;color:#838b99;font-size:9px}.agent-activity-dot{width:8px;height:8px;border-radius:50%;background:var(--good);box-shadow:0 0 0 4px #a6e3a117}.agent-status-card.waiting .agent-status-icon,.agent-status-card.waiting .agent-activity-dot{background:var(--warning)}.usage-grid{margin:17px 0 12px;padding-top:15px;display:grid;grid-template-columns:repeat(3,1fr);gap:16px;border-top:1px solid #29303b}.usage-grid small,.usage-grid strong{display:block}.usage-grid small{margin-bottom:4px;color:#747c8a;font-size:8px}.usage-grid strong{font-size:10px}.context-track{height:3px;overflow:hidden;border-radius:999px;background:#262c35}.context-track i{height:100%;display:block;border-radius:inherit;background:var(--accent)}.approval-card{margin-top:14px;border-color:#f6c17740}.approval-card h4{margin:7px 0 12px;font-size:13px}.approval-card code{padding:10px;display:block;border-radius:7px;color:#cbd2de;background:#090b0f;font-size:10px}.approval-card>div{margin-top:14px;display:flex;justify-content:flex-end;gap:8px}.primary-button{padding:8px 12px;border:1px solid var(--accent);border-radius:7px;color:#071014;background:var(--accent);font-size:10px;font-weight:700}.agent-empty{margin-top:14px;display:flex;align-items:center;gap:9px;color:#838b99}.agent-empty>span{color:var(--good)}.agent-empty strong{color:#cbd2de;font-size:10px}.agent-empty small{font-size:9px}.terminal-controls{padding:0 12px;display:flex;align-items:center;gap:5px;border-top:1px solid #222630;background:#14171d}.terminal-controls button{min-width:27px;height:23px;padding:0 7px;border:1px solid #2d323d;border-radius:5px;color:#89919f;background:#1b1f27;font-family:SFMono-Regular,Consolas,monospace;font-size:8px}.terminal-controls button:hover,.terminal-controls button.armed{border-color:#8be9fd59;color:#8be9fd}.controls-divider{width:1px;height:17px;margin:0 3px;background:#2d323d}.controls-spacer{flex:1}#terminal-input{padding:0 18px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:9px;border-top:1px solid #222630;color:#8be9fd;background:#11141a;font-family:SFMono-Regular,Cascadia Code,Consolas,monospace;font-size:12px}#terminal-input input{width:100%;padding:0;border:0;outline:0;color:#d9dee8;background:transparent;font-family:inherit;font-size:11px}#terminal-input input::placeholder{color:#555d6b}.input-hint{color:#555d6b;font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:8px}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);border:0;white-space:nowrap}.sidebar-scrim{display:none}.app-dialog{width:min(92vw,520px);padding:0;overflow:hidden;border:1px solid var(--border);border-radius:14px;color:inherit;background:var(--panel-raised);box-shadow:0 28px 90px #0000007f}.app-dialog::backdrop{background:#000000a3;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.app-dialog form,.device-dialog{padding:22px}.dialog-header{margin-bottom:22px;display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.dialog-header h3{font-size:18px}.dialog-close{width:28px;height:28px;padding:0;border:1px solid var(--border);border-radius:7px;color:var(--muted);background:transparent;font-size:18px}.field-label{margin:17px 0 8px;display:flex;justify-content:space-between;color:var(--muted);font-size:10px;font-weight:650}.field-label small{font-weight:450}.agent-picker{display:grid;grid-template-columns:1fr 1fr;gap:9px}.agent-picker input{position:absolute;opacity:0}.agent-picker label>span{padding:14px;display:flex;align-items:center;gap:9px;border:1px solid var(--border);border-radius:9px;color:var(--muted);font-size:14px;cursor:pointer}.agent-picker strong{color:inherit;font-size:10px}.agent-picker input:checked+span{border-color:#8be9fd59;color:var(--accent);background:var(--accent-soft)}.dialog-input,.app-dialog textarea,.app-dialog select{width:100%;padding:10px 11px;border:1px solid var(--border);border-radius:8px;outline:0;color:inherit;background:var(--panel);font-size:10px}.app-dialog textarea{resize:vertical;font-family:SFMono-Regular,Consolas,monospace}.dialog-input:focus,.app-dialog textarea:focus{border-color:var(--accent)}.dialog-actions{margin-top:22px;display:flex;justify-content:flex-end;gap:8px}.device-dialog{width:min(92vw,680px)}.device-summary-grid{padding:14px;display:grid;grid-template-columns:repeat(4,1fr);gap:12px;border:1px solid var(--border);border-radius:10px;background:var(--panel)}.device-summary-grid .device-metric{padding-left:12px}.device-summary-grid .device-metric:first-child{padding-left:0;border-left:0}.process-heading{margin:22px 0 10px;display:flex;align-items:flex-end;justify-content:space-between}.process-heading h4{font-size:13px}.process-heading select{width:auto;padding:6px 24px 6px 8px}.process-list{overflow:hidden;border:1px solid var(--border);border-radius:9px}.process-row{padding:10px 12px;display:grid;grid-template-columns:minmax(120px,1fr) 70px 80px 28px;align-items:center;gap:10px;border-bottom:1px solid var(--border);font-size:10px}.process-row:last-child{border-bottom:0}.process-row span{text-align:right}.process-row span:first-child{text-align:left}.process-row strong,.process-row small{display:block}.process-row small{margin-top:3px;color:var(--muted);font-size:8px}.process-row button{width:25px;height:25px;border:0;border-radius:6px;color:#ff8b8b;background:#ff8b8b14}@media(max-width:960px){.app-shell{grid-template-columns:240px minmax(0,1fr)}.device-panel{grid-template-columns:minmax(200px,1.4fr) repeat(3,.65fr) 26px}.battery-metric{display:none}}@media(max-width:760px){body{overflow:auto}.app-shell{display:block}.sidebar{position:fixed;top:0;bottom:0;left:0;width:min(286px,86vw);transform:translate(-101%);transition:transform .18s ease}.sidebar.open{transform:translate(0)}.sidebar-scrim{position:fixed;z-index:2;inset:0;border:0;background:#0000008f}.sidebar-scrim.visible{display:block}.workspace{height:auto;min-height:100vh}.topbar{padding:0 16px}.mobile-menu{display:grid}.connection small,.demo-badge{display:none}.workspace-content{padding:22px 16px;grid-template-rows:auto auto minmax(420px,58vh)}.session-header{align-items:flex-start;flex-direction:column;gap:14px}.session-actions{width:100%;justify-content:space-between}.device-panel{grid-template-columns:1fr 1fr 26px;gap:16px}.device-identity{grid-column:1 / 3}.device-metric{padding-left:0;border-left:0}.device-metric:nth-of-type(3){display:none}.device-details-button{grid-column:3;grid-row:1}.surface-switch{display:flex}}@media(max-width:480px){.workspace-content{padding:18px 12px;gap:16px}.secondary-button{display:none}.terminal-toolbar{grid-template-columns:52px minmax(0,1fr) auto}.terminal-status{display:none}.terminal-controls{overflow-x:auto}.terminal-controls .controls-spacer{min-width:8px}.agent-view{padding:14px}.usage-grid{gap:8px}.agent-empty{align-items:flex-start;flex-direction:column}.device-summary-grid{grid-template-columns:1fr 1fr}.device-summary-grid .device-metric:nth-child(3){display:block}.input-hint{display:none}#terminal-input{grid-template-columns:auto minmax(0,1fr)}}@media(prefers-reduced-motion:reduce){.sidebar{transition:none}}