:root{--font: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--bg: #eef2f5;--surface: #ffffff;--surface-soft: #f7f9fb;--surface-strong: #16202f;--text: #172033;--muted: #637085;--border: #d9e0ea;--border-strong: #c5cedb;--accent: #2f6bff;--accent-soft: #e9efff;--selected: #1f8f5f;--selected-soft: #eaf7ef;--ok: #168b63;--warn: #ae6b12;--danger: #bf3d4a;--danger-soft: #fbebec;--radius: 8px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 14px 14px 10px 10px;--shadow: 0 24px 70px rgba(22, 32, 47, .14);--app-bar-height: 56px;--mobile-top-height: 48px;--nav-width: 264px;--nav-rail: 64px;--font-size-body: 14px;--font-size-caption: 12px;--font-size-heading: 16px;--font-weight-regular: 400;--font-weight-semibold: 600;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-6: 24px;--space-8: 32px;--control-height-compact: 36px;--control-height-regular: 40px;--icon-size: 16px;--icon-size-lg: 20px;--btn-h-sm: 36px;--btn-h-lg: 44px;--bubble-user: color-mix(in srgb, var(--surface) 96%, black 4%);--bubble-agent: color-mix(in srgb, var(--surface) 92%, black 8%);font-family:var(--font);font-size:var(--font-size-body);font-weight:var(--font-weight-regular);color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html,body,#root{width:100%;min-width:320px;height:100%;min-height:100%;margin:0;overflow-x:hidden}button,input,textarea,select{font:inherit}button{min-height:var(--btn-h-lg);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);color:var(--text);cursor:pointer;font-size:var(--font-size-body);font-weight:var(--font-weight-regular);-webkit-tap-highlight-color:transparent}button:disabled{cursor:not-allowed;opacity:.5}button:hover:where(:not(:disabled,.primary-button,.btn-primary,.btn-danger,.icon-btn.send-button,.is-active)){background:var(--surface-soft)}button:active:where(:not(:disabled,.primary-button,.btn-primary,.btn-danger,.icon-btn.send-button,.is-active)){background:var(--selected-soft)}button:focus-visible,select:focus-visible{outline:3px solid color-mix(in srgb,var(--accent) 45%,transparent);outline-offset:2px}input:focus-visible,textarea:focus-visible{outline:none}.login-screen{display:grid;min-height:100vh;place-items:center;padding:24px;background:radial-gradient(circle at 20% 10%,rgba(47,107,255,.12),transparent 30%),linear-gradient(180deg,#f8fafc,#e9eef5)}.login-panel{display:grid;width:min(520px,100%);gap:18px;padding:32px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow)}.brand-lockup,.app-brand{display:flex;align-items:center;gap:10px;font-weight:var(--font-weight-semibold)}.brand-mark{display:grid;width:36px;height:36px;place-items:center;border-radius:var(--radius-md);background:var(--surface-strong);color:#fff;font-size:var(--font-size-caption);font-weight:var(--font-weight-semibold)}.login-panel h1{margin:0;font-size:clamp(32px,7vw,54px);line-height:.98;letter-spacing:0}.login-panel p{margin:0;color:var(--muted);line-height:1.55}.primary-button{border-color:var(--accent);background:var(--accent);color:#fff;font-weight:var(--font-weight-semibold)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:var(--btn-h-lg);padding:0 var(--space-4);border-radius:var(--radius-md);font-size:var(--font-size-body);font-weight:var(--font-weight-semibold);white-space:nowrap}.btn.is-regular{min-height:var(--control-height-regular)}.btn-primary{border-color:var(--accent);background:var(--accent);color:#fff}.btn-secondary{border-color:var(--border-strong);background:var(--surface);color:var(--text)}.btn-ghost{border-color:transparent;background:transparent;color:var(--text)}.btn-ghost:hover:not(:disabled){background:var(--surface-soft)}.btn-danger{border-color:var(--danger);background:var(--surface);color:var(--danger)}.btn-danger:hover:not(:disabled){background:color-mix(in srgb,var(--danger) 12%,var(--surface))}.icon-btn{display:inline-grid;place-items:center;width:var(--btn-h-lg);height:var(--btn-h-lg);padding:0;border-color:var(--border);background:var(--surface);color:var(--text);border-radius:var(--radius-md);flex:0 0 auto}.icon-btn.is-circular{border-radius:999px}.icon-btn svg{width:var(--icon-size);height:var(--icon-size);stroke-width:2}.icon-btn.is-large svg{width:var(--icon-size-lg);height:var(--icon-size-lg)}.icon-btn.send-button{border-color:var(--accent);background:var(--accent);color:#fff}@media(max-width:1099px){:root{--btn-h-sm: 28px;--btn-h-lg: 36px}}.skeleton{position:relative;overflow:hidden;border-radius:var(--radius-md);background:color-mix(in srgb,var(--border-strong) 55%,var(--surface))}.skeleton:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,color-mix(in srgb,white 75%,transparent),transparent);animation:skeleton-shimmer 1.6s ease-in-out infinite}@keyframes skeleton-shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.skeleton-text{height:12px;border-radius:var(--radius-sm)}.skeleton-row{display:flex;align-items:center;gap:var(--space-2);min-height:var(--control-height-compact)}.skeleton-bubble{height:64px;border-radius:var(--radius-md)}.production-app{display:grid;grid-template-columns:var(--nav-width) minmax(0,1fr);grid-template-rows:var(--app-bar-height) minmax(0,1fr);width:100%;height:100vh;overflow:hidden;background:var(--bg)}.production-app.nav-collapsed{grid-template-columns:var(--nav-rail) minmax(0,1fr)}.app-bar{display:grid;grid-column:1 / -1;grid-template-columns:auto auto minmax(120px,1fr) auto;align-items:center;gap:12px;min-width:0;padding:8px 14px;border-bottom:1px solid var(--border);background:#ffffffe0;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.app-bar-breadcrumb{display:flex;align-items:baseline;gap:8px;min-width:0;overflow:hidden}.app-bar-breadcrumb h1{margin:0;min-width:0;flex:0 1 auto;overflow:hidden;font-size:var(--font-size-body);font-weight:var(--font-weight-semibold);letter-spacing:0;text-overflow:ellipsis;white-space:nowrap}.status-failed,.status-partial-success,.danger-menu-item{color:var(--danger)}.mobile-top-row{display:none}.navigation-panel{min-width:0;min-height:0;overflow-x:clip;overflow-y:auto;overscroll-behavior:contain;padding:16px 12px;border-color:var(--border);border-right:1px solid var(--border);background:var(--surface-soft)}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:var(--btn-h-lg)}.workspace-selector-row{display:flex;align-items:center;gap:6px;min-width:0;margin-top:6px}.workspace-settings-button{flex:0 0 auto;min-width:var(--btn-h-lg);min-height:var(--btn-h-lg)}.select-control{position:relative;flex:1 1 auto;min-width:0}.select-trigger{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;width:100%;min-height:var(--btn-h-lg);margin-top:0;gap:8px;padding:0 10px;text-align:left}.select-trigger span:first-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select-trigger.is-unavailable{border-color:color-mix(in srgb,var(--danger) 45%,var(--border));color:var(--danger)}.select-popover{position:absolute;top:calc(100% + 6px);left:0;z-index:20;display:grid;width:100%;min-width:200px;max-height:min(320px,calc(100vh - 120px));gap:2px;overflow-y:auto;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);padding:6px;box-shadow:var(--shadow)}.workspace-selector-create{justify-content:start;min-height:var(--btn-h-sm);border-color:transparent;padding:0 8px;font-size:var(--font-size-caption);font-weight:var(--font-weight-semibold);text-align:left}.select-divider{margin:4px 2px;border-top:1px solid var(--border)}.select-option{display:grid;grid-template-columns:16px minmax(0,1fr);align-items:center;min-height:var(--btn-h-sm);border-color:transparent;padding:0 8px;gap:6px;font-size:var(--font-size-caption);text-align:left}.select-option span:last-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select-option.is-active{font-weight:var(--font-weight-semibold)}.select-option-check{display:grid;place-items:center;color:var(--accent)}.select-option-check svg{width:14px;height:14px;stroke-width:2.5}.role-selector-popover{min-width:260px}.role-option{display:flex;align-items:center;gap:4px;padding:0}.role-option-select{display:grid;grid-template-columns:16px minmax(0,1fr);align-items:center;flex:1 1 auto;min-width:0;min-height:var(--btn-h-sm);border-color:transparent;padding:0 8px;gap:6px;font-size:var(--font-size-caption);text-align:left}.role-option-select span:nth-child(2){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.role-option-select small{grid-column:2;color:var(--muted);font-weight:var(--font-weight-regular, normal)}.role-option-actions{display:flex;flex:0 0 auto;gap:2px}.role-option-actions button{display:grid;place-items:center;min-width:var(--btn-h-sm);min-height:var(--btn-h-sm);padding:0;border-color:transparent;font-size:var(--font-size-caption)}.role-option-actions button svg{width:14px;height:14px;stroke-width:2}.role-form{display:grid;gap:8px;padding:6px 4px 2px}.role-form label{display:grid;gap:4px;font-size:var(--font-size-caption)}.role-form label>span:first-child{color:var(--muted);font-weight:var(--font-weight-semibold)}.role-form textarea{min-height:64px;resize:vertical}.role-form-scope{display:grid;gap:4px;margin:0;border:none;padding:0}.role-form-scope legend{margin-bottom:2px;color:var(--muted);font-weight:var(--font-weight-semibold);font-size:var(--font-size-caption)}.role-form-scope label{display:flex;align-items:center;gap:6px;font-weight:var(--font-weight-regular, normal)}.role-form-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:4px}.retry-limit-note{color:var(--muted);font-size:var(--font-size-caption)}.select-empty-note{padding:6px 8px;color:var(--muted);font-size:var(--font-size-caption)}.eyebrow,.field-label,.nav-section-title{display:block;margin:12px 0 6px;color:var(--muted);font-size:var(--font-size-caption);font-weight:var(--font-weight-semibold);letter-spacing:.08em;text-transform:uppercase}.icon-button{display:grid;min-width:var(--btn-h-lg);place-items:center;font-weight:var(--font-weight-semibold);line-height:1}.icon-button.is-circular{border-radius:999px}.icon-button svg{width:var(--icon-size);height:var(--icon-size);stroke-width:2}.input-field{width:100%;min-width:0;min-height:var(--control-height-compact);border:1px solid var(--border);border-radius:var(--radius-md);padding:0 var(--space-3);background:var(--surface);color:var(--text);font:inherit}.input-field-area{min-height:calc(var(--control-height-compact) * 2);padding:var(--space-2) var(--space-3);resize:vertical}.nav-actions{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:6px;margin-top:10px}.nav-actions button{min-width:0;min-height:var(--btn-h-lg);padding:0 8px;overflow:hidden;font-size:var(--font-size-caption);text-overflow:ellipsis;white-space:nowrap}.nav-group{display:grid;gap:4px}.nav-group-title{display:flex;align-items:center;gap:6px;margin:12px 0 6px;color:var(--muted);font-size:var(--font-size-caption);font-weight:var(--font-weight-semibold);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;list-style:none}.nav-group-title::-webkit-details-marker{display:none}.nav-group-title:before{content:"▾";font-size:var(--font-size-caption)}.nav-group:not([open]) .nav-group-title:before{content:"▸"}.project-group{position:relative;display:grid;width:100%;max-width:100%;min-width:0;gap:2px}.project-group-title{display:flex;align-items:center;width:100%;min-width:0;gap:6px;min-height:var(--btn-h-sm);padding:4px 36px 4px 4px;color:var(--text);font-size:var(--font-size-caption);font-weight:var(--font-weight-semibold);cursor:pointer;list-style:none}.project-group-title::-webkit-details-marker{display:none}.project-group-title:before{content:"▾";color:var(--muted);font-size:var(--font-size-caption)}.project-group:not([open]) .project-group-title:before{content:"▸"}.project-group-title span{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.context-menu-affordance{flex:0 0 auto;color:var(--muted)}.context-menu-button{display:grid;min-width:var(--btn-h-sm);min-height:var(--btn-h-sm);padding:0;place-items:center;border-color:transparent;background:transparent;color:var(--muted)}.context-menu-button svg{width:14px;height:14px;stroke-width:2}.project-menu-button{position:absolute;top:1px;right:2px;z-index:2}.row-menu{display:grid;gap:2px;width:min(220px,calc(100% - 20px));margin:0 4px 6px 16px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);padding:4px;box-shadow:0 10px 24px #16202f14}.row-menu button{justify-content:start;min-height:var(--btn-h-sm);border-color:transparent;padding:0 8px;font-size:var(--font-size-caption);text-align:left}.thread-actions-inline{display:inline-flex;align-items:center}.thread-row{position:relative;display:grid;width:100%;max-width:100%;min-width:0}.thread-row .thread-item{padding-right:34px}.thread-menu-button{position:absolute;top:1px;right:2px}.row-menu-thread{grid-column:1 / -1;margin:2px 0 0}.mobile-project-actions{display:none}.project-list,.thread-list,.recent-list{display:grid;width:100%;min-width:0;gap:3px}.project-item,.thread-item{display:grid;width:100%;gap:4px;min-width:0;padding:6px;text-align:left}.thread-item{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;min-height:32px;border-color:transparent;background:transparent;font-size:var(--font-size-caption)}.thread-item.is-active{border-color:color-mix(in srgb,var(--accent) 28%,var(--border))}.thread-bullet{color:var(--muted);font-size:var(--font-size-caption)}.thread-item span:not(.thread-bullet){min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pinned-shortcut .thread-bullet{min-width:38px;font-size:var(--font-size-caption);font-weight:var(--font-weight-semibold)}.pinned-shortcut span:last-child{display:grid;gap:1px}.pinned-shortcut-row{display:flex;align-items:center;gap:2px}.pinned-shortcut-row .pinned-shortcut{flex:1 1 auto;min-width:0}.pinned-shortcut-row.is-dragging{z-index:1;opacity:.85}.pinned-drag-handle{display:grid;flex:0 0 auto;width:20px;height:var(--btn-h-sm);place-items:center;border:none;background:transparent;color:var(--muted);cursor:grab;touch-action:none}.pinned-drag-handle:active{cursor:grabbing}.pinned-drag-handle svg{width:14px;height:14px;stroke-width:2}.rename-affordance{color:transparent;font-size:var(--font-size-caption)}.thread-item:hover .rename-affordance,.thread-item:focus-visible .rename-affordance{color:var(--muted)}.project-item.is-active,.thread-item.is-active{border-color:color-mix(in srgb,var(--accent) 34%,var(--border));background:var(--accent-soft)}.thread-item small{min-width:0;overflow:hidden;color:var(--muted);text-overflow:ellipsis;white-space:nowrap}.conversation-panel{display:grid;grid-template-rows:minmax(0,1fr) auto;min-width:0;min-height:0;overflow:hidden;background:var(--surface)}.branch-origin-link,.branch-origin-note{display:inline-flex;flex:0 0 auto;align-items:center;gap:4px;min-width:0;white-space:nowrap;font-size:var(--font-size-caption);color:var(--muted)}.branch-origin-link svg,.branch-origin-note svg{width:12px;height:12px;stroke-width:2}.branch-origin-link{border:none;background:none;padding:0;color:var(--accent);text-decoration:underline}.conversation-skeleton{display:grid;gap:var(--space-3);padding:var(--space-4);align-content:start}.nav-skeleton{display:grid;gap:var(--space-2);padding-top:var(--space-2)}.nav-section-title-skeleton{margin-top:var(--space-2)}.mobile-title-skeleton{height:14px;max-width:220px}.jio-presence{position:relative;flex:0 0 auto;border:none;background:transparent;padding:0;overflow:hidden}.jio-presence-idle.jio-presence-small,.jio-presence-idle.jio-presence-large{border-radius:999px;background:radial-gradient(circle at 50% 50%,#14122c,#0d0c1f 55%,#0d0c1f00)}.jio-core-canvas{display:block;width:100%;height:100%}.jio-presence-small{width:28px;height:28px}.jio-presence-medium{width:48px;height:48px}.jio-presence-large{width:88px;height:88px;margin:0 auto var(--space-3)}@media(max-width:1099px){.jio-presence.is-interactive{min-width:44px;min-height:44px}}.timeline-wrap{position:relative;min-height:0}.timeline{display:grid;align-content:start;height:100%;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:20px}.timeline-group{display:grid;width:100%;gap:8px;margin-bottom:10px;border-radius:var(--radius);transition:background-color .6s ease}.timeline-group.is-highlighted{background-color:color-mix(in srgb,var(--accent) 16%,transparent)}.user-message,.agent-run{display:grid;gap:6px;max-width:min(1000px,84%);padding:10px 12px;border-radius:var(--radius);color:var(--text)}.user-message{justify-self:end;background:var(--bubble-user)}.agent-run{justify-self:start;background:var(--bubble-agent)}.message-meta,.agent-run header,.agent-run footer,.composer-toolbar{display:flex;align-items:center;gap:8px}.message-meta{justify-content:space-between;color:var(--muted);font-size:var(--font-size-caption)}.user-message p,.run-output{margin:0;line-height:1.5;white-space:pre-wrap}.user-message-actions{display:flex;justify-content:flex-end;gap:2px}.user-message-actions .icon-button,.agent-run footer .icon-button{min-width:var(--btn-h-sm);min-height:var(--btn-h-sm);font-size:var(--font-size-caption)}.user-message.is-editing{width:min(680px,96%);max-width:min(680px,96%)}.user-message-edit-input{width:100%;resize:vertical}.user-message-edit-actions{display:flex;justify-content:flex-end;gap:8px}.run-status-dot{display:grid;min-width:20px;height:20px;place-items:center;color:var(--muted);font-size:var(--font-size-body);font-weight:var(--font-weight-semibold);line-height:1}.run-status-dot.status-completed{color:var(--selected)}.run-status-dot.status-failed{color:var(--danger)}.run-status-dot.status-running,.run-status-dot.status-streaming,.run-status-dot.status-queued{color:var(--accent)}.agent-run footer{flex-wrap:wrap;gap:6px}.status-completed{border-color:color-mix(in srgb,var(--ok) 28%,var(--border))}.status-failed{border-color:color-mix(in srgb,var(--danger) 35%,var(--border))}.status-streaming,.status-running,.status-queued{border-color:color-mix(in srgb,var(--accent) 35%,var(--border))}.inline-error,.composer-warning{padding:9px 10px;border-radius:var(--radius-md);background:#fff0f2;color:var(--danger)}.scroll-to-bottom-button{position:absolute;right:22px;bottom:16px;display:grid;width:40px;height:40px;place-items:center;border:1px solid var(--border);border-radius:999px;background:var(--surface);color:var(--accent);font-size:18px;line-height:1;box-shadow:var(--shadow)}.scroll-to-bottom-button.has-new-responses{border-color:var(--accent)}.scroll-to-bottom-badge{position:absolute;top:4px;right:4px;width:9px;height:9px;border-radius:999px;background:var(--accent)}.empty-state{align-self:center;justify-self:center;width:min(520px,calc(100% - 32px));padding:28px;text-align:center}.composer-shell{display:grid;width:100%;max-width:100%;min-width:0;gap:9px;padding:11px 18px calc(11px + env(safe-area-inset-bottom));border-top:1px solid var(--border);background:var(--surface)}.composer-card{display:grid;gap:6px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);padding:8px 8px 6px}.composer-toolbar{display:flex;align-items:center;gap:6px;min-width:0}.composer-toolbar .icon-btn,.composer-toolbar .btn{min-height:var(--btn-h-sm)}.composer-toolbar .icon-btn{width:var(--btn-h-sm);height:var(--btn-h-sm)}.composer-toolbar .btn{padding:0 10px;font-size:var(--font-size-caption)}.composer-send-button{margin-left:auto}.model-chip{display:inline-flex;align-items:center;gap:6px;min-height:var(--btn-h-sm);border:1px solid var(--border);border-radius:999px;padding:0 10px;background:var(--surface);font-size:var(--font-size-caption);font-weight:var(--font-weight-semibold);white-space:nowrap}.model-chip.is-active,.model-chip[aria-pressed=true]{border-color:color-mix(in srgb,var(--selected) 36%,var(--border));background:var(--selected-soft);color:#135f41}.model-chip.is-disabled,.model-chip:disabled{border-color:var(--border);background:var(--panel-muted);color:var(--muted);cursor:not-allowed;opacity:1}.model-chip-note{border-radius:999px;background:var(--surface);padding:1px 6px;color:var(--muted);font-size:var(--font-size-caption);font-weight:var(--font-weight-semibold)}.model-chip-note.is-warning{color:var(--danger)}.composer-textarea-full{--composer-line-height: 20px;--composer-vertical-space: 6px;width:100%;min-height:calc(var(--composer-line-height) * 2 + var(--composer-vertical-space));max-height:calc(var(--composer-line-height) * 4 + var(--composer-vertical-space));resize:none;overflow-y:hidden;border:none;border-radius:0;background:transparent;padding:6px 4px 0;line-height:var(--composer-line-height)}.overlay-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:grid;align-items:end;background:#0f172a57}.bottom-sheet,.drawer{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow)}.bottom-sheet{width:min(640px,calc(100% - 24px));max-height:min(760px,calc(100vh - 40px));margin:0 auto 12px;overflow:auto;overscroll-behavior:contain;border-radius:var(--radius-lg);padding:14px}.drawer{align-self:stretch;width:min(360px,100vw);max-width:100vw;overflow:auto;overscroll-behavior:contain;padding:12px max(12px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left))}.sheet-head,.modal-screen header{display:flex;align-items:center;justify-content:space-between;gap:12px}.sheet-head h2,.modal-screen h2{margin:0;font-size:var(--font-size-body);font-weight:var(--font-weight-semibold)}.drawer{position:relative}.drawer-close-button{position:absolute;top:10px;right:max(10px,env(safe-area-inset-right));z-index:2}.check-row{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;padding:12px 4px}.check-row small{display:block;color:var(--muted)}.check-row.is-disabled{opacity:.55}.detail-list{display:grid;gap:8px}.modal-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:grid;grid-template-rows:auto minmax(0,1fr);background:var(--surface)}.settings-overlay{z-index:70;align-items:center;justify-items:center;background:#0f172a7a;padding:24px}.settings-screen{position:relative;inset:auto;display:grid;grid-template-rows:auto minmax(0,1fr);width:min(1040px,100%);max-height:calc(100vh - 48px);overflow:hidden;border:1px solid var(--border);border-radius:12px;background:var(--surface);box-shadow:var(--shadow)}.settings-header{position:sticky;top:0;z-index:2;display:grid;align-items:center;gap:12px;background:color-mix(in srgb,var(--surface) 96%,var(--surface-soft));grid-template-columns:minmax(84px,auto) minmax(0,1fr) minmax(92px,auto);padding:16px 18px;border-bottom:1px solid var(--border)}.settings-header-flat{grid-template-columns:minmax(0,1fr) auto}.settings-header-flat .settings-title-block{text-align:left}.settings-header-actions{display:flex;align-items:center;gap:8px}.settings-title-block{min-width:0;text-align:center}.settings-title-block h2{margin:0;color:var(--text);font-size:var(--font-size-body);font-weight:var(--font-weight-semibold);line-height:1.2}.settings-title-block p{margin:4px 0 0;color:var(--muted);font-size:var(--font-size-caption);line-height:1.35}.settings-body{display:block;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:22px 24px 8px}.settings-footer-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.modal-screen textarea{width:100%;resize:vertical;border:1px solid var(--border);border-radius:var(--radius);padding:12px;color:var(--text);line-height:1.5}.rename-dialog{display:grid;width:min(420px,calc(100% - 32px));gap:12px;justify-self:center;align-self:center;border:1px solid var(--border);border-radius:12px;background:var(--surface);padding:18px;box-shadow:var(--shadow)}.confirm-dialog p{margin:0;color:var(--muted);line-height:1.45}.rename-dialog h2{margin:0;font-size:var(--font-size-body);font-weight:var(--font-weight-semibold)}.search-dialog{width:min(560px,calc(100% - 32px))}.model-picker-dialog{width:min(480px,calc(100% - 32px))}.settings-model-row.model-picker-row{grid-template-columns:minmax(120px,auto) minmax(180px,1fr)}.search-results{display:grid;gap:var(--space-2);max-height:min(50vh,420px);overflow-y:auto}.search-result-row{display:flex;align-items:center;gap:6px;min-height:var(--control-height-regular);border:none;border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);background:transparent;text-align:left;font-size:var(--font-size-body)}.rename-dialog input,.settings-grid input{width:100%;min-height:40px;border:1px solid var(--border);border-radius:var(--radius-md);padding:0 10px;color:var(--text);line-height:1.4}.dialog-actions,.settings-section-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.settings-section{display:grid;gap:14px;border-bottom:1px solid var(--border);padding:0 0 24px;margin:0 0 24px}.settings-section:last-child{margin-bottom:0}.settings-section-intro,.settings-section-head>div{display:grid;min-width:0;gap:5px}.settings-section h3{margin:0;color:var(--text);font-size:var(--font-size-body);font-weight:var(--font-weight-semibold);line-height:1.25}.settings-section-description{margin:0;color:var(--muted);font-size:var(--font-size-caption);line-height:1.45}.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.settings-field,.settings-role-field{display:grid;gap:7px;min-width:0}.settings-field>span,.settings-role-field>span{color:color-mix(in srgb,var(--text) 78%,var(--muted));font-size:var(--font-size-caption);font-weight:var(--font-weight-semibold);line-height:1.3}.settings-field strong{min-height:40px;display:flex;align-items:center;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-soft);padding:0 10px;font-size:var(--font-size-body);font-weight:var(--font-weight-semibold);line-height:1.4}.settings-field small,.settings-role-field small,.settings-hint,.empty-note{margin:0;color:var(--muted);font-size:var(--font-size-caption);line-height:1.45}small.field-error{color:var(--danger)}.settings-textarea{min-height:190px;max-height:320px;overflow-y:auto}.settings-textarea.is-compact{min-height:0}.file-list,.settings-model-list{display:grid;gap:10px}.settings-runs-list{display:grid;gap:var(--space-2);max-height:280px;overflow-y:auto;padding-right:var(--space-1)}.settings-run-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);min-height:var(--control-height-compact);padding:0 var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);font-size:var(--font-size-caption)}.file-row,.settings-model-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;border:1px solid var(--border);border-radius:var(--radius);padding:10px;background:var(--surface)}.file-row strong,.file-row small{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-row small{color:var(--muted);font-size:var(--font-size-caption);line-height:1.35}.file-type{display:grid;width:34px;height:34px;place-items:center;border-radius:var(--radius-md);background:var(--surface-soft);color:var(--muted);font-size:var(--font-size-caption);font-weight:var(--font-weight-semibold)}.settings-secondary-action{flex:0 0 auto}.compact-list{display:grid;gap:8px}.compact-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:8px;min-width:0;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);padding:8px}.compact-row strong,.compact-row small{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.compact-row small{color:var(--muted);font-size:var(--font-size-caption)}.compact-row button,.tag-editor button{min-height:var(--btn-h-sm);padding:0 8px;font-size:var(--font-size-caption)}.tag-editor{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.tag-editor input{width:100%;min-height:36px;border:1px solid var(--border);border-radius:var(--radius-md);padding:0 10px}.settings-role-field{grid-template-columns:auto minmax(150px,220px);align-items:center;justify-content:end}.settings-role-field select{min-height:40px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);padding:0 10px}.settings-model-row{grid-template-columns:minmax(140px,auto) minmax(180px,1fr) minmax(180px,1fr)}.settings-role-instruction-wrap{display:grid;gap:6px;align-self:start}.settings-role-instruction{margin:0;max-height:90px;overflow-y:auto;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-soft);padding:8px 10px;color:var(--muted);font-size:var(--font-size-caption);line-height:1.45}.settings-model-toggle{display:flex;align-items:center;gap:4px;min-height:var(--btn-h-sm);border:none;border-radius:var(--radius-md);background:var(--danger-soft);padding:0 8px;color:var(--text);font-size:var(--font-size-body);font-weight:var(--font-weight-semibold);text-align:left;white-space:nowrap}.settings-model-toggle span{color:var(--muted)}.settings-model-toggle.is-active{background:var(--selected-soft);color:var(--text)}.settings-model-toggle.is-disabled,.settings-model-toggle:disabled{background:transparent;color:var(--muted);cursor:not-allowed}.settings-model-toggle:hover:not(:disabled){background:color-mix(in srgb,var(--danger-soft),black 4%)}.settings-model-toggle.is-active:hover:not(:disabled){background:color-mix(in srgb,var(--selected-soft),black 4%)}.settings-model-toggle:active:not(:disabled){background:color-mix(in srgb,var(--danger-soft),black 7%)}.settings-model-toggle.is-active:active:not(:disabled){background:color-mix(in srgb,var(--selected-soft),black 7%)}.danger-zone{border-bottom:0;padding-top:4px}.danger-action{justify-self:start;border-color:color-mix(in srgb,var(--danger) 45%,var(--border));background:color-mix(in srgb,var(--danger) 8%,var(--surface));color:var(--danger);font-weight:var(--font-weight-semibold)}.sr-status{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}@media(max-width:1099px){.production-app,.production-app.nav-collapsed{grid-template-columns:minmax(0,1fr)}.navigation-panel{display:none}.drawer .navigation-panel{display:block;min-height:auto;border-right:0;background:transparent;padding:0}.drawer .panel-head>.icon-button{display:none}.settings-overlay{padding:18px}.settings-screen{width:min(940px,100%);max-height:calc(100dvh - 36px)}}@media(max-width:1099px){.production-app,.production-app.nav-collapsed{grid-template-rows:calc(var(--mobile-top-height) + env(safe-area-inset-top)) minmax(0,1fr);height:100dvh}.app-bar{display:none}.mobile-top-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto auto;align-items:center;gap:8px;min-height:calc(var(--mobile-top-height) + env(safe-area-inset-top));padding:env(safe-area-inset-top) 8px 0;border-bottom:1px solid var(--border);background:var(--surface)}.mobile-title{min-width:0;overflow:hidden;border-color:transparent;background:transparent;text-align:left;text-overflow:ellipsis;white-space:nowrap}.conversation-panel{grid-template-rows:minmax(0,1fr) auto}.timeline{padding:12px 10px}.timeline-group{gap:6px;margin-bottom:8px}.user-message,.agent-run{max-width:min(92%,680px)}.composer-shell{padding:7px 8px calc(8px + env(safe-area-inset-bottom))}.composer-toolbar{align-items:flex-start;gap:6px}.composer-textarea-full{overflow-y:hidden}input,textarea{font-size:16px!important}.bottom-sheet{width:100%;max-height:min(760px,82dvh);margin:0;border-radius:14px 14px 0 0;padding-bottom:calc(14px + env(safe-area-inset-bottom))}.settings-overlay{align-items:stretch;justify-items:stretch;padding:0}.settings-screen{width:100%;max-height:100dvh;border:0;border-radius:0}.settings-header{grid-template-columns:auto minmax(0,1fr) auto;gap:8px;padding:calc(10px + env(safe-area-inset-top)) 10px 10px}.settings-header-flat{grid-template-columns:minmax(0,1fr) auto}.settings-title-block{text-align:left}.settings-title-block h2{font-size:var(--font-size-body)}.settings-title-block p{display:none}.settings-body{padding:18px 14px 8px}.settings-footer-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.settings-grid,.settings-model-row,.settings-role-field{grid-template-columns:minmax(0,1fr)}.settings-section{gap:12px;margin-bottom:20px;padding-bottom:20px}.settings-section-head{align-items:stretch;flex-direction:column}.settings-section-head .settings-secondary-action{width:100%}.settings-textarea{min-height:210px;max-height:280px}.file-row{grid-template-columns:auto minmax(0,1fr)}.compact-row,.tag-editor{grid-template-columns:minmax(0,1fr)}.file-row button{grid-column:1 / -1;justify-self:stretch}.drawer .mobile-project-actions{display:grid;gap:3px;margin:0 6px 6px 18px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);padding:4px}.drawer .mobile-project-actions button{justify-content:start;border-color:transparent;text-align:left}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}