:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-canvas:#f5f6f7;--color-surface:#fff;--color-surface-subtle:#f8f9fa;--color-surface-hover:#f1f3f5;--color-border:#dfe3e7;--color-border-strong:#c9cfd5;--color-text:#172026;--color-text-secondary:#58636d;--color-text-muted:#66707a;--color-accent:#1463ff;--color-accent-hover:#0d4fd4;--color-accent-subtle:#edf3ff;--color-success:#16845b;--color-success-subtle:#e9f7f1;--color-warning:#9a6700;--color-warning-subtle:#fff5d6;--color-danger:#c43535;--color-danger-subtle:#fff0f0;--color-running:#0f9d58;--color-running-subtle:#e6f6ee;--color-queued:#b0881a;--color-queued-subtle:#fdf3dd;--color-code:#25313a;--color-shadow:#121d260f;--color-backdrop:#141b2161;--shadow-raised:0 1px 2px var(--color-shadow), 0 4px 12px #121d260a;--radius-sm:5px;--radius-md:8px;--radius-lg:10px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--font-sans:Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:"SFMono-Regular", Consolas, "Liberation Mono", monospace;--topbar-height:56px;--sidebar-width:216px}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-canvas:#12161b;--color-surface:#1a2026;--color-surface-subtle:#20262d;--color-surface-hover:#242c34;--color-border:#2e3841;--color-border-strong:#3d4853;--color-text:#e8edf1;--color-text-secondary:#aab4bd;--color-text-muted:#8a959f;--color-accent:#5b8cff;--color-accent-hover:#7aa2ff;--color-accent-subtle:#1b2a4a;--color-success:#3ecf8e;--color-success-subtle:#123426;--color-warning:#d9a741;--color-warning-subtle:#332a12;--color-danger:#f0716f;--color-danger-subtle:#3a1b1b;--color-running:#3ecf8e;--color-running-subtle:#123426;--color-queued:#d9a741;--color-queued-subtle:#332a12;--color-code:#dbe4ec;--color-shadow:#0000004d;--color-backdrop:#0000008c;--shadow-raised:0 1px 2px var(--color-shadow), 0 4px 12px #00000040}*{box-sizing:border-box}html{font-family:var(--font-sans);color:var(--color-text);background:var(--color-canvas);text-rendering:optimizelegibility}body{min-width:320px;min-height:100vh;margin:0}button,input,textarea,select{font:inherit}input,textarea,select{width:100%;min-height:36px;color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);padding:7px 10px}textarea{resize:vertical;line-height:1.55}input:focus,textarea:focus,select:focus{outline:2px solid color-mix(in srgb, var(--color-accent) 24%, transparent);border-color:var(--color-accent)}input:disabled,textarea:disabled,select:disabled,button:disabled{cursor:not-allowed;opacity:.58}a{color:inherit;text-decoration:none}code,pre{font-family:var(--font-mono)}button{color:inherit}button:focus-visible,a:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.app-shell{grid-template:"topbar topbar" var(--topbar-height) "sidebar workspace" calc(100vh - var(--topbar-height)) / var(--sidebar-width) minmax(0, 1fr);min-height:100vh;display:grid}.topbar{grid-area:topbar;grid-template-columns:var(--sidebar-width) minmax(240px, 1fr) auto;border-bottom:1px solid var(--color-border);background:var(--color-surface);align-items:center;display:grid}.brand{height:100%;padding:0 var(--space-5);border-right:1px solid var(--color-border);align-items:center;gap:10px;font-size:14px;font-weight:700;display:flex}.brand-button{cursor:pointer;background:0 0;border:0;width:100%}.brand-mark{border-radius:var(--radius-sm);background:var(--color-text);color:#fff;letter-spacing:.04em;place-items:center;width:28px;height:28px;font-size:11px;display:grid}.project-switcher,.avatar,.nav-item,.conversation-row{cursor:pointer;background:0 0;border:0}.context-switchers{align-items:center;gap:var(--space-2);margin-left:var(--space-5);color:var(--color-text-muted);display:flex}.context-switchers label{align-items:center;display:flex;position:relative}.context-switchers select{appearance:none;border-color:#0000;width:auto;max-width:220px;min-height:32px;padding:0 28px 0 8px;font-size:12px;font-weight:600}.context-switchers label svg{pointer-events:none;position:absolute;right:7px}.project-switcher{margin-left:var(--space-5);justify-self:start;align-items:center;gap:var(--space-2);font-size:13px;font-weight:600;display:flex}.topbar-actions{padding-right:var(--space-5);align-items:center;gap:var(--space-4);display:flex}.status-label{color:var(--color-text-secondary);align-items:center;gap:7px;font-size:12px;display:inline-flex}.status-dot{background:var(--color-text-muted);border-radius:50%;width:7px;height:7px}.status-dot--online{background:var(--color-success)}.status-dot--unknown{background:var(--color-warning)}.avatar{background:var(--color-surface-subtle);border:1px solid var(--color-border-strong);border-radius:50%;width:30px;height:30px;font-size:11px;font-weight:700}.sidebar{padding:var(--space-4) var(--space-3);background:var(--color-surface);border-right:1px solid var(--color-border);flex-direction:column;grid-area:sidebar;justify-content:space-between;display:flex;overflow-y:auto}.sidebar nav{gap:var(--space-1);display:grid}.nav-section{margin-top:var(--space-5);padding-top:var(--space-4);border-top:1px solid var(--color-border)}.nav-caption{margin:0 var(--space-3) var(--space-2);color:var(--color-text-muted);letter-spacing:.08em;font-size:10px;font-weight:700;display:block}.nav-item{width:100%;min-height:36px;padding:0 var(--space-3);border-radius:var(--radius-sm);color:var(--color-text-secondary);text-align:left;align-items:center;gap:10px;font-size:13px;display:flex}.nav-item:hover{background:var(--color-surface-subtle);color:var(--color-text)}.nav-item--active{color:var(--color-accent);background:var(--color-accent-subtle);font-weight:600}.sidebar-footer{padding:var(--space-3);border-top:1px solid var(--color-border);gap:5px;font-size:12px;display:grid}.text-button{width:max-content;color:var(--color-text-secondary);cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;padding:4px 0;font-size:11px;display:inline-flex}.workspace{padding:var(--space-8);grid-area:workspace;overflow-y:auto}.page-heading,.panel-heading{justify-content:space-between;align-items:center;gap:var(--space-4);display:flex}.page-heading{max-width:1120px;margin:0 auto var(--space-6)}.page-actions{align-items:center;gap:var(--space-2);display:flex}.page-heading h1,.panel-heading h2{letter-spacing:-.02em;margin:3px 0 0}.page-heading h1{font-size:24px;line-height:1.25}.page-heading p,.panel-heading p{color:var(--color-text-secondary);margin:6px 0 0;font-size:13px}.eyebrow{color:var(--color-text-muted);letter-spacing:.08em;text-transform:uppercase;font-size:11px;font-weight:700}.button{min-height:34px;padding:0 var(--space-3);border-radius:var(--radius-sm);cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;gap:6px;font-size:12px;font-weight:600;display:inline-flex}.button--primary{color:#fff;background:var(--color-accent);border-color:var(--color-accent)}.button--primary:hover{background:var(--color-accent-hover)}.button--quiet{background:var(--color-surface);border-color:var(--color-border)}.button--quiet:hover{background:var(--color-surface-subtle);border-color:var(--color-border-strong)}.button--danger{color:var(--color-danger);background:var(--color-danger-subtle);border-color:color-mix(in srgb, var(--color-danger) 35%, white)}.inline-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.button--block{width:100%}.metric-grid{max-width:1120px;margin:0 auto var(--space-5);gap:var(--space-3);grid-template-columns:repeat(5,minmax(0,1fr));display:grid}.metric-card,.panel{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-raised)}.metric-card{gap:var(--space-2) var(--space-3);padding:var(--space-4);grid-template-columns:auto 1fr;display:grid}.metric-card>svg{color:var(--color-text-muted)}.metric-card>span{color:var(--color-text-secondary);font-size:12px}.metric-card strong{grid-column:1/-1;font-size:26px;line-height:1.1}.metric-card small{color:var(--color-text-muted);grid-column:1/-1;font-size:11px}.panel{max-width:1120px;margin:0 auto}.panel-heading{padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-border)}.panel-heading h2{font-size:16px}.conversation-list{display:grid}.conversation-row{align-items:center;gap:var(--space-3);width:100%;min-height:64px;padding:var(--space-3) var(--space-5);text-align:left;border-bottom:1px solid var(--color-border);grid-template-columns:auto 1fr auto;display:grid}.conversation-row:last-child{border-bottom:0}.conversation-row:hover{background:var(--color-surface-subtle)}.state-icon{border-radius:var(--radius-sm);place-items:center;width:32px;height:32px;display:grid}.state-icon--running{color:var(--color-running);background:var(--color-accent-subtle)}.state-icon--waiting{color:var(--color-warning);background:var(--color-warning-subtle)}.state-icon--success{color:var(--color-success);background:var(--color-success-subtle)}.conversation-main{gap:5px;display:grid}.conversation-main strong{font-size:13px}.conversation-main small,.muted{color:var(--color-text-muted);font-size:11px}.badge{border-radius:999px;align-items:center;min-height:24px;padding:0 9px;font-size:11px;font-weight:600;display:inline-flex}.badge--running{color:var(--color-running);background:var(--color-accent-subtle)}.badge--waiting{color:var(--color-warning);background:var(--color-warning-subtle)}.badge--success{color:var(--color-success);background:var(--color-success-subtle)}.badge--danger{color:var(--color-danger);background:var(--color-danger-subtle)}.badge--neutral{color:var(--color-text-secondary);background:var(--color-surface-hover)}.mobile-nav{display:none}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.stack{gap:var(--space-5);max-width:1120px;margin:0 auto;display:grid}.empty-state,.loading-state{min-height:180px;padding:var(--space-8);justify-content:center;align-items:center;gap:var(--space-2);color:var(--color-text-secondary);text-align:center;flex-direction:column;display:flex}.empty-state strong{color:var(--color-text);font-size:14px}.empty-state p{max-width:480px;margin:0 0 var(--space-2);font-size:12px;line-height:1.5}.loading-state{flex-direction:row;min-height:100vh;font-size:13px}.spin{animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.notice{max-width:1120px;margin:0 auto var(--space-4);align-items:flex-start;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm);border:1px solid;font-size:12px;display:flex}.notice p{margin:3px 0 0}.notice .button{margin-left:auto}.notice--danger{color:var(--color-danger);background:var(--color-danger-subtle);border-color:color-mix(in srgb, var(--color-danger) 28%, white)}.notice--success{color:var(--color-success);background:var(--color-success-subtle);border-color:color-mix(in srgb, var(--color-success) 28%, white)}.field{color:var(--color-text-secondary);gap:6px;font-size:12px;font-weight:600;display:grid}.field small{color:var(--color-text-muted);font-weight:400;line-height:1.4}.form-stack{gap:var(--space-4);display:grid}.form-grid{gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.form-grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}.form-note{color:var(--color-text-muted);font-size:11px}.modal-backdrop{z-index:50;padding:var(--space-4);background:#141b2161;place-items:center;display:grid;position:fixed;inset:0}.modal{width:min(640px,100%);max-height:calc(100vh - 32px);padding:var(--space-5);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:auto;box-shadow:0 16px 50px #121d2633}.modal>header{margin-bottom:var(--space-5);justify-content:space-between;align-items:flex-start;display:flex}.modal h2{margin:0;font-size:18px}.modal header p{color:var(--color-text-secondary);margin:5px 0 0;font-size:12px}.modal-actions{gap:var(--space-2);justify-content:flex-end;display:flex}.spacer{flex:1}.icon-button{width:32px;height:32px;color:var(--color-text-secondary);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;place-items:center;padding:0;display:inline-grid}.icon-button:hover{color:var(--color-text);background:var(--color-surface-hover)}.icon-button--danger:hover{color:var(--color-danger);background:var(--color-danger-subtle)}.login-page{background:var(--color-canvas);grid-template-columns:minmax(0,1fr) minmax(380px,480px);min-height:100vh;display:grid}.login-page--centered{grid-template-columns:minmax(320px,560px);place-content:center}.login-intro{color:#fff;background:#18232c;flex-direction:column;justify-content:space-between;padding:clamp(32px,7vw,96px);display:flex}.brand--login{border:0;padding:0;font-size:15px}.login-intro h1{letter-spacing:-.04em;max-width:720px;margin:10px 0 16px;font-size:clamp(32px,4vw,54px);line-height:1.08}.login-intro p{color:#b7c2ca;max-width:620px;line-height:1.65}.feature-list{gap:var(--space-4);color:#d9e0e5;flex-wrap:wrap;margin:0;padding:0;font-size:12px;list-style:none;display:flex}.feature-list li{align-items:center;gap:var(--space-2);display:flex}.login-card{align-self:center;gap:var(--space-5);margin:clamp(24px,8vw,96px);display:grid}.login-card h2{margin:5px 0;font-size:24px}.login-card p,.login-note{color:var(--color-text-secondary);font-size:12px}.login-card form{gap:var(--space-4);display:grid}.auth-tabs{background:var(--color-surface-subtle);border:1px solid var(--color-border);border-radius:var(--radius-md);grid-template-columns:repeat(2,1fr);gap:2px;padding:3px;display:grid}.auth-tab{min-height:34px;padding:0 var(--space-2);color:var(--color-text-secondary);border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:0;font-size:12px}.auth-tab--active{color:var(--color-text);background:var(--color-surface);box-shadow:0 1px 2px var(--color-shadow);font-weight:600}.login-notice{padding:var(--space-3);background:var(--color-surface-subtle);border:1px solid var(--color-border);border-radius:var(--radius-sm);margin:0}.login-mode-desc{margin:var(--space-2) 0 0;line-height:1.65}.auth-mode-back,.login-secondary-action{font-size:12px}.login-secondary-action{margin-top:calc(-1 * var(--space-3))}.login-code-actions{justify-content:space-between;align-items:center;gap:var(--space-3);margin-top:calc(-1 * var(--space-3));display:flex}.login-code-actions .login-note{margin:0}.device-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);gap:0;display:grid;overflow:hidden}.device-row{align-items:center;gap:var(--space-3);min-width:0;min-height:42px;padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--color-border);grid-template-columns:minmax(100px,auto) minmax(0,1fr);font-size:12px;display:grid}.device-row:last-child{border-bottom:0}.device-row>:last-child{overflow-wrap:anywhere;text-align:right;min-width:0}.device-actions{gap:var(--space-3);grid-template-columns:1fr 1fr;display:grid}.device-actions .button{justify-content:center}.conversation-workspace{grid-template-columns:260px minmax(0,1fr);height:calc(100vh - 166px);display:grid;overflow:hidden}.conversation-sidebar{background:var(--color-surface-subtle);border-right:1px solid var(--color-border);overflow-y:auto}.conversation-sidebar-title{padding:var(--space-4);color:var(--color-text-secondary);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;font-size:11px;display:flex}.conversation-sidebar-title>span{gap:2px;display:grid}.conversation-sidebar-title small{color:var(--color-text-muted);font-size:10px}.conversation-sidebar-title .icon-button{width:28px;height:28px}.conversation-folder{border-bottom:1px solid var(--color-border)}.conversation-folder-header{min-height:40px;padding:0 var(--space-2) 0 var(--space-3);grid-template-columns:minmax(0,1fr) 30px;align-items:center;display:grid}.conversation-folder-header>button:first-child{min-width:0;color:var(--color-text-secondary);text-align:left;cursor:pointer;background:0 0;border:0;grid-template-columns:auto auto minmax(0,1fr) auto;align-items:center;gap:6px;padding:0;display:grid}.conversation-folder-header strong{text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.conversation-folder-header small,.conversation-folder-empty{color:var(--color-text-muted);font-size:10px}.conversation-folder-header .icon-button{width:26px;height:26px}.conversation-folder-empty{padding:4px var(--space-4) 12px 48px;margin:0}.conversation-nav-item{align-items:center;gap:var(--space-2);width:100%;min-height:68px;padding:var(--space-3) var(--space-3) var(--space-3) 42px;text-align:left;border:0;border-bottom:1px solid var(--color-border);cursor:pointer;background:0 0;grid-template-columns:minmax(0,1fr) auto;display:grid}.conversation-nav-item:hover,.conversation-nav-item.is-active{background:var(--color-surface)}.conversation-nav-item.is-active{box-shadow:inset 3px 0 var(--color-accent)}.conversation-nav-item>span:first-child{gap:5px;min-width:0;display:grid}.conversation-nav-item strong,.conversation-nav-item small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.conversation-nav-item strong{font-size:12px}.conversation-nav-item small{color:var(--color-text-muted);font-size:10px}.sidebar-empty{padding:var(--space-4);color:var(--color-text-muted);font-size:12px}.conversation-stage,.conversation-panel{min-width:0;min-height:0}.conversation-panel{grid-template-rows:auto minmax(0,1fr) auto;height:100%;display:grid}.conversation-header{justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border);display:flex}.conversation-header h2{margin:0;font-size:15px}.conversation-header p{color:var(--color-text-muted);margin:5px 0 0;font-size:10px}.conversation-controls{align-items:center;gap:var(--space-2);display:flex}.conversation-controls select{width:190px;min-height:32px;font-size:11px}.message-timeline{padding:var(--space-5);scroll-behavior:smooth;overflow-y:auto}.message{max-width:82%;margin-bottom:var(--space-4);padding:var(--space-3) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);white-space:pre-wrap;font-size:13px;line-height:1.65}.message--user{background:var(--color-accent-subtle);border-color:color-mix(in srgb, var(--color-accent) 20%, white);margin-left:auto}.message--assistant{background:var(--color-surface)}.message--system{background:var(--color-warning-subtle);max-width:100%}.message--streaming{border-left:3px solid var(--color-running)}.message header{color:var(--color-text-muted);justify-content:space-between;margin-bottom:6px;font-size:10px;display:flex}.event-details{margin-top:var(--space-4);color:var(--color-text-secondary);font-size:11px}.event-details summary{cursor:pointer;align-items:center;gap:6px;display:flex}.event-details ol{padding-left:0;list-style:none}.event-details li{gap:var(--space-2);border-bottom:1px solid var(--color-border);grid-template-columns:48px 1fr auto;padding:5px 0;display:grid}.composer{padding:var(--space-3) var(--space-4);border-top:1px solid var(--color-border)}.composer textarea{min-height:76px}.composer>div{margin-top:var(--space-2);color:var(--color-text-muted);justify-content:space-between;align-items:center;gap:var(--space-3);font-size:10px;display:flex}.composer>div>.button{margin-left:auto}.mode-toggle{color:var(--color-text-secondary);cursor:pointer;align-items:center;gap:6px;display:inline-flex}.mode-toggle input{width:14px;height:14px;accent-color:var(--color-accent)}.table-wrap{width:100%;overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:12px}th,td{padding:var(--space-3) var(--space-4);text-align:left;border-bottom:1px solid var(--color-border)}th{color:var(--color-text-muted);background:var(--color-surface-subtle);letter-spacing:.04em;text-transform:uppercase;font-size:10px}.name-cell,.row-actions{align-items:center;gap:var(--space-2);display:flex}.row-actions{justify-content:flex-end}.truncate-code{text-overflow:ellipsis;white-space:nowrap;max-width:260px;color:var(--color-code);display:block;overflow:hidden}.split-panel{grid-template-columns:280px minmax(0,1fr);min-height:620px;display:grid;overflow:hidden}.split-list{border-right:1px solid var(--color-border);background:var(--color-surface-subtle)}.split-list button{width:100%;padding:var(--space-3) var(--space-4);text-align:left;border:0;border-bottom:1px solid var(--color-border);cursor:pointer;background:0 0;gap:5px;display:grid}.split-list button.is-active{background:var(--color-surface);box-shadow:inset 3px 0 var(--color-accent)}.split-list span{color:var(--color-text-muted);font-size:10px}.split-list>p{padding:var(--space-4);color:var(--color-text-muted);font-size:12px}.split-detail{padding:var(--space-5)}.memory-editor{gap:var(--space-4);display:grid}.editor-toolbar{color:var(--color-text-muted);justify-content:space-between;align-items:center;font-size:11px;display:flex}.editor-toolbar>div{gap:var(--space-2);display:flex}.version-list{border-top:1px solid var(--color-border);display:grid}.version-list>div{padding:var(--space-2) 0;justify-content:space-between;font-size:11px;display:flex}.card-list{display:grid}.detail-card{gap:var(--space-3);padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-border);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;display:grid}.detail-card:last-child{border-bottom:0}.detail-card-icon{width:34px;height:34px;color:var(--color-accent);background:var(--color-accent-subtle);border-radius:var(--radius-sm);place-items:center;display:grid}.detail-card-main>div,.title-line{align-items:center;gap:var(--space-2);display:flex}.detail-card-main p{margin:5px 0;font-size:12px}.detail-card-main small,.detail-card-meta{color:var(--color-text-muted);font-size:10px}.detail-card-meta{justify-items:end;gap:var(--space-2);display:grid}.detail-card-meta>div{gap:var(--space-2);display:flex}.schedule-preview{padding:var(--space-3);background:var(--color-surface-subtle);border:1px solid var(--color-border);border-radius:var(--radius-sm);gap:6px;font-size:11px;display:grid}.schedule-preview small{color:var(--color-text-muted)}.approval-card{gap:var(--space-3);padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-border);grid-template-columns:auto minmax(0,1fr) auto;display:grid}.risk-icon{width:34px;height:34px;color:var(--color-warning);background:var(--color-warning-subtle);border-radius:var(--radius-sm);place-items:center;display:grid}.risk-icon--high,.risk-icon--critical{color:var(--color-danger);background:var(--color-danger-subtle)}.approval-card pre{max-height:140px;padding:var(--space-2);background:var(--color-surface-subtle);font-size:10px;overflow:auto}.approval-card small{color:var(--color-text-muted);font-size:10px}.approval-actions{align-items:flex-start;gap:var(--space-2);display:flex}.setup-callout{max-width:1120px;margin:0 auto var(--space-4);padding:var(--space-4);color:var(--color-warning);background:var(--color-warning-subtle);border:1px solid color-mix(in srgb, var(--color-warning) 28%, white);border-radius:var(--radius-md);justify-content:space-between;align-items:center;display:flex}.setup-callout>div{gap:5px;display:grid}.setup-callout code{color:var(--color-text);font-size:13px}.setup-callout small{font-size:10px}.computer-title{align-items:center;gap:var(--space-3);display:flex}.agent-grid{gap:var(--space-3);padding:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(260px,1fr));display:grid}.agent-card{gap:var(--space-3);padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);grid-template-columns:auto 1fr auto;align-items:center;display:grid}.agent-card>div{gap:4px;display:grid}.agent-card span{color:var(--color-text-muted);font-size:10px}.agent-card .button{grid-column:1/-1;justify-self:end}.agent-statuses{flex-direction:row;gap:5px!important;display:flex!important}.settings-grid{gap:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr));max-width:1120px;margin:0 auto;display:grid}.settings-card--wide{grid-column:1/-1}.settings-card form{gap:var(--space-4);padding:var(--space-5);display:grid}.settings-card .mode-toggle span{gap:2px;display:grid}.settings-card .mode-toggle small{color:var(--color-text-muted);font-weight:400}.activity-list{margin:0;padding:0;list-style:none}.activity-list li{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-5);border-bottom:1px solid var(--color-border);grid-template-columns:auto minmax(180px,.6fr) minmax(260px,1fr) auto;font-size:11px;display:grid}.activity-list li>div{gap:4px;display:grid}.activity-list span,.activity-list time{color:var(--color-text-muted)}.activity-list code{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.activity-icon{color:var(--color-warning)}.activity-icon--succeeded{color:var(--color-success)}.activity-icon--failed{color:var(--color-danger)}@media (width<=760px){.app-shell{grid-template:"topbar" var(--topbar-height) "workspace" minmax(0, 1fr) "mobile-nav" 58px / 1fr}.topbar{padding:0 var(--space-3);grid-template-columns:auto 1fr}.brand{border:0;padding:0}.brand>span:last-child,.project-switcher,.status-label,.sidebar{display:none}.topbar-actions{justify-self:end;gap:var(--space-2);padding:0}.workspace{padding:var(--space-4)}.metric-grid{grid-template-columns:1fr}.page-heading{align-items:flex-end}.approval-link{display:none}.context-switchers{margin-left:var(--space-2);min-width:0}.context-switchers label:first-of-type,.context-switchers>span{display:none}.context-switchers select{max-width:150px}.mobile-nav{background:var(--color-surface);border-top:1px solid var(--color-border);grid-area:mobile-nav;grid-template-columns:repeat(5,1fr);display:grid}.mobile-nav a{color:var(--color-text-muted);align-content:center;place-items:center;gap:3px;font-size:9px;display:grid}.mobile-nav a.active{color:var(--color-accent)}.login-page{grid-template-columns:1fr}.login-intro{display:none}.login-card{margin:var(--space-8) var(--space-5)}.conversation-workspace{grid-template-columns:92px minmax(0,1fr);height:calc(100vh - 188px)}.conversation-sidebar-title{display:none}.conversation-nav-item{min-height:58px;padding:var(--space-2);grid-template-columns:1fr}.conversation-nav-item .badge,.conversation-nav-item small,.conversation-controls select{display:none}.message{max-width:94%}.form-grid,.form-grid--3,.settings-grid,.split-panel{grid-template-columns:1fr}.settings-card--wide{grid-column:auto}.split-list{border-right:0;border-bottom:1px solid var(--color-border);max-height:180px;overflow-y:auto}.detail-card,.approval-card{grid-template-columns:auto 1fr}.detail-card-meta,.approval-actions{grid-column:1/-1;justify-items:start}.activity-list li{grid-template-columns:auto 1fr}.activity-list code,.activity-list time{grid-column:2}}.account-menu-wrap{position:relative}.account-menu{z-index:60;min-width:240px;padding:var(--space-2);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-raised);position:absolute;top:calc(100% + 6px);right:0}.account-menu-header{padding:var(--space-2) var(--space-3) var(--space-3);border-bottom:1px solid var(--color-border);margin-bottom:var(--space-2);gap:2px;display:grid}.account-menu-header span{color:var(--color-text-muted);font-size:12px}.account-menu-item{align-items:center;gap:var(--space-2);width:100%;padding:var(--space-2) var(--space-3);color:var(--color-text);text-align:left;border-radius:var(--radius-sm);background:0 0;border:0;font-size:13px;display:flex}.account-menu-item:hover{background:var(--color-surface-hover)}.account-menu-item select{max-width:140px;margin-left:auto}.account-menu-item .text-button{margin-left:auto}.account-menu-link{cursor:pointer;text-decoration:none}.loading-block{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-8);color:var(--color-text-secondary);font-size:13px;display:flex}.conversation-statuses{gap:var(--space-1);align-items:center;display:flex}.approval-summary{color:var(--color-text);margin:6px 0 4px;font-size:13px}.approval-raw summary{cursor:pointer;color:var(--color-text-muted);font-size:12px}.approval-raw pre{padding:var(--space-3);background:var(--color-surface-subtle);border:1px solid var(--color-border);border-radius:var(--radius-sm);margin:6px 0;font-size:12px;overflow:auto}.login-notice--success{color:var(--color-success)}.modal-actions--end{justify-content:flex-end}.input-error{border-color:var(--color-danger)!important}.badge--queued{background:var(--color-queued-subtle);color:var(--color-queued)}.badge--running{background:var(--color-running-subtle);color:var(--color-running)}.toast-viewport{bottom:var(--space-5);right:var(--space-5);z-index:100;gap:var(--space-2);flex-direction:column;max-width:380px;display:flex;position:fixed}.toast{align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-surface);box-shadow:var(--shadow-raised);color:var(--color-text);font-size:13px;animation:.18s ease-out toast-in;display:flex}.toast--success{color:var(--color-success);border-color:color-mix(in srgb, var(--color-success) 32%, var(--color-border))}.toast--error{color:var(--color-danger);border-color:color-mix(in srgb, var(--color-danger) 32%, var(--color-border))}.toast--info{color:var(--color-text-secondary)}@keyframes toast-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}