:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--surface-canvas:#181818;--surface-panel:#1c1c1c;--surface-raised:#242424;--surface-hover:#2a2a2a;--surface-input:#242424;--surface-agent:#1b1b1b;--border:#ffffff12;--border-strong:#ffffff1a;--text-primary:#ececec;--text-secondary:#c9c9c9;--text-muted:#9a9a9a;--text-faint:#6e6e6e;--accent:#339cff;--accent-ink:#101820;--status-attention:#f5b942;--status-danger:#ff6b6b;--status-success:#3fcf6e;--status-live:#339cff;--shadow:0 20px 60px #0000005c;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--space-8:32px;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--motion-fast:.12s;--motion-base:.18s;font-synthesis:none;text-rendering:optimizelegibility;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:var(--surface-canvas);color:var(--text-primary);font-size:14px;line-height:1.5}button,input,textarea{color:inherit;font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.52}a{color:var(--accent)}h1,h2,h3,p{margin-top:0}h1{letter-spacing:-.025em;font-size:21px;line-height:1.2}h2{letter-spacing:-.015em;font-size:17px}h3{font-size:14px}pre,code,kbd{font-family:SFMono-Regular,Consolas,Liberation Mono,monospace}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}::selection{background:#339cff3d}.sr-only{clip:rect(0, 0, 0, 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.mobile-only,.bottom-nav{display:none}.muted{color:var(--text-muted)}.eyebrow{color:var(--text-muted);letter-spacing:.12em;margin-bottom:var(--space-1);text-transform:uppercase;font-size:11px;font-weight:700}.observer-shell{grid-template-rows:minmax(0,1fr);grid-template-columns:288px minmax(460px,1fr) 360px;height:100dvh;min-height:0;max-height:100dvh;display:grid;overflow:hidden}.thread-rail,.inspector-pane{background:var(--surface-panel);min-width:0;min-height:0}.thread-rail{border-right:1px solid var(--border);overflow:hidden}.main-pane{min-width:0;height:100%;min-height:0;overflow:hidden}.inspector-pane{border-left:1px solid var(--border);overflow:auto}.rail-inner{height:100%;min-height:0;padding:var(--space-3);flex-direction:column;display:flex}.brand{align-items:center;gap:11px;min-height:54px;padding:6px 8px 12px;display:flex}.brand strong{font-size:15px}.brand span{color:var(--text-muted);font-size:12px}.brand-mark{background:var(--accent);border-radius:9px;justify-content:center;align-items:center;width:32px;height:32px;display:inline-flex;position:relative;overflow:hidden;transform:rotate(-4deg)}.brand-mark:before,.brand-mark:after,.brand-mark span{background:var(--accent-ink);content:"";border-radius:999px;display:block;position:absolute}.brand-mark:before{width:5px;height:14px;transform:rotate(35deg)}.brand-mark:after{width:18px;height:5px;transform:rotate(35deg)}.brand-mark span{width:3px;height:3px;bottom:5px;right:5px}.brand-mark--large{border-radius:15px;width:56px;height:56px}.brand-mark--large span{width:5px;height:5px;bottom:9px;right:9px}.search-box{background:var(--surface-input);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-muted);align-items:center;gap:var(--space-2);margin-bottom:var(--space-3);min-height:44px;padding:0 11px;display:flex}.search-box svg{flex:none}.search-box input{background:0 0;border:0;outline:0;width:100%;min-width:0}.search-box input::placeholder,textarea::placeholder{color:#737982}.rail-section-heading{color:var(--text-muted);letter-spacing:.08em;text-transform:uppercase;justify-content:space-between;align-items:center;min-height:30px;padding:0 9px;font-size:11px;font-weight:700;display:flex}.thread-list{overscroll-behavior:contain;scrollbar-gutter:stable;scrollbar-width:thin;flex:1;min-height:0;overflow-y:auto}.thread-row{border-radius:var(--radius-md);text-align:left;background:0 0;border:0;grid-template-columns:8px minmax(0,1fr) auto;align-items:flex-start;gap:10px;width:100%;min-height:66px;margin:2px 0;padding:11px 9px;display:grid}.thread-row:hover{background:#ffffff08}.thread-row.is-active{background:var(--surface-raised)}.status-dot{background:var(--text-muted);border-radius:50%;width:7px;height:7px;margin-top:6px;display:inline-block}.status-dot--active,.status-dot--queued{background:var(--accent);box-shadow:0 0 0 3px #d5ff5f1a}.status-dot--needs_input,.status-dot--stalled{background:var(--status-attention)}.status-dot--failed,.status-dot--aborted{background:var(--status-danger)}.status-dot--completed{background:var(--status-success)}.thread-row__content{flex-direction:column;min-width:0;display:flex}.thread-row__title{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.thread-row__meta{color:var(--text-muted);gap:5px;margin-top:4px;font-size:12px;display:flex}.thread-row__end{flex-direction:column;align-items:flex-end;gap:6px;display:flex}.status-text{color:var(--text-muted);letter-spacing:.035em;text-transform:uppercase;white-space:nowrap;border-radius:999px;padding:5px 7px;font-size:10px;font-weight:700;line-height:1}.status-text--active,.status-text--queued{color:var(--accent);background:#d5ff5f1a}.status-text--needs_input,.status-text--stalled{color:var(--status-attention);background:#f5b9421f}.status-text--failed,.status-text--aborted{color:var(--status-danger);background:#ff6b6b1f}.status-text--completed{color:var(--status-success);background:#61d0951c}.transcript-pane{flex-direction:column;height:100%;min-height:0;display:flex;position:relative}.transcript-header{border-bottom:1px solid var(--border);align-items:center;gap:var(--space-3);min-height:74px;padding:10px var(--space-6);z-index:3;background:#111214eb;flex:none;display:flex}.transcript-header__title{flex:1;min-width:0}.transcript-header__title>div{align-items:center;gap:var(--space-2);display:flex}.transcript-header h1{text-overflow:ellipsis;white-space:nowrap;margin:0;overflow:hidden}.icon-button{border-radius:var(--radius-sm);background:0 0;border:0;justify-content:center;align-items:center;width:44px;height:44px;display:inline-flex}.icon-button:hover{background:var(--surface-raised)}.button{border:1px solid var(--border);border-radius:var(--radius-md);align-items:center;gap:var(--space-2);background:0 0;justify-content:center;min-height:44px;padding:0 14px;font-size:13px;font-weight:650;display:inline-flex}.button:hover:not(:disabled){background:var(--surface-hover);border-color:var(--border-strong)}.button--primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.button--primary:hover:not(:disabled){background:#66b5ff;border-color:#66b5ff}.button--subtle{background:var(--surface-raised)}.button--ghost{border-color:#0000}.button--danger,.button--danger-ghost{color:var(--status-danger)}.button--danger{background:var(--status-danger);border-color:var(--status-danger);color:#240505}.button--danger-ghost{border-color:#ff6b6b40}.button--wide{width:100%}.connection-banner{color:var(--status-attention);align-items:center;gap:var(--space-2);background:#f5b94217;border-bottom:1px solid #f5b9422e;justify-content:center;min-height:34px;font-size:12px;display:flex}.connection-banner>span,.connection-pill>span{background:currentColor;border-radius:50%;width:6px;height:6px}.connection-banner--offline,.connection-banner--unavailable{color:var(--status-danger);background:#ff6b6b14;border-color:#ff6b6b2e}.connection-pill{color:var(--status-success);z-index:5;align-items:center;gap:6px;font-size:11px;display:flex;position:absolute;top:62px;right:26px}.transcript-scroll{overscroll-behavior:contain;scrollbar-gutter:stable;scrollbar-width:thin;flex:1;min-height:0;overflow-y:auto}.transcript-content{max-width:840px;min-height:100%;padding:var(--space-8) var(--space-6) 48px;width:100%;margin:0 auto}.run-divider{color:var(--text-muted);align-items:center;gap:var(--space-3);letter-spacing:.04em;margin:0 0 var(--space-6);text-transform:uppercase;font-size:11px;display:flex}.run-divider:before,.run-divider:after{background:var(--border);content:"";flex:1;height:1px}.event-v2{overflow-wrap:anywhere;margin:8px 0}.event-v2--user_message{justify-content:flex-end;margin:10px 0;display:flex}.event-v2__user-bubble{white-space:pre-wrap;background:#2a2a2a;border-radius:18px 18px 6px;max-width:85%;padding:10px 16px;font-size:15px;line-height:1.6}.event-v2__agent-message{color:var(--text-primary);white-space:pre-wrap;margin:12px 0;font-size:15px;line-height:1.7}.event-v2__reasoning-summary{color:var(--text-muted);margin:10px 0;font-size:14px;line-height:1.65}.event-v2__reasoning-label{color:var(--text-faint);margin-bottom:2px;font-size:12px;font-weight:600;display:block}.event-v2__body{white-space:pre-wrap;margin:0}.event-v2__details{margin:5px 0}.event-v2__details-summary{color:var(--text-muted);cursor:pointer;align-items:center;gap:9px;min-height:34px;padding:3px 0;font-size:14px;list-style:none;display:flex}.event-v2__details-summary::-webkit-details-marker{display:none}.event-v2__details-glyph{color:var(--text-faint);font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:13px}.event-v2__details-label{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.event-v2__details-stat{color:var(--text-faint);white-space:nowrap;margin-left:auto;font-size:11.5px}.event-v2__details-chevron{color:var(--text-faint);transition:transform var(--motion-fast);font-size:10px}.event-v2__details[open] .event-v2__details-chevron{transform:rotate(90deg)}.event-v2__details-content{border-left:2px solid #2a2a2a;margin:2px 0 6px 4px;padding:5px 0 5px 14px}.event-v2__output{border:1px solid var(--border);color:var(--text-secondary);white-space:pre-wrap;background:#202020;border-radius:8px;max-height:360px;margin:0;padding:10px;font-size:12px;line-height:1.55;overflow:auto}.event-v2__artifact-link{gap:5px;margin-top:8px;font-size:12px;display:inline-flex}.event-v2__plan-card{border:1px solid var(--border);background:#1f1f1f;border-radius:12px;margin:10px 0;padding:12px 14px}.event-v2__plan-label{color:var(--text-muted);font-size:12px;font-weight:600}.event-v2__question-card{background:#f5b9420f;border:1px solid #f5b94233;border-radius:12px;margin:10px 0;padding:12px 14px}.event-v2__question-label{color:var(--status-attention);align-items:center;gap:7px;margin-bottom:5px;font-size:12px;font-weight:600;display:flex}.event-v2__question-dot{font-size:9px;animation:1.6s ease-in-out infinite pulse}.event-v2__failure-card{background:linear-gradient(135deg,#69141847,#241819d1);border:1px solid #ff6b6b5c;border-radius:14px;margin:14px 0;padding:16px 18px}.event-v2__failure-label{color:var(--status-danger);align-items:center;gap:9px;margin-bottom:10px;font-size:13px;font-weight:700;display:flex}.event-v2__failure-label span{font-size:20px;font-weight:400;line-height:1}.event-v2__failure-card .event-v2__body{color:var(--text-primary);font-size:15px;line-height:1.55}.event-v2__retry{margin-top:14px}.event-v2__status-row{color:var(--text-muted);align-items:center;gap:7px;margin:7px 0;font-size:12px;display:flex}.event-v2__status-value{color:var(--text-secondary);background:#242424;border-radius:999px;padding:3px 7px;font-size:10px}.event-v2__status-text{color:var(--text-faint)}.event-v2__system-row{color:var(--text-faint);align-items:center;gap:7px;margin:7px 0;font-size:12px;display:flex}.event-v2__artifact-row{border:1px solid var(--border);background:#1f1f1f;border-radius:10px;flex-direction:column;gap:3px;padding:10px 12px;font-size:12px;display:flex}.event-v2.is-redacted{padding-top:25px;position:relative}.event-v2__redaction-badge{color:var(--text-muted);white-space:nowrap;background:#f5b9420f;border:1px solid #f5b9422e;border-radius:999px;align-items:center;gap:5px;width:max-content;max-width:100%;margin:0;padding:3px 7px;font-size:10px;display:inline-flex;position:absolute;top:0;right:0}.event-v2__redaction-dot{color:var(--status-attention);font-size:7px}.control-area{background:linear-gradient(180deg, transparent, var(--surface-canvas) 20%);padding:10px var(--space-6) max(18px, env(safe-area-inset-bottom));z-index:4;flex:none}.control-card{background:var(--surface-raised);border:1px solid var(--border-strong);border-radius:var(--radius-lg);max-width:840px;margin:0 auto;padding:8px;box-shadow:0 10px 35px #0003}.control-card__top,.control-card__footer{justify-content:space-between;align-items:center;display:flex}.segmented{background:var(--surface-input);border-radius:8px;padding:3px;display:flex}.segmented button{color:var(--text-muted);background:0 0;border:0;border-radius:6px;min-height:32px;padding:0 10px;font-size:11px}.segmented button[aria-pressed=true]{background:var(--surface-hover);color:var(--text-primary)}.control-shortcuts{color:var(--text-muted);gap:3px;margin-right:7px;display:flex}kbd{background:var(--surface-input);border:1px solid var(--border);text-align:center;border-radius:4px;min-width:18px;padding:1px 4px;font-size:9px}.control-input{align-items:flex-end;gap:var(--space-2);padding:7px 5px 5px;display:flex}.control-input textarea{resize:none;background:0 0;border:0;outline:0;flex:1;min-height:44px;max-height:150px;padding:10px 6px;line-height:1.45}.question-fields{gap:var(--space-2);padding:8px 5px 5px;display:grid}.question-fields label{gap:4px;display:grid}.question-fields label>span{color:var(--text-strong);font-size:12px;font-weight:600}.question-fields label>small{color:var(--text-muted);font-size:11px}.question-fields textarea{background:var(--surface);border:1px solid var(--border);resize:vertical;border-radius:10px;min-height:44px;padding:10px}.question-fields .send-button{justify-self:end}.send-button{background:var(--accent);color:var(--accent-ink);border:0;border-radius:9px;flex:none;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.control-card__footer{border-top:1px solid var(--border);color:var(--text-muted);gap:var(--space-2);padding:7px 5px 0;font-size:10px}.control-card__footer>div{gap:6px;display:flex}.control-card__footer .button{min-height:34px;padding:0 10px}.form-error{color:var(--status-danger);margin:9px 5px 3px;font-size:12px}.inspector__header{margin:0 2px var(--space-6);justify-content:space-between;align-items:flex-start;display:flex}.inspector__header h2{margin:0}.inspector-card{background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-lg);margin-bottom:var(--space-6);padding:var(--space-4)}.inspector-section{border-top:1px solid var(--border);padding:var(--space-4) 2px var(--space-6)}.inspector-section__title{margin-bottom:var(--space-3);justify-content:space-between;align-items:center;display:flex}.inspector-section__title h3{margin:0}.inspector-section__title>span{background:var(--surface-raised);color:var(--text-muted);text-align:center;border-radius:999px;min-width:22px;padding:2px 7px;font-size:10px}.lineage-list,.artifact-list{gap:6px;display:grid}.lineage-row{align-items:center;gap:var(--space-2);grid-template-columns:8px minmax(0,1fr) auto;min-height:52px;padding:6px;display:grid}.lineage-row>div{flex-direction:column;min-width:0;display:flex}.lineage-row strong{font-size:12px}.lineage-row div span{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.artifact-row{border-radius:var(--radius-md);color:var(--text-primary);background:0 0;grid-template-columns:32px minmax(0,1fr) 20px;align-items:center;gap:10px;min-height:54px;padding:6px;text-decoration:none;display:grid}.artifact-row:hover{background:var(--surface-raised)}.artifact-row--disabled{color:var(--text-muted)}.artifact-kind{background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-sm);justify-content:center;align-items:center;height:32px;font-family:monospace;font-size:10px;display:flex}.artifact-row>span:nth-child(2){flex-direction:column;min-width:0;display:flex}.artifact-row strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.artifact-row small{color:var(--text-muted)}.inspector-section--policy p{color:var(--text-muted);font-size:11px}.attention-note{border-left:2px solid var(--status-attention);padding-left:10px}.settings-page{height:100%;padding:clamp(32px,6vw,76px);overflow-y:auto}.settings-page>header{max-width:840px;margin:0 auto 34px}.settings-page>header h1{margin-bottom:8px;font-size:28px}.settings-page>header>p:last-child{color:var(--text-muted)}.settings-grid{gap:var(--space-3);max-width:840px;margin:0 auto;display:grid}.settings-card{background:var(--surface-panel);border:1px solid var(--border);border-radius:var(--radius-lg);align-items:center;gap:var(--space-6);justify-content:space-between;min-height:112px;padding:20px;display:flex}.settings-card h2{margin:0 0 5px}.settings-card p{color:var(--text-muted);max-width:510px;margin:0}.settings-card__action{flex:none}.settings-state{color:var(--text-secondary);align-items:center;gap:var(--space-2);font-size:12px;display:flex}.danger-zone{border-radius:var(--radius-lg);align-items:center;gap:var(--space-6);margin:var(--space-6) auto 0;border:1px solid #ff6b6b2e;justify-content:space-between;max-width:840px;padding:20px;display:flex}.danger-zone h2{margin:0 0 4px}.danger-zone p{color:var(--text-muted);margin:0}.sheet-backdrop{padding:var(--space-4);z-index:100;background:#0000008a;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.sheet{background:var(--surface-panel);border:1px solid var(--border-strong);border-radius:var(--radius-lg);box-shadow:var(--shadow);width:100%;max-width:540px;max-height:min(86dvh,720px);overflow:auto}.sheet--danger{border-color:#ff6b6b52}.sheet__handle{background:var(--border-strong);border-radius:999px;width:38px;height:4px;margin:9px auto 2px}.sheet__header{justify-content:space-between;align-items:center;padding:12px 14px 6px 20px;display:flex}.sheet__header h2{margin:0}.sheet__body{padding:10px 20px max(22px, env(safe-area-inset-bottom))}.sheet-actions{gap:var(--space-2);margin-top:var(--space-6);justify-content:flex-end;display:flex}.sheet-open{overflow:hidden}.toast{background:var(--text-primary);border-radius:var(--radius-md);bottom:max(22px, env(safe-area-inset-bottom));box-shadow:var(--shadow);color:var(--surface-canvas);z-index:120;padding:10px 14px;font-size:12px;position:fixed;left:50%;transform:translate(-50%)}.global-error{color:#ffd3d3;align-items:center;gap:var(--space-3);z-index:50;background:#3a1719;border-bottom:1px solid #ff6b6b3d;justify-content:center;min-height:40px;padding:5px 12px;display:flex;position:fixed;top:0;left:280px;right:0}.global-error button{color:inherit;background:0 0;border:0;min-height:30px;text-decoration:underline}.empty-state{color:var(--text-muted);text-align:center;padding:30px 15px}.empty-state>span{color:var(--border-strong);font-size:30px;display:block}.empty-state h2{color:var(--text-secondary);margin:9px 0 5px;font-size:14px}.empty-state p,.empty-state a{font-size:12px}.empty-state--center{max-width:380px;margin:10vh auto}.empty-state--compact{padding:20px 8px}.mini-spinner{border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:12px;height:12px;animation:.8s linear infinite spin}.skeleton-list,.event-skeletons{gap:var(--space-3);display:grid}.thread-skeleton{grid-template-columns:8px 1fr;align-items:center;gap:10px;min-height:62px;padding:9px;display:grid}.thread-skeleton>span,.thread-skeleton i,.event-skeleton span,.event-skeleton i{background:var(--surface-raised);border-radius:999px;animation:1.4s ease-in-out infinite alternate shimmer;display:block}.thread-skeleton>span{width:7px;height:7px}.thread-skeleton div{gap:8px;display:grid}.thread-skeleton i:first-child{width:75%;height:12px}.thread-skeleton i:last-child{width:45%;height:9px}.event-skeleton{gap:10px;padding:18px 40px;display:grid}.event-skeleton span{width:100px;height:11px}.event-skeleton i{width:90%;height:10px}.event-skeleton i:last-child{width:55%}.loading-shell,.auth-shell{justify-content:center;align-items:center;min-height:100dvh;padding:24px;display:flex}.loading-shell{color:var(--text-muted);flex-direction:column;gap:18px}.auth-shell{background:radial-gradient(circle at 50% 30%, #d5ff5f0f, transparent 32%), var(--surface-canvas)}.auth-card{border:1px solid var(--border);box-shadow:var(--shadow);background:#181a1de0;border-radius:22px;width:100%;max-width:430px;padding:34px}.auth-card .brand-mark{margin-bottom:30px}.auth-card h1{margin-bottom:10px;font-size:28px}.auth-card__intro{color:var(--text-muted);margin-bottom:28px}.auth-card form{gap:var(--space-3);display:grid}.auth-card label{font-size:12px;font-weight:650}.auth-card input{background:var(--surface-input);border:1px solid var(--border-strong);border-radius:var(--radius-md);width:100%;min-height:48px;padding:0 13px}.field-hint{color:var(--text-muted);margin:-5px 0 4px;font-size:11px}.auth-actions{gap:var(--space-2);display:grid}.recovery-codes{gap:var(--space-3);display:grid}.recovery-codes h2{margin:0;font-size:18px}.recovery-codes ol{background:var(--surface-input);border:1px solid var(--border-strong);border-radius:var(--radius-md);grid-template-columns:1fr 1fr;gap:7px;margin:0;padding:14px;list-style-position:inside;display:grid}.recovery-codes code{color:var(--text-primary);-webkit-user-select:all;user-select:all;font-size:12px}.auth-card__privacy{border-top:1px solid var(--border);color:var(--text-muted);text-align:center;margin:25px 0 0;padding-top:16px;font-size:10px}.device-list{gap:8px;width:100%;margin:8px 0 0;padding:0;list-style:none;display:grid}.device-list li{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding-top:8px;display:flex}.device-list span{gap:2px;min-width:0;display:grid}.device-list small{color:var(--text-muted)}.settings-toggle{align-items:center;gap:9px;line-height:1.3;display:flex}.settings-toggle input{accent-color:var(--accent);width:18px;height:18px}.mobile-list-page{display:none}.observer-shell{grid-template-columns:280px minmax(0,1fr);position:relative}.thread-rail{background:#1c1c1c}.main-pane{transition:padding-right var(--motion-base) ease;background:#181818}.observer-shell.has-run-panel .main-pane{padding-right:316px}.observer-shell.has-subagent-pane .main-pane{padding-right:clamp(380px,45vw,560px)}.agent-avatar{object-fit:cover;border-radius:50%;flex:none;display:block}.rail-inner{padding:10px 8px}.brand{gap:9px;min-height:44px;padding:4px 8px 8px}.brand strong{white-space:nowrap;font-size:14px}.gateway-state{color:var(--status-attention);align-items:center;gap:5px;margin-left:auto;font-size:11px;display:flex}.gateway-state i{background:currentColor;border-radius:50%;width:7px;height:7px}.gateway-state.is-live{color:var(--status-success)}.search-box{border-color:var(--border);min-height:34px;margin:0 4px 8px}.search-box:focus-within{border-color:var(--accent);box-shadow:none}.rail-tabs{grid-template-columns:repeat(3,1fr);gap:4px;margin:0 4px 5px;display:grid}.rail-tabs button{color:var(--text-muted);background:0 0;border:0;border-radius:8px;justify-content:center;align-items:center;gap:5px;min-height:31px;padding:0 4px;font-size:12px;display:flex}.rail-tabs button:hover,.rail-tabs button.is-active{color:var(--text-primary);background:#2e2e2e}.rail-tabs button>span:last-child:not(:only-child){background:var(--status-attention);color:#181818;border-radius:8px;min-width:15px;padding:0 4px;font-size:10px;font-weight:700}.thread-list{padding-bottom:6px}.thread-group>h2,.rail-section-heading{color:var(--text-faint);letter-spacing:0;text-transform:none;min-height:28px;margin:0;padding:8px 10px 3px;font-size:12px;font-weight:500}.thread-group>h2{align-items:center;gap:7px;display:flex}.thread-group>h2 span{color:var(--text-muted)}.thread-group__more{color:var(--text-faint);text-align:left;background:0 0;border:0;border-radius:7px;width:100%;min-height:32px;padding:4px 10px;font-size:12px}.thread-group__more:hover{color:var(--text-secondary);background:#242424}.thread-row{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;min-height:34px;margin:0;padding:6px 10px}.thread-row.is-compact{padding-left:24px}.thread-row__title{font-size:13px}.thread-row__meta{margin-top:1px;font-size:11px}.thread-row .thread-row__meta{text-transform:none;background:0 0;border-radius:0;padding:0}.thread-row__end{align-items:center;min-width:12px}.thread-badge{font-size:11px;font-weight:700}.rail-footer{border-top:1px solid var(--border);color:var(--text-secondary);flex:none;align-items:center;gap:8px;margin:0 -8px -10px;padding:10px 16px;font-size:12px;display:flex}.user-avatar{background:#333;border-radius:50%;place-items:center;width:22px;height:22px;font-size:10px;font-weight:700;display:grid}.rail-footer>span:last-child{text-overflow:ellipsis;white-space:nowrap;min-width:0;display:flex;overflow:hidden}.rail-footer small:before{content:" · "}.rail-footer small{color:var(--text-muted);font-size:inherit}.transcript-header{background:#181818;border-bottom:0;min-height:52px;padding:8px 16px}.thread-folder{color:var(--text-muted)}.transcript-header h1{font-size:14.5px}.transcript-header__title .status-text{text-transform:none;background:0 0;align-items:center;gap:5px;padding:0;font-size:11.5px;display:inline-flex}.transcript-header__title .status-text:before{content:"";background:currentColor;border-radius:50%;width:7px;height:7px}.transcript-content{max-width:720px;padding-top:16px}.run-divider{color:var(--text-faint);margin-bottom:12px}.connection-pill{top:51px;right:18px}.step-pill{border:1px solid var(--border);color:var(--text-secondary);z-index:6;background:#202020;border-radius:20px;align-self:center;align-items:center;gap:7px;min-height:30px;margin:0 auto -5px;padding:0 12px;font-size:12px;display:flex}.step-pill small{color:var(--text-faint)}.control-area{padding:10px 24px max(16px, env(safe-area-inset-bottom));background:linear-gradient(#0000,#181818 24%)}.control-card{border-color:var(--border-strong);box-shadow:none;background:#242424;border-radius:22px;max-width:720px;padding:8px 10px}.control-card__top{min-height:32px}.segmented{background:0 0;gap:4px;padding:0}.segmented button{border:1px solid #0000;border-radius:20px;min-height:28px}.segmented button[aria-pressed=true]{border-color:var(--border);background:#2e2e2e}.control-input{padding:1px 2px 3px}.control-input textarea{min-height:48px;padding:10px 5px;font-size:15px}.send-button{color:#181818;background:#fff;border-radius:50%;width:34px;height:34px}.control-card__footer{border-top:0;min-height:34px;padding-top:2px}.control-card__footer>div{align-items:center}.control-card__footer .button{background:0 0;border-color:#0000}.model-chip{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;background:#2e2e2e;border-radius:20px;max-width:170px;padding:5px 9px;font-size:10.5px;display:inline-flex;overflow:hidden}.question-fields textarea{background:#202020}.question-options{flex-wrap:wrap;gap:6px;display:flex}.question-options button{border:1px solid var(--border);color:var(--text-secondary);background:#2e2e2e;border-radius:8px;min-height:36px;padding:0 10px}.question-options button[aria-pressed=true]{border-color:var(--accent);color:var(--accent)}.inspector-pane{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border:1px solid var(--border-strong);z-index:25;background:#202020e0;border-radius:16px;width:300px;max-height:calc(100% - 24px);display:none;position:absolute;top:12px;bottom:auto;right:12px;overflow:auto;box-shadow:0 12px 40px #00000073}.inspector-pane.is-open{display:block}.inspector{padding:12px 12px 24px}.inspector__header{align-items:center;margin:0 0 8px;padding:0 2px}.inspector__header h2{font-size:13px}.inspector__header p{color:var(--text-faint);margin:1px 0 0;font-size:11px}.inspector__header .icon-button{color:var(--text-muted);width:34px;height:34px;font-size:20px}.run-panel-rows{border-bottom:1px solid var(--border);padding-bottom:8px;display:grid}.run-panel-row{border-radius:8px;grid-template-columns:24px minmax(0,1fr) auto;align-items:center;gap:9px;min-height:42px;padding:5px 6px;display:grid}.run-panel-row:hover{background:#2a2a2a}.run-panel-row>span:nth-child(2){flex-direction:column;min-width:0;display:flex}.run-panel-row strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.run-panel-row small{color:var(--text-faint);text-overflow:ellipsis;white-space:nowrap;font-size:10.5px;overflow:hidden}.run-panel-section{border-bottom:1px solid var(--border);padding:8px 4px}.run-panel-section summary{color:var(--text-secondary);cursor:pointer;min-height:34px;padding:8px 4px;font-size:12px;list-style:none}.run-panel-section summary span{color:var(--text-faint);float:right}.run-panel-section p{color:var(--text-muted);white-space:pre-wrap;margin:4px;font-size:11px}.inspector-section{padding:12px 4px 14px}.lineage-row{color:inherit;text-align:left;background:0 0;border:0;border-radius:8px;grid-template-columns:28px minmax(0,1fr) auto;width:100%}.lineage-row:hover:not(:disabled){background:#2a2a2a}.subagent-pane{background:var(--surface-agent);border-left:1px solid var(--border-strong);z-index:20;flex-direction:column;width:clamp(380px,45vw,560px);display:flex;position:absolute;top:0;bottom:0;right:0}.subagent-pane.is-embedded{border:0;width:100%;height:min(74dvh,680px);position:static}.subagent-tabs{border-bottom:1px solid var(--border);flex:none;align-items:center;min-height:43px;padding:4px 6px;display:flex;overflow-x:auto}.subagent-tab{border-radius:7px;align-items:center;display:flex}.subagent-tab.is-active{background:#2e2e2e}.subagent-tab button{color:var(--text-muted);background:0 0;border:0;align-items:center;gap:6px;min-height:34px;padding:0 7px;display:flex}.subagent-tab.is-active button{color:var(--text-primary)}.subagent-tab button:last-child{padding:0 7px 0 2px;font-size:16px}.subagent-tabs .close-pane{color:var(--text-muted);background:0 0;border:0;min-width:34px;min-height:34px;margin-left:auto}.subagent-heading{border-bottom:1px solid var(--border);flex:none;align-items:center;gap:10px;min-height:62px;padding:9px 14px;display:flex}.subagent-heading>div{min-width:0}.subagent-heading h2{margin:0;font-size:14px}.subagent-heading p{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;margin:1px 0 0;font-size:11px;overflow:hidden}.subagent-heading .status-text{margin-left:auto}.subagent-transcript{flex:1;min-height:0;padding:12px 16px;overflow-y:auto}.subagent-pane .control-area{padding:8px 12px max(12px, env(safe-area-inset-bottom))}.subagent-pane .control-card__footer>span,.subagent-pane .control-shortcuts{display:none}.activity-page{height:100%;padding:28px 24px 80px;overflow-y:auto}.activity-page>header,.activity-page>.activity-group{max-width:640px;margin:0 auto 18px}.activity-group h2{color:var(--text-muted);margin:0 0 8px;font-size:12px}.activity-group--needs_input h2{color:var(--status-attention)}.activity-group--failed h2{color:var(--status-danger)}.activity-group--active h2{color:var(--accent)}.activity-group--completed h2{color:var(--status-success)}.activity-row{border:1px solid var(--border);color:inherit;text-align:left;background:#1f1f1f;border-radius:10px;grid-template-columns:8px minmax(0,1fr) auto;align-items:center;gap:12px;width:100%;min-height:60px;margin-bottom:8px;padding:10px 14px;display:grid}.activity-row:hover{background:var(--surface-raised)}.activity-row__dot{background:var(--text-muted);border-radius:50%;width:8px;height:8px}.activity-row__dot.status-dot--active,.activity-row__dot.status-dot--queued{background:var(--accent)}.activity-row__dot.status-dot--needs_input,.activity-row__dot.status-dot--stalled{background:var(--status-attention)}.activity-row__dot.status-dot--failed,.activity-row__dot.status-dot--aborted{background:var(--status-danger)}.activity-row__dot.status-dot--completed{background:var(--status-success)}.activity-row__copy{flex-direction:column;min-width:0;display:flex}.activity-row__copy strong{text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.activity-row__copy small,.activity-row time{color:var(--text-muted);font-size:11px}.activity-row__copy small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}@keyframes shimmer{0%{opacity:.35}to{opacity:.8}}@media (width<=1279px) and (width>=768px){.observer-shell{grid-template-columns:256px minmax(460px,1fr)}.observer-shell.has-run-panel .main-pane,.observer-shell.has-subagent-pane .main-pane{padding-right:0}.inspector-pane{box-shadow:var(--shadow);z-index:80;width:360px;display:none;position:fixed;inset:0 0 0 auto}.inspector-pane.is-open{display:block}.global-error{left:256px;right:0}}@media (width>=1280px){.inspector-trigger{visibility:visible}.observer-shell.has-run-panel .inspector-trigger{visibility:hidden}}@media (width<=767px){body{font-size:15px}.observer-shell{height:100dvh;padding-bottom:calc(68px + env(safe-area-inset-bottom));display:block;overflow:hidden}.observer-shell.has-run-panel .main-pane,.observer-shell.has-subagent-pane .main-pane{padding-right:0}.thread-rail,.inspector-pane{display:none}.main-pane{height:100%;overflow:hidden}.mobile-only{display:inline-flex}.transcript-header{gap:5px;min-height:64px;padding:7px 10px}.transcript-header__title>div{gap:5px}.transcript-header__title .status-text{font-size:12px;display:inline-flex}.transcript-header h1{max-width:min(54vw,360px);font-size:16px}.thread-folder{font-size:13px}.inspector-trigger{height:44px;padding:0 13px}.inspector-trigger span{display:inline}.connection-pill{top:57px;right:14px}.connection-banner{min-height:32px;font-size:11px}.transcript-content{max-width:600px;padding:25px 18px 34px}.run-divider{margin-bottom:20px}.event-v2{margin:10px 0}.event-v2__user-bubble{border-radius:20px;max-width:88%;padding:14px 16px;font-size:16px;line-height:1.45}.event-v2__agent-message{font-size:16px;line-height:1.55}.event-v2__details-summary{min-height:44px}.event-v2__question-card,.event-v2__plan-card{padding:16px}.control-area{padding:8px 12px 10px}.control-card{border-radius:20px;min-height:132px;padding:10px 12px}.control-card__footer>span,.control-shortcuts{display:none}.control-card__footer{justify-content:flex-end}.segmented{max-width:calc(100vw - 28px);overflow-x:auto}.segmented button{min-height:36px}.control-input{flex:1}.control-input textarea{min-height:66px;font-size:16px}.control-card__footer{min-height:32px}.send-button{width:46px;height:46px}.mobile-list-page{height:100%;padding:0 12px 24px;display:block;overflow-y:auto}.mobile-page-header{min-height:72px;padding:max(12px, env(safe-area-inset-top)) 8px 8px;justify-content:space-between;align-items:center;display:flex}.mobile-brand{align-items:center;gap:12px;min-width:0;display:flex}.mobile-brand strong{white-space:nowrap;font-size:18px}.mobile-page-header .gateway-state{font-size:13px}.mobile-page-header .gateway-state i{width:8px;height:8px}.search-box--mobile{border-radius:12px;min-height:54px;margin:4px 0 14px;padding:0 16px}.search-box--mobile input{font-size:16px}.mobile-section-tabs{grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:24px;display:grid}.mobile-section-tabs button{color:var(--text-muted);background:0 0;border:0;border-radius:10px;justify-content:center;align-items:center;gap:6px;min-height:48px;font-size:15px;font-weight:600;display:flex}.mobile-section-tabs button.is-active{color:var(--text-primary);background:#2e2e2e}.mobile-section-tabs button>span:last-child:not(:only-child){background:var(--status-attention);color:#181818;border-radius:999px;min-width:20px;padding:1px 6px;font-size:11px}.mobile-thread-list .thread-group{margin-bottom:22px}.mobile-thread-list .thread-group>h2,.mobile-list-heading{color:var(--text-faint);min-height:38px;margin:0;padding:6px 12px;font-size:15px;font-weight:500}.mobile-thread-list .thread-group>h2{gap:10px}.mobile-thread-list .thread-group>h2 svg{width:18px;height:18px}.mobile-thread-list .thread-row{border-radius:10px;grid-template-columns:minmax(0,1fr) auto;min-height:54px;margin:0;padding:8px 12px}.mobile-thread-list .thread-row.is-compact{padding-left:38px}.mobile-thread-list .thread-row:hover,.mobile-thread-list .thread-row:active{background:var(--surface-raised)}.mobile-thread-list .thread-row__title{font-size:16px;line-height:1.35}.mobile-thread-list .thread-row__meta{font-size:14px}.mobile-thread-list .thread-row__title{line-clamp:2;text-overflow:ellipsis;white-space:normal;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.mobile-thread-list .thread-group__more{min-height:44px;padding:8px 38px;font-size:15px}.bottom-nav{border-top:1px solid var(--border);height:calc(68px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);z-index:40;background:#181818f7;grid-template-columns:repeat(3,1fr);align-items:flex-start;display:grid;position:fixed;bottom:0;left:0;right:0}.bottom-nav button{color:var(--text-muted);background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-width:44px;height:64px;font-size:12px;display:flex}.bottom-nav button.is-active{color:var(--accent)}.bottom-nav__icon{place-items:center;display:grid;position:relative}.bottom-nav__icon b{background:var(--status-attention);color:#181818;border-radius:999px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 4px;font-size:10px;display:flex;position:absolute;top:-8px;right:-11px}.activity-page{padding:max(34px, env(safe-area-inset-top)) 18px 24px}.activity-page>header,.activity-page>.activity-group{max-width:none;margin-bottom:28px}.activity-page>header .eyebrow{display:none}.activity-page>header h1{margin-bottom:0;font-size:27px}.activity-group h2{margin-bottom:12px;font-size:14px}.activity-row{border-radius:12px;grid-template-columns:9px minmax(0,1fr) auto;min-height:76px;padding:12px 14px}.activity-row__copy strong{font-size:16px}.activity-row__copy small,.activity-row time{font-size:13px}.settings-page{padding:max(28px, env(safe-area-inset-top)) 14px 30px}.settings-page>header h1{font-size:29px}.settings-card{align-items:flex-start;gap:var(--space-4);padding:var(--space-4);flex-direction:column}.settings-card__action,.settings-card__action .button{width:100%}.danger-zone{flex-direction:column;align-items:flex-start}.danger-zone .button{width:100%}.sheet-backdrop{padding:0}.sheet{border-bottom:0;border-left:0;border-right:0;border-radius:18px 18px 0 0;max-width:none;max-height:90dvh}.sheet .inspector{padding:0}.sheet .inspector__header{display:none}.global-error{bottom:calc(68px + env(safe-area-inset-bottom));top:auto;left:8px;right:8px}.toast{bottom:max(14px, env(safe-area-inset-bottom));text-align:center;max-width:calc(100vw - 28px)}.subagent-pane:not(.is-embedded){z-index:90;width:100%;position:fixed;inset:0}.sheet:has(.subagent-pane){max-height:96dvh}.sheet:has(.subagent-pane) .sheet__body{padding:0}.subagent-pane .control-card__top{display:flex}}@media (width<=767px) and (orientation:landscape){.mobile-page-header{padding-top:12px}.transcript-header{min-height:56px}.control-card__top{display:none}.control-input textarea{min-height:40px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}