/* Studio: desktop workspace approved 27 October 2026. */
.attention-status{padding:14px 26px;color:var(--muted);font-size:12px}.attention-layout{display:grid;grid-template-columns:minmax(230px,30%) minmax(0,1fr);min-height:0;flex:1;overflow:hidden}.attention-layout>nav{overflow:auto;border-right:1px solid var(--line);padding:8px 12px}.attention-layout>nav>button{display:flex;flex-direction:column;gap:5px;width:100%;text-align:left;background:transparent;border:0;padding:14px;margin-bottom:3px}.attention-layout>nav>button[aria-current=true]{background:var(--selected)}.attention-layout>nav small,.attention-layout>nav span{color:var(--muted);font-size:11px}.attention-layout>nav strong{font-size:13px;font-weight:550}.attention-layout>section{padding:27px 32px;overflow:auto;max-width:820px}.attention-layout h2{font-size:22px;letter-spacing:-.02em;margin-bottom:10px}.attention-layout label{margin-top:24px}.attention-context,.attention-footnote{font-size:11px;color:var(--muted)}.attention-footnote{margin-top:24px}.attention-actions{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0}.attention-options{display:flex;gap:6px;flex-wrap:wrap;margin-top:9px}.attention-options button{font-size:12px}.attention-warning{color:#8e591d}.attention-night{padding:15px 26px;background:var(--surface);border-bottom:1px solid var(--line)}.attention-night h2{font-size:14px;margin-bottom:5px}.attention-night p{margin:0;font-size:12px}@media(max-width:900px){.attention-layout{grid-template-columns:210px minmax(0,1fr)}.attention-layout>section{padding:20px}.attention-status{padding-left:20px}}
:root{color-scheme:light;--bg:#fff;--sidebar:#eef2f7;--surface:#f6f8fb;--raised:#f2f5f9;--line:#dde3ec;--text:#243044;--muted:#5d6b80;--accent:#365f9e;--selected:#dbe5f4;--sidebar-width:264px;--panel-width:520px;--viewport-height:100dvh;font:13px/1.55 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
*{box-sizing:border-box;scrollbar-width:thin;scrollbar-color:#b1bac9 transparent;caret-color:var(--accent)}
[hidden]{display:none!important}body{margin:0;background:var(--bg);color:var(--text);overflow:hidden}button,input,select,textarea{font:inherit;color:inherit}button,select,summary{cursor:pointer}button{border:1px solid var(--line);background:#fff;padding:7px 11px;border-radius:8px;line-height:1.4}button:hover{background:#e9eef6}button:disabled{opacity:.5;cursor:default}.primary{background:var(--accent);color:#fff;border-color:transparent;font-weight:600}.primary:hover{background:#2b4f86}a{color:var(--accent);text-underline-offset:3px}input,select,textarea{background:#fff;border:1px solid #c8d0dd;border-radius:8px;padding:9px;width:100%;min-width:0}input::placeholder,textarea::placeholder{color:#65738a}textarea{resize:vertical;line-height:1.6}svg{width:18px;height:18px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}::selection{background:#d1e0f4;color:#203c66}h1,h2,h3,p{margin-top:0}h1{font-size:18px;line-height:1.4;font-weight:600}h2{font-size:18px;font-weight:600}h3{font-size:14px;font-weight:600}p{color:var(--muted)}label{display:grid;gap:6px;font-size:12px}summary{padding:6px 0}summary:hover{color:var(--accent)}.quiet{background:transparent;border:0;color:var(--muted)}.quiet:hover{background:#e4eaf3;color:var(--text)}.icon-button{display:inline-flex;align-items:center;justify-content:center;padding:7px;min-width:32px;min-height:32px;border:0;background:transparent;color:var(--muted);text-decoration:none}.icon-button:hover{color:var(--accent);background:#e4eaf3}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.mobile-only{display:none}kbd{font:11px/1.5 inherit;color:var(--muted)}
.app-header{height:52px;padding:15px 24px;background:var(--sidebar);border-bottom:1px solid var(--line)}.brand{font-size:15px;font-weight:650;color:var(--text);text-decoration:none;letter-spacing:-.025em}body:has(#workspace:not([hidden]))>.app-header{display:none}#workspace{height:var(--viewport-height);display:grid;grid-template-columns:var(--sidebar-width) minmax(0,1fr)}
.sidebar{position:relative;display:flex;flex-direction:column;min-height:0;background:var(--sidebar);border-right:1px solid var(--line);padding:0 8px 10px;gap:9px}.sidebar-brand{height:52px;flex:none;display:flex;align-items:center;justify-content:space-between;padding:0 9px}.main-nav{display:grid;gap:2px}.nav-button{display:flex;align-items:center;gap:10px;width:100%;text-align:left;border:0;background:transparent;padding:9px 11px;font-size:13px;min-height:34px}.nav-button kbd,.nav-button small{margin-left:auto}.nav-button small{font-size:11px;color:#8b5b12;background:#fbf1de;border-radius:4px;padding:0 4px}.nav-button small:empty{display:none}.nav-button[aria-current=true]{background:var(--selected);color:#2b4f86}.side-scroll{overflow:auto;flex:1;min-height:0;margin-top:6px}.section-label{font-size:11.5px;font-weight:550;color:var(--muted);margin:14px 10px 7px}.project-heading{display:flex;align-items:center;justify-content:space-between;margin-top:7px}.project-heading .section-label{margin-top:7px}.project-heading button{min-width:28px;min-height:28px}.session-heading{display:flex;align-items:center;gap:5px;padding:0 10px 5px}.session-heading select{border:0;padding:3px 0;background:transparent;font-size:11.5px;width:auto;color:var(--muted)}#session-count{font-size:11px;color:var(--muted);margin-left:auto}.sidebar nav button{border:0;background:transparent;text-align:left;width:100%;margin:1px 0;border-radius:7px}.sidebar nav button:hover{background:#e4eaf3}.sidebar nav button[aria-current=true]{background:var(--selected);color:#2b4f86}.project-row{display:flex;align-items:center;gap:1px}.sidebar nav .project-disclosure{width:22px;flex:none;padding:5px 4px;display:flex;align-items:center;justify-content:center;color:var(--muted);height:32px}.project-disclosure svg{width:12px;height:12px}.project-disclosure[aria-expanded=true] svg{transform:rotate(90deg)}.sidebar nav .project-select{display:flex;gap:8px;align-items:center;padding:5px 5px 5px 0;min-width:0;font-weight:550;font-size:12.5px}.project-select>span:nth-child(2){white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.project-count{margin-left:auto;font-size:11px;font-weight:400;color:var(--muted)}.project-badge{display:inline-grid;place-items:center;width:23px;height:23px;flex:none;background:white;border:1px solid var(--line);border-radius:6px;font-size:12px;font-weight:600;color:#3c5d8d}.project-sessions{padding-bottom:7px}.sidebar nav .chat-row{display:flex;align-items:center;gap:7px;padding:6px 10px 6px 37px;min-height:29px;font-size:12.5px;position:relative}.chat-row>span:not(.session-dot):not(.project-badge){min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-row .session-dot{margin-left:auto}.session-dot{display:inline-block;width:6px;height:6px;flex:none;border-radius:50%;background:transparent}.session-dot[data-status=running],.session-dot[data-status=starting],.session-dot[data-status=queued]{background:#6c8ab6}.session-dot[data-status=attention]{background:#b87b24}.session-dot[data-status=failed]{background:#a34b42}.sidebar nav .more-chats{padding:4px 10px 4px 37px;font-size:11px;color:var(--muted)}#pinned-chats .chat-row{padding-left:9px}.nav-empty,.project-empty{font-size:12px;padding:8px 10px 8px 35px}.aside-bottom{margin-top:auto;border-top:1px solid var(--line);padding-top:7px}#connection{margin:4px 10px 0;font-size:11px;color:var(--muted)}#project-form{padding:10px;background:#fff;border:1px solid var(--line);border-radius:8px;margin:5px}#project-form p{font-size:11px;margin:8px 0}#project-form>div{display:flex;gap:6px}
.resizer{position:absolute;width:7px;z-index:6;cursor:col-resize;touch-action:none;top:0;bottom:0}.resizer:hover,.resizer:focus-visible{background:#365f9e2b}.side-resizer{right:-4px}.panel-resizer{left:-4px}#workspace[data-collapsed=true]{grid-template-columns:60px minmax(0,1fr)}#workspace[data-collapsed=true] .sidebar-brand{padding:0;justify-content:center}#workspace[data-collapsed=true] .sidebar-brand .brand,#workspace[data-collapsed=true] .nav-button>span,#workspace[data-collapsed=true] .nav-button>kbd,#workspace[data-collapsed=true] .nav-button>small,#workspace[data-collapsed=true] .section-label,#workspace[data-collapsed=true] #new-project,#workspace[data-collapsed=true] .session-heading,#workspace[data-collapsed=true] .project-disclosure,#workspace[data-collapsed=true] .project-count,#workspace[data-collapsed=true] .project-select>span:nth-child(2),#workspace[data-collapsed=true] .project-sessions,#workspace[data-collapsed=true] #pinned-section,#workspace[data-collapsed=true] #connection,#workspace[data-collapsed=true] #sidebar-resizer{display:none}#workspace[data-collapsed=true] .nav-button{justify-content:center;padding:10px 5px}#workspace[data-collapsed=true] .project-select{justify-content:center;padding:7px 0}#workspace[data-collapsed=true] .project-badge{width:33px;height:33px;font-size:14px;border-radius:10px}#workspace[data-collapsed=true] .project-row.selected-project .project-badge{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}
#conversation-view{display:flex;flex-direction:column;min-height:0;min-width:0}.conversation-top,.scene-header{height:52px;flex:none;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:12px;padding:0 18px}.conversation-heading{min-width:0;flex:1}.conversation-breadcrumb{display:flex;align-items:center;gap:10px;min-width:0}.conversation-breadcrumb>button{padding:4px 0;border:0;background:transparent;color:var(--muted);max-width:180px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px}.conversation-breadcrumb>span{color:#a2abba}.conversation-heading h1{margin:0;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:600}.conversation-actions{display:flex;align-items:center;gap:4px;flex:none}.voice-button{display:flex;align-items:center;gap:6px;color:var(--muted);text-decoration:none;font-size:12px;padding:7px;border-radius:7px}.panel-toggle{display:flex;align-items:center;gap:7px;background:transparent;border:0;font-size:12px;padding:7px 10px}.panel-toggle[aria-expanded=true],#pin-conversation[aria-pressed=true]{background:var(--selected);color:var(--text)}.menu{position:relative}.menu summary{list-style:none;display:grid;place-items:center;padding:7px;border-radius:7px}.menu summary::-webkit-details-marker{display:none}.popover{position:absolute;top:34px;right:0;min-width:170px;background:#fff;border:1px solid var(--line);border-radius:10px;padding:5px;z-index:10;box-shadow:0 10px 30px #233b5a20}.popover button{display:block;width:100%;text-align:left;background:transparent;border:0}.popover button:hover{background:var(--surface)}.rename-form{display:flex;gap:8px;padding:12px 20px}.rename-form input{flex:1}.inline-notice{padding:9px 22px;background:#fbf1de;font-size:12px;color:#785321}.conversation-layout{display:flex;flex:1;min-height:0;min-width:0;position:relative}.chat-workspace{flex:1;min-width:0;min-height:0;display:flex;flex-direction:column}#messages{overflow:auto;overscroll-behavior:contain;flex:1;min-height:60px;padding:30px max(30px,calc((100% - 720px)/2)) 20px;scroll-padding:20px}.message{margin:0 auto 30px;max-width:72ch;overflow-wrap:anywhere;font-size:15px;line-height:1.65}.message>strong{display:flex;align-items:center;gap:8px;font-size:12px;margin-bottom:12px;font-weight:600}.message>strong::before{content:'tr';font-family:Georgia,serif;background:#eef2f8;color:#45648f;border-radius:6px;width:26px;height:26px;display:inline-grid;place-items:center;font-size:15px}.message.user{background:#e9eef6;border-radius:14px;padding:12px 16px;max-width:85%;width:fit-content;margin-left:auto;margin-right:0}.message.user>strong{display:none}.message.user p{color:var(--text);white-space:pre-wrap;margin:0}.prose{font-size:15px;line-height:1.7}.prose p,.prose li{color:var(--text)}.prose p{margin:8px 0 14px}.prose h1,.prose h2,.prose h3{font-size:18px;margin:24px 0 12px}.prose ul,.prose ol{padding-left:22px}.prose blockquote{margin:16px 0;padding:0 0 0 15px;border-left:1px solid #99adc9;color:var(--muted)}pre{white-space:pre-wrap;overflow-wrap:anywhere;background:var(--raised);border-radius:8px;padding:14px;max-height:420px;overflow:auto;font:12px/1.7 ui-monospace,Menlo,monospace}code{font-family:ui-monospace,Menlo,monospace;font-size:.9em}.prose p code,.prose li code{background:#edf1f6;padding:2px 4px;border-radius:4px}.message details{font-size:12px;color:var(--muted);margin:13px 0}.message-tools{display:flex;gap:5px;margin-top:8px;opacity:0}.message:hover .message-tools,.message:focus-within .message-tools{opacity:1}.message-tools button{padding:4px 7px;font-size:11px;background:transparent;border:0;color:var(--muted)}.working-message{font-size:12px;color:var(--accent);margin:16px 0}.message-error{color:#9b362d!important;background:#fbecea;padding:12px;border-radius:8px}.approval{background:#fffbf3;border:1px solid #e3d5b6;border-radius:12px;padding:17px;margin:16px 0}.approval>strong{font-size:13px}.approval label{margin:12px 0}.approval button{margin:8px 8px 0 0}.approval-options{display:flex;gap:6px;flex-wrap:wrap}.approval-options button{background:#fff;font-size:12px}.response-progress{margin:0 0 16px}.response-final{margin-top:18px}.response-final:first-of-type{margin-top:0}
.empty{text-align:center;max-width:58ch;margin:30px auto}.empty .project-badge{width:48px;height:48px;border-radius:13px;font-size:22px;margin-bottom:19px}.empty h2{font-size:30px;letter-spacing:-.03em;margin:0 0 12px}.empty p{font-size:13px;line-height:1.8;margin:0 auto;max-width:55ch}#conversation-view[data-empty=true] .chat-workspace{justify-content:center;padding-bottom:7vh}#conversation-view[data-empty=true] #messages{flex:none;max-height:45%;padding-top:10px;padding-bottom:0}#conversation-view[data-empty=true] #compose{width:100%;max-width:820px;margin:0 auto}#conversation-view[data-empty=true] #prompt{min-height:65px}
#compose{padding:9px max(30px,calc((100% - 760px)/2)) max(16px,env(safe-area-inset-bottom));flex:none;background:#fff}.composer-settings{display:flex;gap:6px;align-items:center;margin-bottom:8px;min-width:0}.composer-settings select{padding:5px 20px 5px 9px;width:auto;max-width:200px;border:1px solid var(--line);border-radius:15px;font-size:11.5px;background:white}.composer-settings label{flex:none}#mode-hint{font-size:11px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-left:4px}.composer-box{border:1px solid #c9d1df;border-radius:18px;padding:12px 12px 9px;box-shadow:0 3px 10px #20344b06;background:#fff}.composer-box:focus-within{border-color:#6d89af}#prompt{border:0;background:transparent;resize:vertical;min-height:52px;max-height:180px;font-size:15px;padding:0 4px 7px;line-height:1.6}#prompt:focus-visible{outline:0}.compose-bottom{display:flex;align-items:center;gap:5px}.keyboard-hint{font-size:11px;color:var(--muted);margin-left:auto;white-space:nowrap}.compose-bottom #send{font-size:12px;padding:7px 10px;margin-left:5px}.compose-bottom #stop{font-size:12px}.composer-hint{font-size:12px;margin:8px 3px 0}.attachments{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:10px;max-height:150px;overflow:auto}.attachment{display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:8px;padding:9px 10px;max-width:100%;min-width:0}.attachment>span{min-width:0}.attachment strong,.attachment small{display:block;overflow-wrap:anywhere}.attachment strong{font-size:12px;font-weight:500}.attachment small{font-size:11px;color:var(--muted)}.attachment button{border:0;background:transparent;padding:6px}.attachment svg{width:15px;height:15px}.message-attachments{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0 0}.message-attachments>button{display:flex;align-items:center;gap:8px;flex-wrap:wrap;max-width:220px;background:transparent;text-align:left;font-size:12px;padding:10px}.message-attachments img{width:100%;max-height:150px;object-fit:contain;border-radius:4px}.message-attachments span{overflow-wrap:anywhere;min-width:0}.message-attachments small{font-size:11px;color:var(--muted)}#queue{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:10px;margin-bottom:10px;font-size:12px}#queue>div{display:flex;align-items:center;gap:8px;padding:5px}#queue span{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#queue button{font-size:11px;padding:4px 7px}
#result{margin:0 max(30px,calc((100% - 760px)/2)) 6px;display:flex;align-items:center;gap:12px;border-top:1px solid var(--line);padding-top:10px;flex:none}#result>div:first-child{flex:1;min-width:0}#result strong{font-size:12px}#delivery{font-size:11px;margin:3px 0 0}.result-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.result-actions button,.result-actions a{font-size:11px}.result-card{display:flex;align-items:center;gap:14px;border:1px solid #c9d4e4;background:#fbfcff;border-radius:13px;padding:16px;width:min(100%,480px);margin:17px 0 4px;text-align:left}.result-card svg{width:30px;height:30px;padding:4px;background:#edf2f9;border-radius:7px;color:#5675a1}.result-card strong,.result-card small{display:block}.result-card strong{font-size:13px}.result-card small{font-size:11px;color:var(--muted);margin-top:4px}
.inspector{width:var(--panel-width);max-width:calc(100% - 420px);min-width:360px;flex:none;min-height:0;display:flex;flex-direction:column;background:#fff;border-left:1px solid var(--line);position:relative}.inspector-heading{height:52px;min-height:52px;display:flex;align-items:center;gap:3px;padding:0 9px 0 18px}.inspector-heading h2{font-size:13px;margin:0;min-width:0;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.inspector-tabs{display:flex;gap:3px;padding:7px 12px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.inspector-tabs button{border:0;background:transparent;color:var(--muted);font-size:12px;padding:6px 9px;border-radius:6px}.inspector-tabs button[aria-selected=true]{background:var(--selected);color:var(--text);font-weight:550}.version-picker{display:flex;align-items:center;justify-content:flex-end;gap:9px;padding:8px 14px;font-size:11px;color:var(--muted);border-bottom:1px solid var(--line)}.version-picker select{font-size:11px;width:auto;max-width:80%;padding:5px 8px}.inspector-content{padding:18px;overflow:auto;overscroll-behavior:contain;min-height:0;flex:1;font-size:12px}.inspector-content h3{font-size:13px}.inspector-content p{font-size:12px;line-height:1.7}.preview-content{flex:1;min-height:0;display:flex;padding:16px;background:#f2f5f9}#result-viewer{display:flex;flex-direction:column;flex:1;min-height:0;min-width:0}#result-view-status{font-size:11.5px;line-height:1.6;margin:0 0 10px}#result-entry{font-size:12px;margin-bottom:10px}#result-frame{display:block;flex:1;width:100%;min-height:160px;border:1px solid var(--line);border-radius:12px;background:#fff}#result-image{max-width:100%;max-height:100%;object-fit:contain;min-height:0;margin:auto}#result-text{overflow:auto;background:white;border:1px solid var(--line);border-radius:12px;padding:24px;flex:1;min-height:0}.inspector-footer{display:flex;align-items:center;gap:12px;min-height:50px;border-top:1px solid var(--line);padding:9px 12px}.inspector-footer span{flex:1;color:var(--muted);font-size:11px;min-width:0}.inspector-footer button{font-size:12px}.conversation-layout[data-expanded=true]>.chat-workspace{display:none}.conversation-layout[data-expanded=true]>.inspector{max-width:100%;width:100%;border-left:0}.conversation-layout[data-expanded=true] .panel-resizer{display:none}.files-toolbar{display:flex;gap:10px;align-items:center}.files-toolbar p{margin:0;flex:1}#file-search{font-size:12px;margin:12px 0}.file-list{border-bottom:1px solid var(--line);padding-bottom:12px;max-height:250px;overflow:auto}.file-list button{display:flex;align-items:center;gap:8px;width:100%;text-align:left;border:0;background:transparent;padding:7px 5px;font-size:12px;overflow-wrap:anywhere}.file-list button svg{width:15px;height:15px;color:var(--muted)}.file-list button:hover,.file-list button[aria-current=true]{background:var(--surface)}.file-preview-heading{display:flex;align-items:flex-start;gap:8px;margin-top:18px}.file-preview-heading h3{font:12px/1.6 ui-monospace,Menlo,monospace;overflow-wrap:anywhere;flex:1}.file-preview-heading button{font-size:11px;padding:4px 6px}#file-content{font-size:12px;white-space:pre;overflow-wrap:normal;max-height:none;min-height:90px}.change{padding:8px 0;border-bottom:1px solid var(--line);overflow-wrap:anywhere}.change pre{white-space:pre;overflow-wrap:normal;font-size:12px}.transfer-review{border-top:1px solid var(--line);margin-top:24px;padding-top:18px}.transfer-review button{font-size:12px;margin:6px 6px 6px 0}#transfer-status{white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px;margin-top:13px;color:var(--muted)}#transfer-diff{white-space:pre;overflow:auto;max-height:380px;font-size:11px}#transfer-target{overflow-wrap:anywhere}
.scene{min-width:0;min-height:0;display:flex;flex-direction:column}.scene-header h1{font-size:14px;margin:0;flex:1}.scene-header button{font-size:12px}.scene-body{padding:30px clamp(28px,5vw,80px);overflow:auto;flex:1;min-height:0}.scene-title{font-size:25px;letter-spacing:-.025em;margin-bottom:6px}.scene-body>p{font-size:13px;max-width:75ch;margin-bottom:22px}#project-intro{display:flex;gap:17px;margin-bottom:26px}#project-intro .project-badge{width:50px;height:50px;border-radius:13px;font-size:24px}#project-intro h2{font-size:26px;margin:0 0 3px;letter-spacing:-.025em}#project-intro p{font-size:12px;margin:0;line-height:1.8}#project-compose{position:relative;border:1px solid #c9d1df;border-radius:17px;padding:12px;margin-bottom:28px;display:grid;justify-items:end}#project-compose textarea{border:0;resize:vertical;font-size:15px;padding:0 4px 10px}#project-compose textarea:focus-visible{outline:0}#project-compose:focus-within{border-color:#6d89af}#project-compose button{font-size:12px}.project-columns{display:grid;grid-template-columns:minmax(0,1fr) minmax(230px,30%);gap:28px}.project-columns h2{font-size:13px;margin:0}.project-list-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.project-list-heading select{font-size:11px;padding:5px 8px;border:0;background:var(--surface);width:auto}.project-chat{display:flex;gap:12px;padding:15px 3px;width:100%;border:0;border-top:1px solid var(--line);border-radius:0;background:transparent;text-align:left}.project-chat>span:first-child{flex:1;min-width:0}.project-chat strong{font-size:13px;font-weight:600}.project-chat small{display:block;font-size:11.5px;color:var(--muted);margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.project-chat .chat-time{font-size:11px;color:var(--muted);flex:none}.project-info{border:1px solid var(--line);border-radius:13px;padding:17px;margin-bottom:14px}.project-info h2{margin-bottom:10px}.project-info p{font-size:12px;line-height:1.8}.project-info>button{font-size:12px}#project-results .result-card{padding:10px;margin:8px 0}.project-info .result-card strong{font-size:12px}.project-info .result-card svg{width:24px;height:24px}
#activity-filter,#library-project{width:auto;font-size:12px;padding:7px 10px;margin:0 0 24px}#activity-list h3{font-size:12px;color:var(--muted);margin:25px 0 12px}.activity-row{display:flex;align-items:center;gap:15px;border:1px solid var(--line);border-radius:12px;padding:16px 18px;margin-bottom:10px}.activity-row[data-kind=attention]{background:#fffcf5;border-color:#e6d6b2}.activity-copy{flex:1;min-width:0}.activity-copy strong{font-size:13px;display:block}.activity-copy>span{font-size:12px;color:var(--muted)}.activity-copy p{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:4px 0 0}.activity-row>button{font-size:12px}.activity-status{font-size:11px;color:var(--muted)}.activity-empty{padding:30px 0}.activity-empty h2{font-size:20px}#library-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:16px}.library-card{padding:18px;text-align:left;background:white;border-radius:13px;display:flex;flex-direction:column;gap:9px;min-width:0}.library-card svg{width:32px;height:32px;padding:5px;border-radius:7px;background:var(--surface);color:#5675a1}.library-card strong{font-size:14px;overflow-wrap:anywhere}.library-card p{font-size:12px;line-height:1.8;margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.library-card small{font-size:11px;color:var(--muted);margin-top:auto}.library-card:hover{border-color:#9cafca}
#devices-view{min-width:0;overflow:auto;padding:30px clamp(24px,5vw,80px);max-width:1000px}#devices-view>h1{font-size:26px;margin-top:24px}#devices-view>p{max-width:70ch}.preferences{border-bottom:1px solid var(--line);padding:5px 0 18px;margin-bottom:20px}.preferences label{max-width:300px;display:flex;align-items:center;gap:20px}.preferences select{width:auto}.preferences p{font-size:12px;margin:9px 0 0}.account-details{margin:16px 0 24px}.account-details summary{font-size:14px;font-weight:550}.account-popover{max-width:440px;padding:15px;background:var(--surface);border-radius:10px;margin-top:8px}.account-popover form{display:grid;gap:12px}.device{display:flex;align-items:center;gap:15px;border-bottom:1px solid var(--line);padding:17px 0}.device>div{flex:1;min-width:0}.device p{font-size:12px;margin:3px 0}.device button{font-size:12px}#logout{margin:20px 0}#pair-form{display:grid;gap:14px;max-width:420px}#pair-result{margin:20px 0;max-width:700px}#pair-code{user-select:all}#login{padding:30px;height:calc(var(--viewport-height) - 52px);overflow:auto}.login-form{max-width:440px;margin:10vh auto}.login-form h1{font-size:28px;letter-spacing:-.025em}.login-form p{line-height:1.9;margin-bottom:22px}.login-form button{width:100%;margin-top:16px}
dialog{background:#fff;color:var(--text);border:1px solid #c7d1df;border-radius:14px;padding:22px;max-height:85dvh;width:min(640px,calc(100vw - 32px));box-shadow:0 20px 80px #233b5a26}dialog::backdrop{background:#23334b50}dialog header,.command-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:15px}dialog h2,.command-heading h2{font-size:18px;margin:0}#command-query{font-size:15px;margin-bottom:12px}#command-results{max-height:48dvh;overflow:auto}#command-results button{display:flex;justify-content:space-between;gap:16px;align-items:center;width:100%;border:0;background:transparent;padding:12px 10px;text-align:left;font-size:13px}#command-results button:hover,#command-results button:focus-visible{background:var(--surface)}#command-results small{font-size:11px;color:var(--muted);max-width:45%;text-align:right}.command-hint{font-size:11px;margin:15px 0 0}#checks-dialog .inspector-content{padding:0}#check-form{display:grid;gap:14px}#check-form button{justify-self:start}#checks{margin-top:20px}.check{font-size:12px;margin:12px 0}#attachment-viewer{width:min(900px,calc(100vw - 32px))}#attachment-title{overflow-wrap:anywhere;font-size:16px}#attachment-image{max-width:100%;max-height:65dvh;object-fit:contain;display:block;margin:15px auto}#attachment-text{max-height:65dvh}#attachment-download{display:inline-block;margin-top:15px}#error,#completion-toast{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);padding:13px 18px;max-width:min(700px,90vw);width:max-content;z-index:30;border-radius:10px;box-shadow:0 8px 24px #233b5a24;font-size:13px}#error{background:#fbecea;border:1px solid #dfafa8;color:#8d3028;cursor:pointer}#completion-toast{background:#29384f;color:#fff;display:flex;align-items:center;gap:18px}#completion-toast button{background:#ffffff18;color:#fff;border:0;font-size:12px}.panel-scrim{display:none}
@media(min-width:901px){.conversation-layout:has(.inspector:not([hidden])) #messages{padding-left:36px;padding-right:36px}.conversation-layout:has(.inspector:not([hidden])) #compose{padding-left:36px;padding-right:36px}.conversation-layout:has(.inspector:not([hidden])) #result{margin-left:36px;margin-right:36px}.conversation-layout:has(.inspector:not([hidden])) #result>div:first-child{display:none}.conversation-layout:has(.inspector:not([hidden])) #result{display:none}}
@media(max-width:1200px){.conversation-breadcrumb>button{max-width:130px}.scene-body{padding:28px}.project-columns{gap:20px}.activity-status{display:none}}
@media(max-width:900px){#workspace,#workspace[data-collapsed=true]{grid-template-columns:minmax(0,1fr)}.mobile-only{display:inline-flex}.sidebar{position:fixed;left:0;top:0;bottom:0;width:min(310px,86vw);z-index:20;transform:translateX(-100%);visibility:hidden}.sidebar[data-expanded=true]{transform:none;visibility:visible}.sidebar-brand #collapse-sidebar{display:none}.side-resizer,.panel-resizer{display:none}.panel-scrim{position:fixed;inset:0;z-index:19;background:#24304466;border:0;border-radius:0}.panel-scrim:not([hidden]){display:block}.inspector{position:fixed;right:0;top:0;bottom:0;width:min(580px,100vw);max-width:100vw;min-width:0;z-index:22;box-shadow:-12px 0 40px #24304420}.conversation-layout[data-expanded=true]>.chat-workspace{display:flex}.conversation-top{padding:0 10px}.conversation-actions{gap:0}.conversation-breadcrumb>button,.conversation-breadcrumb>span{display:none}.conversation-heading h1{font-size:13px}.conversation-actions .voice-button span,.panel-toggle span{display:none}.project-columns{grid-template-columns:1fr}.project-columns>aside{display:grid;grid-template-columns:1fr 1fr;gap:14px}.scene-body{padding:24px}button,.icon-button,.nav-button{min-height:40px}#messages{padding:24px}#compose{padding:10px 20px 18px}.message-tools{opacity:1}.composer-settings select{max-width:180px}.resizer{display:none}}
@media(max-width:600px){#mode-hint{display:none}#messages{padding:20px 18px}#compose{padding:8px 12px max(12px,env(safe-area-inset-bottom))}#prompt{font-size:16px;max-height:140px}.keyboard-hint{display:none}.compose-bottom #send{margin-left:auto}.message.user{max-width:95%}.conversation-top{gap:4px}.conversation-actions .icon-button,.panel-toggle{padding:7px;min-width:34px}.scene-body{padding:20px}.project-columns>aside{grid-template-columns:1fr}#result{margin:0 16px}#delivery{display:none}.activity-row{padding:14px;gap:10px}.activity-copy strong{font-size:12px}#library-list{grid-template-columns:1fr}.empty h2{font-size:26px}#conversation-view[data-empty=true] .chat-workspace{padding-bottom:4vh}.scene-title{font-size:23px}.inspector-heading{padding-left:12px}.scene-header{padding:0 14px}.scene-header button{font-size:11px}}
@media(prefers-reduced-motion:no-preference){.sidebar{transition:transform .16s ease-out,visibility .16s ease-out}.composer-box{transition:border-color .15s ease-out}.library-card{transition:border-color .15s ease-out}}

/* Frozen preview thumbnails share the existing sandboxed result endpoint. */
.result-thumb{display:block;position:relative;flex:0 0 92px;width:92px;height:70px;overflow:hidden;border:1px solid var(--line);border-radius:7px;background:var(--surface);pointer-events:none;text-align:left}
.result-thumb iframe{display:block;width:920px;height:700px;border:0;transform:scale(.1);transform-origin:top left;background:white}
.result-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.thumb-text{display:flex;flex-direction:column;gap:8px;padding:9px;font-size:8px;line-height:1.5;color:var(--muted)}.thumb-text b{color:var(--text);font-size:9px}
.result-card>span:last-child{min-width:0}.result-card small{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.library-card .result-thumb{flex:0 0 150px;width:100%;height:150px;margin-bottom:16px;border-radius:8px}.library-card .result-thumb iframe{width:1000px;height:600px;transform:scale(.25)}.library-card .thumb-text{padding:16px;font-size:11px;gap:12px}.library-card .thumb-text b{font-size:13px}
.project-info .result-card{gap:10px}.project-info .result-thumb{flex-basis:64px;width:64px;height:54px}.project-info .result-thumb iframe{transform:scale(.075)}

/* Project context and independent conversation branches use the Studio controls. */
#project-instructions-summary{white-space:pre-wrap;overflow-wrap:anywhere;max-height:240px;overflow:auto}
#project-instructions-form{display:grid;gap:10px;margin-top:12px}#project-instructions-form label{font-size:12px;font-weight:600}#project-instructions-form textarea{min-height:160px;resize:vertical}#project-instructions-form p{margin:0;font-size:11px}.form-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:12px}
.project-material{display:flex;align-items:center;gap:6px;margin:10px 0}.project-material .message-attachments{min-width:0;flex:1}.project-material button{font-size:11px;overflow-wrap:anywhere}.project-material>button{flex-shrink:0}#add-project-material{margin:4px 0 8px}
.branch-origin{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line);padding:10px 24px;font-size:12px;color:var(--muted)}.branch-origin button{font-size:11px}.branch-ready{color:var(--muted);font-size:13px}.branch-history>summary{color:var(--muted);font-size:12px;margin-bottom:24px}.branch-history{border-bottom:1px solid var(--line);margin-bottom:24px}.branch-history .message{margin-bottom:24px}.message.user .message-tools{justify-content:flex-end}.message-tools{flex-wrap:wrap}#message-edit-text{display:block;width:100%;min-height:180px;margin-top:8px;resize:vertical}#message-edit-form>p{font-size:13px;color:var(--muted);max-width:65ch}#branch-pending{display:flex;align-items:center;gap:12px}
.branch-origin,#branch-pending{flex:none}

/* Claude's reviewed Studio: quieter chrome and type-aware saved results. */
:root{--sidebar-width:236px;--panel-width:440px}
.sidebar-brand{height:60px}
.sidebar .main-nav{margin-bottom:14px}
.sidebar nav .chat-row{padding-top:8px;padding-bottom:8px}
.chat-row>span:not(.session-dot):not(.project-badge){display:flex;align-items:flex-start;gap:7px}
.chat-row>span>svg{width:13px;height:13px;margin-top:2px}
.chat-label{display:block;min-width:0;flex:1}
.chat-label b{display:block;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.chat-label small{display:block;font-size:11px;color:var(--muted);margin-top:2px;font-weight:400}
.conversation-heading{min-width:0;flex:1}
.conversation-top .branch-origin{border:0;padding:0;min-width:0;max-width:155px}
.branch-chip{display:flex;align-items:center;gap:5px;padding:4px 7px;background:var(--surface);border:0;font-size:11px;color:var(--muted);white-space:nowrap;min-width:0}
.branch-chip span{overflow:hidden;text-overflow:ellipsis}
.branch-chip svg{width:14px;height:14px}
.conversation-actions .voice-button span,.conversation-actions .panel-toggle span{display:none}
.conversation-actions .voice-button,.conversation-actions .panel-toggle{padding:7px;min-width:32px;min-height:32px;border:0;background:transparent}
.conversation-actions .panel-toggle[aria-expanded=true]{background:var(--selected);color:var(--text)}
.conversation-top .conversation-actions{gap:3px}
.agent-label{display:flex;align-items:center;gap:8px;font-size:12px;margin-bottom:13px}
.agent-label svg{background:var(--raised);padding:4px;width:25px;height:25px;border-radius:6px;color:var(--accent)}
.message.assistant>strong.agent-label::before{content:none;display:none}
.message.user{border-radius:14px;padding:14px 18px}
.message-tools{gap:5px;margin-top:9px}
.message-tools button{font-size:11px;padding:4px 6px;min-height:28px}
.branch-history{font-size:12px;padding:10px 0}
.turn-context{margin:6px 0 10px;font-size:12px;color:var(--muted)}
.turn-context>summary{font-size:11px;padding:5px 0;width:max-content}
.turn-context[open]{border-bottom:1px solid var(--line);padding-bottom:12px}
.context-facts{display:grid;grid-template-columns:110px minmax(0,1fr);gap:9px 12px;font-size:12px;line-height:1.7;margin:14px 0}
.context-facts dt{color:var(--muted)}
.context-facts dd{margin:0;color:var(--text);overflow-wrap:anywhere}
.context-facts ul{padding:0;margin:0;list-style:none}
.context-facts small{color:var(--muted);font-size:11px;margin-left:4px}
.context-note{font-size:11px;color:var(--muted);line-height:1.7}
#context-dialog{width:min(560px,calc(100vw - 32px))}
.composer-settings{margin:0 0 5px;gap:5px;flex-wrap:wrap}
.composer-settings select,.project-compose-controls select{background:var(--surface);padding:4px 20px 4px 8px;border:0;border-radius:6px;font-size:11px;min-height:28px;max-width:160px}
.composer-settings #provider,.project-compose-controls #project-provider{font-weight:600}
select[data-mode=workspace-write]{background:var(--selected);color:var(--text)}
.context-chip{background:var(--surface);color:var(--muted);border:0;font-size:11px;padding:4px 8px;min-height:28px;border-radius:6px}
.composer-box{padding:10px}
#prompt{font-size:14px;min-height:66px;padding:9px 8px;resize:none}
.compose-bottom:has(#keyboard-hint[hidden]) #send{margin-left:auto}
#keyboard-hint{font-size:11px}
.inspector-heading{height:47px;min-height:47px;padding:0 8px 0 10px;border-bottom:1px solid var(--line)}
.inspector-heading .inspector-tabs{padding:6px 0;border:0;flex:1;min-width:0}
.inspector-heading .inspector-tabs button{font-size:12px;padding:6px 9px}
.inspector-toolbar{display:flex;align-items:center;gap:8px;padding:6px 13px;border-bottom:1px solid var(--line);min-height:47px;flex:none}
.inspector-toolbar .version-picker{padding:0;border:0;min-width:0;gap:0;font-size:11px}
.version-picker>span{display:none}
.version-picker select{border:0;background:transparent;width:auto;max-width:160px;padding:4px 0;font-size:11px}
.result-state{font-size:11px;color:var(--muted);margin-left:auto;text-align:right;line-height:1.4;max-width:170px}
#result-menu .popover{min-width:220px;z-index:25}
#result-menu .popover .icon-button{width:100%;display:flex;gap:9px;justify-content:flex-start;font-size:12px;padding:9px 10px;border-radius:6px}
#result-menu summary{display:flex;align-items:center;padding:6px}
#result-menu summary svg{width:17px;height:17px}
.result-thumb:not([data-kind=page]):not([data-kind=image]){display:grid;place-items:center;flex-basis:36px;width:36px;height:40px;border:0;background:var(--surface);border-radius:7px}
.result-thumb:not([data-kind=page]):not([data-kind=image]) svg{width:22px;height:22px;color:var(--accent);padding:0;background:transparent}
.result-card .artifact-copy{min-width:0;flex:1}
.result-card .artifact-title{font-size:13px;display:block;overflow-wrap:anywhere}
.result-card .artifact-meta{font-size:11px;margin-top:5px;color:var(--muted)}
.library-card .result-thumb:not([data-kind=page]):not([data-kind=image]){width:32px;height:36px;flex:0 0 36px;margin:0 0 7px}
.library-card .result-thumb[data-kind=page],.library-card .result-thumb[data-kind=image]{margin-bottom:9px}
.library-card .artifact-meta{margin-top:auto;font-size:11px;line-height:1.7}
.library-card .artifact-project{margin-top:0;font-size:11px}
.library-card .artifact-state{margin:8px -18px -18px;padding:11px 18px;border-top:1px solid var(--line);font-size:11px;color:var(--muted);width:calc(100% + 36px)}
#result-text[data-format=plain]{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.8;padding:22px;background:#fff;border:1px solid var(--line);border-radius:8px}
#project-compose{display:flex;flex-direction:column;align-items:stretch;gap:8px}
#project-compose textarea{resize:none;min-height:85px;padding:9px 4px;font-size:14px}
#project-compose>button{align-self:flex-end}
.project-compose-controls{display:flex;gap:5px;flex-wrap:wrap;align-items:center}
.project-compose-controls label{min-width:0}
.project-compose-controls select{width:auto}
#project-context{font-size:11px;min-height:28px;padding:4px 8px}
.project-context-sidebar{border-left:1px solid var(--line);padding-left:22px}
.project-info{border:0;border-radius:0;padding:0 0 22px;margin-bottom:22px;border-bottom:1px solid var(--line);background:transparent}
.project-recent{margin-top:28px}
.project-recent>h2{margin-bottom:14px}
#project-intro{margin-bottom:26px}
#project-intro h2{font-size:27px;letter-spacing:-.025em}
#project-intro p{font-size:13px}
.project-chat{padding-top:17px;padding-bottom:17px}
.project-chat small{font-size:11px}
@media(min-width:901px){.conversation-layout:has(.inspector:not([hidden])) #messages{padding-left:32px;padding-right:32px}.conversation-layout:has(.inspector:not([hidden])) #compose{padding-left:28px;padding-right:28px}}
@media(max-width:1100px){.conversation-top .branch-chip span{display:none}.conversation-top .branch-origin{max-width:30px}.inspector-toolbar{padding-left:11px;padding-right:8px}.result-state{max-width:145px}}
@media(max-width:900px){.project-context-sidebar{border-left:0;padding-left:0}.composer-settings select{max-width:160px}.composer-settings,.context-chip{font-size:11px}.inspector-heading .inspector-tabs{gap:0}}
@media(max-width:600px){.context-facts{grid-template-columns:85px minmax(0,1fr);gap:8px}.composer-settings{gap:4px}.composer-settings select{font-size:11px;max-width:145px}.context-chip{font-size:11px}.project-info{display:block!important}}

/* Approved clean-chat reference, ported into the existing client by ChatGPT. */
:root{--sidebar-width:248px;--panel-width:420px}
#workspace[data-collapsed=true]{grid-template-columns:56px minmax(0,1fr)}
#messages{padding:28px max(32px,calc((100% - 720px)/2)) 16px}
.message{max-width:720px;font-size:15px;line-height:1.7}
.message.user{max-width:min(75%,540px);padding:10px 16px;border-radius:18px;background:#edf1f7;margin-bottom:20px;position:relative}
.message.user>.message-tools{position:absolute;right:0;top:100%;margin:0;transform:translateY(1px);z-index:1}
.message.user>.message-tools button{width:24px;height:20px;min-height:20px}
.message.assistant{margin-bottom:16px}
.message.assistant .prose>:first-child{margin-top:0}
.message.assistant .prose>:last-child{margin-bottom:0}
.prose p{margin:0 0 12px}
.message.assistant>.message-tools{height:28px;min-height:28px;gap:2px;margin-top:6px;flex-wrap:nowrap}
.message-tools button{width:28px;height:28px;min-height:28px;padding:6px;display:inline-flex;align-items:center;justify-content:center;border-radius:6px}
.message-tools button svg{width:16px;height:16px}
.message.latest>.message-tools{opacity:1}
#result{display:none}
#messages .chat-result{width:min(100%,420px);height:48px;min-height:48px;padding:7px 10px;gap:10px;border-radius:10px;margin:14px 0 0;background:#fff}
#messages .chat-result .result-thumb{flex:0 0 32px;width:32px;height:32px;border:0;border-radius:7px;background:var(--surface)}
#messages .chat-result .result-thumb iframe{width:640px;height:640px;transform:scale(.05)}
#messages .chat-result .result-thumb svg{width:20px;height:20px;padding:0}
#messages .chat-result .artifact-title{font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#messages .chat-result small{font-size:11.5px;margin:1px 0 0;display:block}
#messages .chat-result>.artifact-open{font-size:11.5px;color:var(--muted)}
#messages .chat-result>svg{width:14px;height:14px;padding:0;background:none;color:var(--muted)}
#compose{padding:4px max(32px,calc((100% - 720px)/2)) max(16px,env(safe-area-inset-bottom))}
.composer-box{padding:10px 8px 6px 14px;border-radius:18px;box-shadow:none}
#prompt{padding:0 6px 8px 0;min-height:44px;height:44px;max-height:200px;line-height:1.5;font-size:15px;resize:none;display:block}
.compose-bottom{height:34px;gap:3px}
.compose-bottom label{min-width:0}
.compose-bottom #provider{width:auto;max-width:160px;border:0;background:transparent;font-size:12px;font-weight:550;padding:4px 20px 4px 7px;min-height:28px}
.compose-bottom .icon-button{width:32px;height:32px;min-height:32px;padding:7px}
.compose-bottom #compose-voice{margin-left:auto}
.compose-bottom #keyboard-hint{display:none}
.compose-bottom #send{margin-left:4px;width:32px;height:32px;min-height:32px;border-radius:50%;padding:7px;font-size:0;display:grid;place-items:center}
#send::before{content:'';width:18px;height:18px;background:currentColor;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 20V4m-6 6 6-6 6 6' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat}
.compose-bottom #send[data-state=uncertain]{width:auto;border-radius:8px;font-size:11px;padding:6px 10px}
#send[data-state=uncertain]::before{display:none}
.composer-settings{height:28px;margin:4px 0 0;gap:5px;flex-wrap:nowrap}
.composer-settings select{background:transparent;font-size:11.5px}
.composer-settings select[data-mode=workspace-write]{background:var(--selected)}
.composer-settings .context-chip{background:transparent;font-size:11.5px;white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}
#conversation-view[data-empty=true] .chat-workspace{justify-content:flex-end;padding-bottom:0}
#conversation-view[data-empty=true] #messages{flex:none;max-height:50%;padding-bottom:24px}
#conversation-view[data-empty=true] #compose{max-width:none;margin:0}
#conversation-view[data-empty=true] #prompt{min-height:44px}
.empty{text-align:left;margin:0 auto;max-width:720px}
.empty h2{font-size:20px;font-weight:550;letter-spacing:-.02em;margin:0 0 8px}
.empty p{font-size:13px;margin:0;max-width:none;line-height:1.7}
#turn-context-popover{position:fixed;z-index:35;overflow:auto;overscroll-behavior:contain;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:12px 14px;box-shadow:0 14px 40px #1b2a4224}
#turn-context-popover header{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:12px}
#turn-context-popover .context-facts{grid-template-columns:90px minmax(0,1fr);gap:7px 10px;margin:10px 0;font-size:12px}
#turn-context-popover .context-note{margin:8px 0 0}
@media(min-width:901px){.conversation-layout:has(.inspector:not([hidden])) #messages,.conversation-layout:has(.inspector:not([hidden])) #compose{padding-left:max(32px,calc((100% - 720px)/2));padding-right:max(32px,calc((100% - 720px)/2))}}
@media(max-width:900px){#workspace[data-collapsed=true]{grid-template-columns:minmax(0,1fr)}#messages{padding:24px}#compose{padding-left:24px;padding-right:24px}.message-tools{opacity:1}.composer-settings{height:auto;min-height:28px;flex-wrap:wrap}}
@media(max-width:600px){#messages{padding:20px 18px}#compose{padding-left:12px;padding-right:12px}.message.user{max-width:90%}.compose-bottom #provider{max-width:140px}#prompt{font-size:16px}.empty h2{font-size:19px}.composer-settings select,.composer-settings .context-chip{font-size:11px}}

.compose-bottom:has(#keyboard-hint[hidden]) #send{margin-left:4px}
#messages .chat-result[aria-pressed=true]{background:#f6f8fc;border-color:#b6c7df}

.branch-history .message-tools button{width:auto;padding:4px 7px;font-size:11px}

#send::before{-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 20V4m-6 6 6-6 6 6' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat}
.result-probe{display:block;height:1px}
.compose-bottom #model{width:190px;max-width:24vw;min-height:28px;border:0;background:transparent;font-size:12px;padding:4px 18px 4px 6px;text-overflow:ellipsis}
.compose-bottom #effort{width:145px;max-width:20vw;min-height:28px;border:0;background:transparent;font-size:12px;padding:4px 18px 4px 6px;text-overflow:ellipsis}
#workflow-executor{font-size:12px;font-weight:550;padding:4px 7px;white-space:nowrap}
#review-model{max-width:175px}#review-effort{max-width:165px}
.composer-settings:has(#review-model-control:not([hidden])){height:auto;min-height:28px;flex-wrap:wrap}


 :root{color-scheme:dark;--bg:#191d23;--sidebar:#15191f;--surface:#222833;--raised:#252c37;--selected:#2a3648;--text:#e7ebf1;--muted:#aeb8c8;--line:#3a4351;--accent:#a5c4f4}
 .main-nav .nav-button[aria-current=true]{color:var(--text)}
 body,button,input,select,textarea,dialog,.popover,.scene,.chat-workspace,.inspector,.composer,.compose-box{color:var(--text);background:var(--bg)}
 .sidebar{background:var(--sidebar)}
 .sidebar nav button:hover{background:var(--raised);color:var(--text)}
 .nav-button[aria-current=true],.sidebar nav button[aria-current=true]{background:var(--selected);color:var(--text)}
 button,input,select,textarea,dialog,.popover{border-color:var(--line)}
 input::placeholder,textarea::placeholder{color:var(--muted)}
 .message.user,.segmented button[aria-pressed=true],.project-row.selected-project,.task-table-row:hover{background:var(--raised);color:var(--text)}
 .prose p code,.prose li code,.message>strong::before{background:var(--raised);color:var(--text)}
 #pipeline-content,.task-canvas{background-color:var(--bg)}
 .pipeline-card,#task-inspector,.pipeline-history,.canvas-controls,.canvas-minimap,#task-editor>header,#task-create-form>.form-actions{background:var(--bg);color:var(--text)}
 .task-library-card,.segmented{background:var(--bg)}
 .task-stage{background:#303a48;color:#d4deeb}
 .task-stage[data-stage=ready],.task-stage[data-stage=accepted]{background:#203b30;color:#b1e5c7}
 .task-stage[data-stage=running],.task-stage[data-stage=reviewing]{background:#293d59;color:#c1d9fc}
 .task-stage[data-stage=attention],.task-notice,.pipeline-card .task-blocker{background:#403323;color:#f5d39f}
 .task-verified{color:#b1e5c7}
 .report-metrics>div{background:var(--surface)}
 button:hover,.quiet:hover,.icon-button:hover,.popover button:hover{background:var(--raised);color:var(--text)}
 body .segmented button[aria-pressed=true]{background:var(--raised);color:var(--text)}
 .approval,.approval-options button{background:var(--surface);color:var(--text)}
 .message-error,#error{background:#442c2b;color:#ffcbc5!important}
 .canvas-minimap rect{fill:#7284a1;stroke:var(--bg)}
 .task-result-kind{background:var(--surface)}
 ::selection{background:#38577d;color:#fff}

:root{scrollbar-color:var(--line) var(--bg);caret-color:var(--accent)}

/* Result notes always name their frozen version; file bodies open on demand. */
.result-annotations{flex:none;max-height:340px;overflow:auto;border-top:1px solid var(--line);padding:14px 18px;background:var(--bg);font-size:12px}.result-annotation-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.result-annotation-heading strong{font-size:12px;font-weight:600}.result-annotation-heading button,.result-annotations button{font-size:11px}.result-annotations p{font-size:11px;line-height:1.5;margin:8px 0}.result-annotations>details{margin-top:12px}.result-annotations>details>summary{font-size:11px}.result-annotations textarea{margin:8px 0;font-size:12px;min-height:74px}.result-note-actions{display:flex;flex-wrap:wrap;gap:6px}#result-comment-warning{color:var(--text);border-left:2px solid #be8a45;padding-left:9px}.result-comment-row{display:flex;gap:10px;padding:12px 0;border-bottom:1px solid var(--line);align-items:flex-start}.result-comment-row>input{width:15px;flex:none;margin-top:3px}.result-comment-row>span{min-width:0;overflow-wrap:anywhere}.result-comment-row small{display:block;color:var(--muted);font-size:10px;line-height:1.5}.result-comment-row blockquote{margin:7px 0;padding:4px 9px;border-left:2px solid var(--line);color:var(--muted);font:11px/1.5 ui-monospace,SFMono-Regular,monospace;white-space:pre-wrap}.result-comment-row strong{font-size:12px;font-weight:450;white-space:pre-wrap}#result-comments-rework{margin-top:12px}.unified-diff{max-height:440px;overflow:auto;background:var(--surface);padding:8px 0;margin:8px 0}.diff-line{display:flex;align-items:baseline;gap:0;min-height:22px;border:0;border-radius:0;padding:0 10px;background:transparent;white-space:pre;width:max-content;min-width:100%;text-align:left;color:var(--text);font:11px/22px ui-monospace,SFMono-Regular,monospace}.diff-line>small{color:var(--muted);width:34px;flex:none;font-size:10px;user-select:none}.diff-line>code{font:inherit}.diff-line.added{background:color-mix(in srgb,#52a978 13%,transparent)}.diff-line.removed{background:color-mix(in srgb,#ce6a6a 12%,transparent)}button.diff-line:hover{background:var(--selected)}.diff-line.hunk,.diff-line.header{color:var(--muted);font-size:10px}.instruction-file{display:inline-block;margin-left:5px;color:var(--text);font-size:10px;border:1px solid var(--line);border-radius:4px;padding:1px 5px}.diff-note{font-size:11px;line-height:1.6}.result-comment-recovery{position:fixed;left:50%;bottom:20px;transform:translateX(-50%);z-index:25;display:flex;align-items:center;gap:12px;background:var(--surface);border:1px solid var(--line);border-radius:10px;box-shadow:0 8px 32px #0002;padding:12px 16px;max-width:calc(100% - 40px);font-size:12px}

#alternatives-dialog{width:min(1120px,94vw);max-height:90vh}#alternatives-dialog>header{display:flex;align-items:center;justify-content:space-between;gap:24px}#alternatives-dialog textarea{display:block;width:100%;margin:12px 0}#alternatives-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;margin:24px 0}#alternatives-columns section{min-width:0}#alternatives-columns header{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line);padding-bottom:12px}#alternatives-columns h3{margin:0}.alternative-part{display:flex;align-items:start;gap:12px;padding:16px 0;border-bottom:1px solid var(--line);font-size:14px;line-height:1.65}.alternative-part input{flex:0 0 auto;margin-top:6px}.alternative-part span{min-width:0;flex:1;white-space:pre-wrap;overflow-wrap:anywhere}#alternatives-columns footer{display:grid;gap:10px;margin-top:18px}.alternative-actions{display:flex;align-items:center;flex-wrap:wrap;gap:16px;border-top:1px solid var(--line);padding-top:20px}#alternatives-history{display:grid;gap:8px}#alternatives-history button{text-align:left}#alternatives-history small{display:block;color:var(--muted)}@media(max-width:760px){#alternatives-columns{grid-template-columns:1fr}#alternatives-dialog{padding:20px}}

.notification-preferences{display:block;max-width:720px}.notification-preferences h2{font-size:20px}.notification-preferences fieldset{border:0;padding:0;margin:20px 0;display:grid;gap:12px}.notification-preferences fieldset label{display:flex;align-items:center;gap:10px}.notification-preferences input[type=checkbox],.alternative-part input[type=checkbox]{width:16px;height:16px;flex:0 0 16px;margin:0}.notification-preferences fieldset>div{display:flex;gap:20px}.notification-preferences p{color:var(--muted);line-height:1.6}.notification-preferences button{margin:0 8px 8px 0}

#compose{background:var(--bg)}.composer-box,#messages .chat-result,.result-card,#project-form,#result-text{background:var(--surface);border-color:var(--line);color:var(--text)}.preview-content{background:var(--bg)}.result-card svg{background:var(--raised);color:var(--accent)}.result-card[aria-pressed="true"],#messages .chat-result[aria-pressed=true]{background:var(--selected);color:var(--text)}.composer-box:focus-within{border-color:var(--accent)}.composer-box textarea{color:var(--text)}

#media-review-dialog{width:min(1180px,95vw);max-height:92vh}#media-review-dialog>header{display:flex;align-items:start;justify-content:space-between;gap:24px}#media-review-dialog h2{margin:0}#media-review-version-label,#media-review-device{font-size:12px;color:var(--muted)}.media-review-toolbar{display:flex;align-items:end;gap:12px;flex-wrap:wrap;margin:16px 0}.media-review-toolbar label{display:grid;gap:6px;font-size:12px}.media-review-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(280px,1fr);gap:32px}#media-video{width:100%;max-height:420px;background:#080a0d;border-radius:12px}.media-transcript{max-height:320px;overflow:auto}.media-transcript button{display:flex;gap:14px;align-items:start;width:100%;text-align:left;padding:12px 8px;background:transparent;border:0;border-bottom:1px solid var(--line)}.media-transcript time{font-size:11px;white-space:nowrap;color:var(--muted)}.media-transcript span{line-height:1.5}.media-review-notes fieldset{border:0;padding:0;display:grid;gap:16px}.media-review-notes label{display:grid;gap:8px;font-size:12px}.media-review-notes textarea,.media-review-notes input,.media-review-notes select{width:100%}#media-note-range{display:grid;grid-template-columns:1fr 1fr;gap:12px}#media-note-range button{font-size:11px;margin-top:8px}#media-note-save{margin-top:16px}.media-saved-note{display:flex!important;align-items:start;gap:10px;padding:16px 0;border-bottom:1px solid var(--line)}.media-saved-note input{width:auto;flex:0 0 auto;margin-top:4px}.media-saved-note small{display:block;margin-top:6px;color:var(--muted)}#media-note-rework{margin-top:16px;width:100%}@media(max-width:850px){.media-review-grid{grid-template-columns:1fr}#media-review-dialog{padding:20px}}

/* Composer controls share the current model catalog; their popovers escape the composer. */
.composer-picker-trigger{display:inline-flex;align-items:center;gap:6px;min-width:0;max-width:195px;min-height:32px;border:0;border-radius:8px;background:transparent;color:var(--text);font-family:inherit;font-size:12px;line-height:1.3;font-weight:500;padding:5px 8px;cursor:pointer;white-space:nowrap}
.composer-picker-trigger>span{overflow:hidden;text-overflow:ellipsis}.composer-picker-trigger>small{font-size:10px;color:var(--muted);font-weight:400}.composer-picker-trigger>svg{width:14px;height:14px;flex:none;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.composer-picker-trigger>svg:last-child{color:var(--muted)}.composer-picker-trigger:hover,.composer-picker-trigger[aria-expanded=true]{background:var(--raised)}.composer-picker-trigger:disabled{opacity:.45;cursor:default}.composer-picker-trigger:focus-visible,.composer-picker button:focus-visible,.composer-picker input:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.composer-settings>span,.project-compose-controls>span{min-width:0;display:inline-flex;align-items:center}.composer-settings [hidden],.project-compose-controls [hidden]{display:none!important}
.composer-picker{position:fixed;z-index:80;display:flex;flex-direction:column;box-sizing:border-box;overflow:hidden;border:1px solid var(--line);border-radius:14px;background:var(--bg);color:var(--text);box-shadow:0 12px 40px #0002,0 2px 8px #0001;padding:8px;animation:picker-arrive .14s ease-out;font:13px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;isolation:isolate}
.composer-picker>header{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:34px;padding:0 8px 7px;color:var(--muted);font-size:11px;font-weight:500;flex:none}.composer-picker .picker-close{display:grid;place-items:center;width:26px;height:26px;min-height:0;padding:0;border:0;border-radius:6px;background:transparent;color:var(--muted);font-size:20px;line-height:1;cursor:pointer}.composer-picker .picker-close:hover{background:var(--surface);color:var(--text)}
.picker-search{padding:0 4px 8px;flex:none}.composer-picker .picker-search input{width:100%;min-height:36px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--text);font:inherit;padding:6px 10px;box-sizing:border-box;outline-offset:1px}.composer-picker .picker-search input::placeholder{color:var(--muted)}.picker-options{overflow:auto;overscroll-behavior:contain;min-height:0;scroll-padding:6px}.composer-picker .picker-option{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;min-height:42px;padding:9px 10px;border:0;border-radius:8px;background:transparent;color:var(--text);text-align:left;font:inherit;cursor:pointer}.picker-option>span{min-width:0;overflow-wrap:anywhere}.picker-option strong{font-size:13px;font-weight:450}.picker-option small{display:block;font-size:11px;font-weight:400;color:var(--muted);margin-top:2px}.picker-option>svg{width:16px;height:16px;flex:none;fill:none;stroke:currentColor;stroke-width:1.7;opacity:0}.picker-option[aria-pressed=true]>svg{opacity:1}.composer-picker .picker-option:hover,.composer-picker .picker-option:focus-visible{background:var(--surface)}.composer-picker .picker-option[aria-pressed=true]{background:var(--selected)}.composer-picker .picker-option:disabled{opacity:.45;cursor:not-allowed}.picker-empty{padding:16px 10px;color:var(--muted)}
/* Selected hybrid: visible model list (A), compact capsule (B, Claude reference). */
.composer-picker-trigger{max-width:310px}.composer-picker-trigger>small{flex:none;max-width:110px;overflow:hidden;text-overflow:ellipsis}
.picker-models{display:flex;flex-direction:column;min-height:64px;flex:1;overflow:hidden}.picker-options{max-height:290px}.unified-picker .picker-option{min-height:40px;padding:8px 10px}.unified-picker .picker-option[aria-pressed=true]{background:var(--selected)}
.picker-effort{flex:none;border-top:1px solid var(--line);margin-top:6px;padding:12px 9px 5px}.effort-heading{display:flex;align-items:center;gap:8px;min-height:26px;font-size:11.5px;color:var(--muted)}.effort-value{margin-left:auto;display:flex;align-items:center;gap:6px}.effort-current{font-size:13px;font-weight:550;color:var(--text)}.effort-mode{font-size:10px;padding:1px 5px;border-radius:5px;background:var(--surface);color:var(--muted)}.composer-picker .effort-reset{display:grid;place-items:center;width:24px;height:24px;border:0;border-radius:6px;padding:4px;background:transparent;color:var(--muted);cursor:pointer}.effort-reset:hover{background:var(--raised);color:var(--text)}.effort-reset svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.effort-capsule{--capsule-fill:#4268a6;position:relative;height:44px;margin:4px 2px 0;flex:none}.composer-picker input[type=range]{-webkit-appearance:none;appearance:none;display:block;width:100%;height:44px;margin:0;padding:0;border:0;background:transparent;cursor:pointer;position:relative;z-index:1;touch-action:none;--effort-fill:15px}.composer-picker input[type=range]::-webkit-slider-runnable-track{height:26px;border-radius:999px;background:linear-gradient(to right,var(--capsule-fill) 0 var(--effort-fill),var(--raised) var(--effort-fill) 100%);box-shadow:inset 0 0 0 1px var(--line)}.composer-picker input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:30px;height:30px;margin-top:-2px;border:0;border-radius:50%;background:#fff;box-shadow:0 1px 4px #10182852,0 0 0 1px #10182840;transition:transform .15s}.composer-picker input[type=range]:active::-webkit-slider-thumb{transform:scale(1.08)}.composer-picker input[type=range]::-moz-range-track{height:26px;border-radius:999px;background:var(--raised);box-shadow:inset 0 0 0 1px var(--line)}.composer-picker input[type=range]::-moz-range-progress{height:26px;border-radius:999px;background:var(--capsule-fill)}.composer-picker input[type=range]::-moz-range-thumb{width:30px;height:30px;border:0;border-radius:50%;background:#fff;box-shadow:0 1px 4px #10182852}
.cap-dots{position:absolute;inset:0 15px;pointer-events:none;z-index:2}.cap-dot{position:absolute;top:50%;width:4px;height:4px;margin:-2px 0 0 -2px;border-radius:50%;background:var(--muted)}.cap-dot.on{background:#ffffffb3}.cap-dot.def{width:8px;height:8px;margin:-4px 0 0 -4px;background:transparent;border:1.5px solid var(--muted);box-sizing:border-box}.cap-dot.def.on{border-color:#ffffffd9}.cap-dot.current{opacity:0}.effort-capsule.unknown input::-webkit-slider-thumb{opacity:0}.effort-capsule.unknown input::-webkit-slider-runnable-track{background:var(--raised)}.effort-capsule.unknown input::-moz-range-thumb,.effort-capsule.unknown input::-moz-range-progress{opacity:0}.effort-capsule.disabled{opacity:.5}.effort-capsule.disabled input{cursor:default}.effort-scale{display:flex;justify-content:space-between;margin:0 2px;font-size:10.5px;color:var(--muted)}.effort-hint{margin:8px 2px 0;min-height:32px;font-size:11.5px;line-height:1.45;color:var(--muted)}
.compose-bottom>span:has(> #effort[hidden]),.composer-settings>span:has(> #review-effort[hidden]),.project-compose-controls>span:has(> #project-effort[hidden]){display:none}
.composer-picker.picker-short{overflow:auto;overscroll-behavior:contain}.picker-short .picker-models{flex:none;max-height:160px}.composer-picker input[type=range]:focus-visible{outline:none}.composer-picker input[type=range]:focus-visible::-webkit-slider-thumb{outline:2px solid var(--accent);outline-offset:2px}.composer-picker input[type=range]:focus-visible::-moz-range-thumb{outline:2px solid var(--accent);outline-offset:2px}
body.composer-picker-open #completion-toast{left:auto;right:20px;top:74px;bottom:auto;transform:none;max-width:min(360px,calc(100vw - 40px))}
@keyframes picker-arrive{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.composer-picker{animation:none}}@media(max-width:700px){.composer-picker-trigger{max-width:150px}.composer-picker{border-radius:12px}}

/* Preserve the composer actions when the desktop window is split or narrow. */
.compose-bottom>span{min-width:0;display:inline-flex;align-items:center}.compose-bottom>.icon-button,.compose-bottom #send,.compose-bottom #stop{flex-shrink:0}

.unified-picker .picker-option:focus-visible{outline-offset:-2px}

/* Versioned local montage stays available while a new export is in progress. */
.media-return{border-block:1px solid var(--border,#ddd);padding:14px 0;margin:12px 0}.media-return>summary{font-weight:600;cursor:pointer}.media-return p{max-width:78ch;line-height:1.5}.media-return>label{display:grid;gap:6px;margin:12px 0}.media-return select{max-width:100%;min-height:36px}.media-return button{min-height:36px}.task-media-state{font-size:13px;color:var(--muted,#777)}

/* Chief tasks use the existing chat and inspector surfaces. */
.chief-chat-block{max-width:720px;margin:24px auto 34px;width:100%}.chief-request{margin-bottom:22px}.chief-live{font-size:14px;line-height:1.6;color:var(--text);padding:0 2px}.chief-live header{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:18px}.chief-live h2{font-size:16px;line-height:1.4;font-weight:600;letter-spacing:-.015em;margin:0}.chief-status{font-size:12px;color:var(--accent);flex-shrink:0}.chief-live h3{font-size:13px;font-weight:600;margin:22px 0 8px}.chief-muted,.chief-models{font-size:12px;color:var(--muted);line-height:1.5}.chief-live ul{padding-left:20px;margin:8px 0 18px}.chief-live li{margin:6px 0}.chief-evidence li>span,.chief-evidence small,.chief-live li>small{display:block}.chief-evidence small,.chief-live li>small{color:var(--muted);font-size:12px;white-space:pre-wrap;overflow-wrap:anywhere}.chief-live details{margin:18px 0}.chief-live summary{font-size:12px;color:var(--muted);cursor:pointer}.chief-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.chief-actions button,.chief-stages button{font-size:12px;padding:6px 9px}.chief-live textarea,.chief-live input[type=text],.chief-other{width:100%;font:inherit;color:var(--text);background:var(--bg);border:1px solid var(--line);border-radius:8px;padding:10px;resize:vertical;box-sizing:border-box}.chief-live textarea:focus,.chief-other:focus{outline:2px solid var(--focus-line,#6d89af);outline-offset:2px}.chief-feedback button,.chief-rules button{margin-top:10px}.chief-questions fieldset{padding:0;border:0;margin:20px 0 28px}.chief-questions legend{font-size:15px;font-weight:550}.chief-option{display:flex;gap:10px;align-items:center;margin:7px 0;padding:10px 12px;border-radius:8px;background:var(--surface);cursor:pointer}.chief-option:has(input:checked){background:var(--selected)}.chief-option input{accent-color:var(--accent);width:16px;height:16px;flex:0 0 16px}.chief-option span{display:flex;justify-content:space-between;gap:12px;flex:1;font-size:13px}.chief-option small{color:var(--accent);font-size:11px}.chief-other{margin-top:8px}.chief-stages{list-style:none;padding:0!important;margin:16px 0 22px!important}.chief-stages li{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--line);font-size:13px}.chief-stages li[aria-current=step]>span{font-weight:600}.chief-reason{font-size:13px;overflow-wrap:anywhere}.chief-error{color:#a32e32;font-size:13px}.chief-rules form+form{margin-top:24px}.chief-detail{flex:1;min-height:0;overflow:auto;padding:16px}.chief-detail-head h2{font-size:16px;margin:0 0 8px}.chief-detail-head p{font-size:12px;color:var(--muted);margin:0 0 18px}.chief-detail-body{min-height:0}.chief-detail-body:has(.session-viewport){height:calc(100vh - 200px);min-height:500px}.chat-route-line{font-size:12px;color:var(--muted);display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:7px 4px 0}.chat-route-line button{font-size:12px;padding:5px 8px}.chief-live button:disabled{cursor:default;opacity:.55}.chief-live button:focus-visible,.chat-route-line button:focus-visible{outline:2px solid var(--focus-line,#6d89af);outline-offset:2px}.chief-live .chief-stages small{font-variant-numeric:tabular-nums}
/* D: team progress, preserving the existing chat surface. */
.chief-pipeline{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px 16px;list-style:none;padding:0;margin:0 0 20px;font-size:11px;color:var(--muted)}
.chief-pipeline li{margin:0;display:flex;align-items:baseline;gap:5px}
.chief-pipeline li[data-state=current]{color:var(--accent);font-weight:600}
.chief-pipeline li[data-state=done]{color:var(--text)}
.chief-pipeline li[data-state=blocked]{color:var(--text);font-weight:600}
.chief-pipeline li small{font-size:10px;color:var(--muted)}
.chief-pipeline-caption{font-size:11px;color:var(--muted);margin:0 0 7px}
.chat-label small[data-team]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media(max-width:600px){.chief-pipeline{gap:6px 10px;font-size:10px}.chief-live header{display:block}.chief-status{display:block;margin-top:5px}.chief-option span{flex-direction:column;gap:2px}.chief-stages li{grid-template-columns:1fr auto}.chief-stages small{grid-column:1}.chief-stages button{grid-row:1/3;grid-column:2}.chief-detail{padding:12px}}

.chief-workers{list-style:none;padding:0!important;margin:16px 0!important}.chief-workers li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 12px;padding:12px 0;border-bottom:1px solid var(--line)}.chief-workers li>div{display:flex;gap:10px;align-items:baseline;flex-wrap:wrap}.chief-workers strong{font-size:13px;font-weight:600}.chief-workers small{font-size:12px;color:var(--muted)}.chief-workers li>span{grid-column:1;font-size:12px;color:var(--muted)}.chief-workers button{grid-column:2;grid-row:1/3;font-size:12px;align-self:center}.chief-plan p{white-space:pre-wrap;font-size:13px}.chief-session-transcript{margin-top:16px;overflow-wrap:anywhere}.chief-session-transcript .message{max-width:100%;margin:14px 0;padding:12px}.chief-session-transcript pre{max-width:100%;overflow:auto}.chief-session-transcript .prose{font-size:13px}

/* RB2: narrow inspector only; the full-width conveyor is unchanged. */
.chief-detail-body .session-flow-heading{display:flex;flex-wrap:wrap;align-items:flex-start;gap:8px}
.chief-detail-body .session-flow-heading>div:first-child{flex:1 1 100%;min-width:0;overflow-wrap:anywhere}
.chief-detail-body .session-flow-heading>div:first-child strong{display:block;white-space:normal}
.chief-detail-body .session-flow-actions{flex:1 1 100%;display:flex;flex-direction:row;flex-wrap:wrap;gap:6px;justify-content:flex-start;min-width:0}
.chief-detail-body .session-flow-actions>*{flex:0 0 auto}

/* P-L1: flow + task inspector only */
#pipeline-layout[data-flow=true]:has(>#task-inspector:not([hidden])) .session-flow-heading{flex-wrap:wrap;align-items:flex-start;gap:8px}
#pipeline-layout[data-flow=true]:has(>#task-inspector:not([hidden])) .session-flow-heading>div:first-child{flex:1 1 100%;min-width:0;overflow-wrap:anywhere}
#pipeline-layout[data-flow=true]:has(>#task-inspector:not([hidden])) .session-flow-heading>div:first-child strong{display:block;white-space:normal}
#pipeline-layout[data-flow=true]:has(>#task-inspector:not([hidden])) .session-flow-actions{flex:1 1 100%;display:flex;flex-direction:row;flex-wrap:wrap;gap:6px;justify-content:flex-start;min-width:0}
#pipeline-layout[data-flow=true]:has(>#task-inspector:not([hidden])) .session-flow-actions>*{flex:0 0 auto}

/* DAILY: compact original-chat work, preserving the incumbent visual tokens. */
#project-location{font-size:11px;line-height:1.4;color:var(--muted);margin:3px 0 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.chief-chat-block{margin:20px auto 26px}
.chief-live header{align-items:flex-start;gap:12px;margin-bottom:12px;flex-wrap:wrap}
.chief-live h2{max-width:56ch;font-size:15px;overflow-wrap:anywhere}
.chief-live .chief-status{white-space:normal;max-width:100%;font-variant-numeric:tabular-nums}
.chief-live .chief-pipeline{margin-bottom:12px;gap:6px 12px}
.chief-live details{margin:12px 0}
.chief-live .chief-reason{margin:10px 0;font-size:12px}
.chief-live .chief-actions{margin-top:14px}
.chief-brief summary{font:inherit;cursor:pointer;white-space:pre-wrap;overflow-wrap:anywhere}
.chief-brief summary small{display:block;font-size:11px;margin-top:8px;opacity:.8}
.chief-brief p{margin-top:14px;white-space:pre-wrap}
.chief-history{border-block:1px solid var(--line);padding:12px 0}
.chief-history>summary{display:list-item;cursor:pointer;list-style:disclosure-closed;font-size:13px;color:var(--text)}
.chief-history>summary span{min-width:0;overflow-wrap:anywhere}
.chief-history>summary small{margin-left:12px;font-size:11px;color:var(--muted);flex-shrink:0}
.chief-history[open]>.chief-request{margin-top:22px}
.chief-history[open]>summary{list-style:disclosure-open}
.chief-history>summary:focus-visible,.chief-brief>summary:focus-visible,.chief-live summary:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
.chief-live .chief-outcome{margin:12px 0;line-height:1.6}
.chief-report>summary,.chief-team>summary{color:var(--text)}
.chat-route-context{flex-basis:100%;color:var(--text)}
.attention-completed{margin-top:20px}
.attention-completed>summary{font-size:13px;color:var(--muted);cursor:pointer;margin-bottom:12px}

/* NEXT: compare exact saved files using the existing surface tokens. */
.team-version-comparison{margin-top:24px;padding-top:16px;border-top:1px solid var(--line)}
.team-comparison-columns:not([hidden]){display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:16px}
.team-comparison-columns section{min-width:0}
.team-comparison-columns h4{margin:12px 0;color:var(--text)}
.team-comparison-columns pre{max-height:220px;overflow:auto}
.team-comparison-columns iframe{width:100%;height:260px;border:1px solid var(--line);background:var(--surface)}
.team-comparison-columns img{max-width:100%;height:auto}

.team-preview-documents .team-document-list{max-height:180px;overflow:auto;overscroll-behavior:contain}
#devices-view{height:100%;min-height:0}

/* Compact projections of the same task history. */
.chief-project-brief{margin:12px 0;color:var(--muted)}
.chief-project-brief p{max-width:70ch;line-height:1.6}
.chief-project-brief li small,.work-summary-list small{display:block;color:var(--muted);margin-top:4px}
.chief-result-version{font-size:13px;line-height:1.6;margin:16px 0 8px}
.work-summary-list{list-style:none;padding:0;margin:12px 0;display:grid;gap:4px;max-height:360px;overflow:auto}
.work-summary-list button{width:100%;text-align:left;padding:10px 12px;white-space:normal}
.work-summary-list strong{font-weight:500;overflow-wrap:anywhere}

.project-context-sidebar li small,#project-context-preview li small{display:block;font-size:12px;line-height:1.5;margin-top:6px;color:var(--muted)}

/* Code comparisons retain compact selection controls above each static viewport. */
#alternatives-dialog[data-kind=code] #alternatives-heading{font-size:14px;line-height:1.6;max-width:90ch}
#alternatives-columns .alternative-part input{width:auto;min-width:auto}
#alternatives-columns .alternative-part{justify-content:flex-start}
#alternatives-columns .alternative-part span{flex:1}
.alternative-actions label{display:flex;align-items:center;gap:8px}
.alternative-actions input{width:auto;min-width:auto}
#alternatives-columns>section>header{align-items:flex-start}
#alternatives-columns>section>header>span{flex-shrink:0;color:var(--muted);font-size:12px}

#alternatives-composition{border-top:1px solid var(--line);padding-top:24px;margin:24px 0}
#alternatives-composition>label{margin:14px 0;max-width:760px}
#alternatives-composition>button{margin:4px 8px 4px 0}
.composition-parts{margin-top:20px}.composition-parts label{margin:12px 0}
#alternatives-dialog .alternative-inline{display:flex;align-items:center;gap:8px}
#alternatives-dialog .alternative-inline input{width:auto;min-width:auto}
/* DEVICE-QUEUE: existing device rows, no new palette or effects. */
.device details{margin-top:12px;max-width:70ch}
.device details li{margin:12px 0;overflow-wrap:anywhere}
.device details strong{font-size:12px;font-weight:550}

/* PROCESS-RECOVERY: forms in the existing dialogs, incumbent tokens only. */
#process-repeat-dialog form{display:grid;gap:12px}
#process-repeat-dialog label{display:grid;gap:6px}
#process-repeat-dialog pre{white-space:pre-wrap;overflow-wrap:anywhere;max-height:240px;overflow:auto}
#context-body .task-diagnostic{padding:12px 0;border-bottom:1px solid var(--line)}
/* Saved region comparison uses the original viewport, never runs page code. */
.team-region-history article{padding:12px 0;border-bottom:1px solid var(--line)}
.team-region-scroll{max-height:360px;overflow:auto;max-width:100%}
.team-region-crop{position:relative;overflow:hidden;border:1px solid var(--line);box-sizing:content-box}

.team-region-screenshot{margin:10px 0}
.team-region-screenshot img{display:block;max-width:100%;max-height:240px;object-fit:contain;border:1px solid var(--line)}
.team-region-screenshot figcaption{color:var(--muted);font-size:12px;line-height:1.5;overflow-wrap:anywhere}

.team-region-notes form{display:grid;gap:12px}
.team-region-file-picker,.team-region-note-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.team-region-file-picker span{color:var(--muted);font-size:12px;overflow-wrap:anywhere}

/* Project readiness: isolated file-panel inspection. */
.project-readiness{padding:8px 12px 12px;border-bottom:1px solid var(--line);overflow-wrap:anywhere}.project-readiness summary{padding:6px 0;font-weight:600}.project-readiness p{margin:6px 0;color:var(--muted);font-size:12px}.project-readiness ul{margin:10px 0;padding-left:18px}.project-readiness li{margin:10px 0}.project-readiness strong,.project-readiness code{font-size:12px}
.project-readiness .app-health{margin:10px 0 16px}.project-readiness .app-health button{display:inline-flex;width:auto;min-height:32px;margin:2px 0;padding:6px 10px;white-space:normal;text-align:left}.project-readiness .app-health button:disabled{cursor:default}
.team-owner-edit{margin-top:20px;padding-top:16px;border-top:1px solid var(--line)}.team-owner-edit label{display:grid;gap:8px}.team-owner-edit textarea{box-sizing:border-box;width:100%;min-height:220px;resize:vertical;font:12px/1.6 ui-monospace,monospace;tab-size:2}.team-owner-edit-actions{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.team-owner-edit pre{max-height:260px;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere}.team-owner-edit iframe{box-sizing:border-box;width:100%;height:320px;border:1px solid var(--line);background:var(--panel)}

/* DEMONSTRATION: ordered owner references in the existing result panel. */
.team-demonstration{margin-block:20px;padding-block:16px;border-block:1px solid var(--line)}
.team-demonstration label{display:grid;gap:8px;margin-block:12px}
.team-demonstration textarea{min-height:96px;width:100%;box-sizing:border-box}
.team-demonstration input:not([type=file]){width:100%;box-sizing:border-box}
.team-demonstration ol{padding-inline-start:24px}
.team-demonstration li{margin-block:12px;overflow-wrap:anywhere}
.team-demonstration img{display:block;width:100%;max-height:240px;object-fit:contain}
.team-demonstration button{margin:4px 8px 4px 0}
.team-demonstration article{margin-block:20px;padding-block:12px;border-top:1px solid var(--line)}

#app-preview-dialog{width:min(760px,calc(100vw - 48px))}#app-preview-frame{box-sizing:border-box;width:100%;height:320px;border:1px solid var(--line);background:white}#app-preview-text{max-height:320px;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere}#app-preview-requests{display:grid;gap:8px;margin:12px 0}#app-preview-requests button{text-align:left}#app-preview-dialog details{margin-top:16px}#app-preview-dialog .form-actions{flex-wrap:wrap}

/* Cross-device resume, using existing workspace tokens. */
.continuity-summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 24px;background:var(--surface);border-bottom:1px solid var(--line);font-size:12px}.continuity-summary button{flex:none}
@media(max-width:700px){
 .continuity-summary{padding:10px 16px;align-items:flex-start}
 .conversation-actions{gap:2px}.conversation-actions .icon-button{min-width:44px;min-height:44px}
 #compose textarea,#login input{font-size:16px}
 #app-preview-dialog{width:calc(100vw - 24px);max-height:calc(100dvh - 24px);overflow:auto}
 #app-preview-dialog .form-actions button{min-height:44px}
 .team-owner-edit textarea{font-size:16px}
 #workspace{padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}
 .inspector{overscroll-behavior:contain}
}
@media(prefers-reduced-motion:no-preference){.continuity-summary:not([hidden]){animation:continuity-arrive .2s ease-out}@keyframes continuity-arrive{from{opacity:.65;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}}

.continuity-draft{padding:16px 24px;border-block:1px solid var(--line);max-height:45dvh;overflow:auto;background:var(--surface)}.continuity-draft p{margin:8px 0;font-size:12px}.continuity-draft button{margin:4px 8px 8px 0;min-height:40px}.continuity-draft textarea{width:100%;min-height:96px;font-size:16px}
.mobile-workspace-dock{display:none}
@media(max-width:900px){
 html:not([data-keyboard=open]) #workspace{padding-bottom:calc(64px + env(safe-area-inset-bottom))}
 .mobile-workspace-dock{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));position:fixed;inset:auto 0 0;z-index:45;min-height:64px;padding:4px 8px calc(4px + env(safe-area-inset-bottom));background:var(--bg);border-top:1px solid var(--line)}
 .mobile-workspace-dock button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:54px;padding:4px 2px;background:transparent;border:0;border-radius:10px;color:var(--muted);font-size:11px}
 .mobile-workspace-dock svg{width:20px;height:20px}
 .mobile-workspace-dock button[aria-current=true]{background:var(--selected);color:var(--text)}
 html[data-keyboard=open] .mobile-workspace-dock{display:none}
 html[data-keyboard=open] #workspace{padding-bottom:env(safe-area-inset-bottom)}
}
@media(prefers-reduced-motion:no-preference){.mobile-workspace-dock button{transition:background .18s ease-out,transform .18s ease-out}.mobile-workspace-dock button:active{transform:scale(.96)}}
@media(max-width:900px){
 .sidebar,.inspector{bottom:calc(64px + env(safe-area-inset-bottom))}
 html[data-keyboard=open] .sidebar,html[data-keyboard=open] .inspector{bottom:env(safe-area-inset-bottom)}
}
.continuity-resume{display:grid;gap:4px;margin:4px 4px 8px;padding:11px 12px;text-align:left;background:var(--surface);border:1px solid var(--line);border-radius:10px;min-width:0;min-height:52px}
.continuity-resume small{font-size:11px;color:var(--muted)}.continuity-resume span{font-size:12px;font-weight:550;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.workspace-push-toggle{display:flex;align-items:center;gap:9px;margin-top:18px}.workspace-push-toggle input{width:17px;height:17px;flex:none}
.workspace-push-times{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;max-width:360px;margin:12px 0}.workspace-push-times label{display:grid;gap:5px}.workspace-push-settings>button{margin:4px 8px 4px 0;min-height:40px}

.team-owner-edit [data-edit-visual-frame] iframe{width:100%;height:460px;border:1px solid var(--line);border-radius:12px;background:white;}
@media(max-width:600px){.team-owner-edit [data-edit-visual-frame] iframe{height:360px;}}
.workspace-mobile-guide{margin-block:20px;padding-block:12px;border-block:1px solid var(--line);max-width:58ch;min-width:0}.workspace-mobile-guide summary{min-height:44px;display:list-item;align-content:center;font-size:14px;font-weight:550;cursor:pointer}.workspace-mobile-guide p,.workspace-mobile-guide li{font-size:13px;line-height:1.6}.workspace-mobile-guide ol{padding-inline-start:20px}.workspace-mobile-guide li+li{margin-top:10px}.workspace-mobile-guide input{width:100%;font-size:16px}.workspace-mobile-guide button{margin-top:10px;min-height:44px}.workspace-mobile-guide [role=status]:empty{display:none}

.visual-style-tools{padding:14px;background:var(--surface);border:1px solid var(--line);border-radius:12px;margin-block:12px}.visual-style-tools strong{display:block;font-size:13px;margin-bottom:12px}.visual-style-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 16px}.visual-style-fields label{display:grid;gap:8px;min-width:0;font-size:12px}.visual-style-fields input{width:100%;min-height:44px;accent-color:var(--accent)}.visual-style-fields input[type=color]{padding:4px;border:1px solid var(--line);border-radius:8px}.visual-style-fields input[type=range]{padding:0;min-height:44px}

.team-owner-edit [data-edit-source]{margin-block:12px}.team-owner-edit [data-edit-source] summary{font-size:13px;min-height:40px;align-content:center;cursor:pointer}
.team-document-reader:has(>.team-owner-edit)>pre,.team-document-reader:has(>.team-owner-edit)>button{display:none}
/* Phone decisions use one readable form; the queue and team overview follow it. */
@media(max-width:600px){
 #attention-view:not([hidden]){overflow-y:auto;padding-bottom:calc(80px + env(safe-area-inset-bottom));}
 #attention-view>.scene-header,#attention-view>.attention-status{flex:none;}
 #attention-view>.attention-layout{display:flex;flex-direction:column-reverse;flex:none;order:1;overflow:visible;min-height:auto;}
 #attention-view>.attention-night{order:2;flex:none;padding:18px 20px;}
 .attention-layout>section{max-width:none;width:100%;padding:20px;overflow:visible;}
 .attention-layout>nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;border-right:0;border-top:1px solid var(--line);padding:16px 20px;overflow:visible;}
 .attention-layout>nav h3,.attention-layout>nav>p{grid-column:1/-1;}
 .attention-layout>nav>button{min-width:0;padding:12px;margin:0;}
 .attention-layout button{min-height:44px;}
 .attention-layout textarea{width:100%;min-height:100px;}
}
/* Живая нить: chosen reference; the existing controls and result sandbox stay authoritative. */
:root{color-scheme:dark;--bg:#000;--sidebar:#000;--surface:#111114;--raised:#19191d;--line:#2c2c31;--text:#efe9df;--muted:#aaa49b;--accent:#a8b8ff;--selected:#22222b;--thread-serif:ui-serif,"New York","Iowan Old Style",Georgia,serif}
body{background:var(--bg);color:var(--text)}h1,h2,.brand{font-family:var(--thread-serif)}p{color:var(--muted)}input,select,textarea,dialog{background:#17171b;color:var(--text);border-color:#38383e}button{color:var(--text);background:#19191e;border-color:#34343b}button:hover{background:#28282e;color:#fff}.primary{background:var(--text);color:#111}.primary:hover{background:#fff;color:#111}input::placeholder,textarea::placeholder{color:#aaa49b}.quiet:hover,.icon-button:hover,.sidebar nav button:hover{background:#1b1b21;color:var(--text)}.brand{font-size:22px;font-weight:600}.sidebar-brand{border-bottom:1px solid var(--line);margin-bottom:14px}.sidebar{padding:0 14px 14px}.sidebar .main-nav{gap:4px}.nav-button[aria-current=true],.sidebar nav button[aria-current=true]{background:#22222a;color:var(--text)}.project-badge{background:#24242c;color:#b9c4ff;border:0}.project-row{padding:9px 0;border-top:1px solid #17171b}.conversation-top,.scene-header,.inspector-heading{background:#000;border-color:var(--line)}.conversation-heading h1{font-family:var(--thread-serif);font-size:20px}.composer-box{background:#19191d;border-color:#29292f;border-radius:20px}.composer-box textarea{background:transparent;color:var(--text)}#prompt{font-size:15px}.compose-bottom select,.composer-settings select{background:transparent;color:var(--text)}#send{background:var(--text);color:#000}.message.assistant{position:relative;padding-left:25px;border-left:1px solid #77746d}.message.assistant:before{content:'';position:absolute;left:-5px;top:5px;width:8px;height:8px;background:var(--text);border-radius:50%;box-shadow:0 0 0 4px #000}.message.user{background:#222226;color:var(--text);border-radius:16px;padding:16px 20px}.message.user p{color:var(--text)}.message .prose{color:#e5dfd6}.message .prose p{color:inherit}.message.assistant .agent-label{color:var(--muted)}.result-card,.project-info,.library-card{background:#111114;color:var(--text);border-color:var(--line)}.project-info p,.library-card p{color:var(--muted)}.result-card:hover,.library-card:hover{background:#1c1c22}.approval{background:#211c10;color:#f4c55a;border-color:#5d4e24}.approval pre{color:var(--text)}.approval button{background:#f4c55a;color:#17120a}.chief-workers{position:relative;padding-left:20px!important;border-left:1px solid #9db0ff}.chief-workers li{background:#111114!important;border-color:#302e35!important;color:var(--text)}.chief-workers li:nth-child(2){border-left:1px solid #f0a07c!important}.chief-workers strong{color:#b4c2ff}.chief-workers li:nth-child(2) strong{color:#f0b18e}.chief-questions{background:#1e1a11!important;color:var(--text)}.chief-questions input,.chief-questions textarea{background:#282217;color:var(--text)}.chief-block,.chief-live-block,.chief-detail-head{background:transparent!important;color:var(--text)}.inspector{background:#080809;border-color:var(--line)}.inspector-tabs,.inspector-toolbar{background:transparent}.inspector-tab[aria-selected=true]{background:#27272f;color:var(--text)}dialog::backdrop{background:#000a;backdrop-filter:blur(8px)}::selection{background:#5c4e26;color:#fff}*{scrollbar-color:#414147 transparent;caret-color:#f4c55a}.attention-row,.activity-row[data-kind=attention]{background:#211c10;color:var(--text);border-color:#574b2b}.inline-notice{background:#211e16;color:#e5d4b2}.project-chat{color:var(--text)}.project-chat:hover{background:#141417}.thread-welcome{margin:12px 0 24px}.thread-welcome h2{font:500 34px/1.15 var(--thread-serif);margin-bottom:9px}.thread-welcome p{font-size:13px}.thread-wallet-stack{display:flex;flex-direction:column;padding:0 0 30px}.thread-wallet-card{display:block;width:100%;position:relative;background:#17171d;border:1px solid #35353e;border-radius:20px;text-align:left;padding:19px 22px 18px;margin-top:-20px;min-height:132px;transition:transform .3s cubic-bezier(.16,1,.3,1)}.thread-wallet-card:first-child{margin-top:0;background:#22222b;z-index:4;min-height:220px}.thread-wallet-card:nth-child(2){background:#1a1c23;z-index:3}.thread-wallet-card:nth-child(3){background:#15211a;z-index:2}.thread-wallet-card:hover{transform:translateY(-5px)}.thread-wallet-project{display:flex;justify-content:space-between;gap:15px;font-size:12px}.thread-wallet-project small{color:#d4bc75;text-align:right;font-size:11px}.thread-wallet-card>strong{display:block;font:500 25px/1.17 var(--thread-serif);margin-top:15px;max-width:90%;color:var(--text)}.thread-wallet-card>svg{display:block;width:100%;height:90px;stroke-width:1.5}.thread-wallet-open{display:block;color:var(--muted);font-size:11px;margin-top:12px}.thread-wallet-card:nth-child(n+5){margin-top:8px;min-height:100px;border-radius:12px}#thread-wallet{width:min(720px,100%);margin:0 auto;padding:26px 32px}#conversation-view[data-empty=true]:has(#thread-wallet:not([hidden])) .empty{display:none}#conversation-view[data-empty=true]:has(#thread-wallet:not([hidden])) #messages{flex:0;padding:0}#conversation-view[data-empty=true]:has(#thread-wallet:not([hidden])) .chat-workspace{justify-content:initial;overflow:auto}.chief-muted,.result-state{color:var(--muted)}@media(max-width:900px){button,.icon-button,.nav-button{min-height:44px}.inspector{background:#080809}.panel-scrim:not([hidden]){background:#0009}.sidebar{background:#000}#thread-wallet{padding:24px 22px}}@media(max-width:600px){.thread-wallet-card>strong{font-size:26px}.thread-welcome h2{font-size:33px}.thread-wallet-project{gap:10px}.thread-wallet-project small{max-width:45%}.message.assistant{padding-left:19px}.conversation-heading h1{font-size:17px}.brand{font-size:20px}}
@media(prefers-reduced-motion:reduce){.thread-wallet-card{transition:none}}

.thread-wallet-card>strong{overflow-wrap:anywhere;word-break:break-word}.composer-settings select,#mode{appearance:none;background:#19191d!important;color:#efe9df!important;border-color:#3b3b42}#project-compose,.project-intro,.project-info,.composer-picker,.picker-popover{background-color:#17171b;color:var(--text)}
.thread-live-flow{margin:24px 0 30px}.thread-loom{--thread-a:#9db0ff;--thread-b:#f0a07c;color:var(--text)}.thread-loom-head{display:flex;gap:15px;align-items:baseline;justify-content:space-between;margin-bottom:22px}.thread-loom-head>strong{font:500 23px/1.2 var(--thread-serif)}.thread-loom-head>small{font-size:11px;max-width:50%;color:var(--muted);text-align:right}.thread-plan-node,.thread-merge-node{position:relative;margin-left:12px;padding:6px 0 17px 24px;border-left:1px solid #8c867b}.thread-plan-node:before,.thread-merge-node:before{content:'';position:absolute;left:-5px;top:18px;width:9px;height:9px;border-radius:50%;background:var(--text)}.thread-plan-node>button,.thread-merge-node>button{padding:5px 0;background:transparent;border:0;min-height:36px}.thread-plan-node>small,.thread-merge-node>small{display:block;color:var(--muted);font-size:11px}.thread-strands{display:grid;grid-template-columns:1fr 1fr;gap:18px;position:relative;margin-left:12px;padding:15px 0 25px 24px;border-left:1px solid #8c867b}.thread-strand{position:relative;padding:16px 17px;border-radius:14px;background:#131316;border:0;border-top:1px solid var(--thread-a)}.thread-strand:nth-child(2n){border-top-color:var(--thread-b)}.thread-strand:before{content:'';position:absolute;left:-25px;top:24px;width:24px;border-top:1px solid var(--thread-a)}.thread-strand:nth-child(2n):before{border-top-color:var(--thread-b)}.thread-strand strong{color:var(--thread-a);font-size:13px;overflow-wrap:anywhere}.thread-strand:nth-child(2n) strong{color:var(--thread-b)}.thread-strand p{font-size:12px;margin:8px 0;line-height:1.6}.thread-strand small{font-size:11px;color:var(--muted)}.thread-strand button{display:block;background:transparent;border:0;padding:12px 0 0;min-height:40px;font-size:11px;color:var(--text)}.thread-merge-node{border-color:#686d61}.thread-loom[data-finished=true] .thread-merge-node:before{background:#93d6ab}.thread-loom[data-closed=true]{--thread-a:#a4a29c;--thread-b:#a4a29c}.thread-loom-actions{display:flex;gap:10px;flex-wrap:wrap;margin:10px 0 0 35px}.thread-loom-actions button{min-height:44px;font-size:12px;padding:9px 14px;background:#202026}.thread-recap{margin:0 0 25px;border-bottom:1px solid var(--line);padding-bottom:14px}.thread-recap>summary{min-height:44px;color:#e1c77d;font-size:14px;cursor:pointer}.thread-recap>div{padding:15px 0}.thread-recap h2{font-size:22px}.thread-recap p{font-size:12px}.thread-recap button{font-size:12px;min-height:44px}.thread-recap .work-summary-list{padding:0;list-style:none}.thread-recap .work-summary-list button{width:100%;text-align:left;padding:12px;margin:5px 0}.thread-recap .work-summary-list strong,.thread-recap .work-summary-list small{display:block}.thread-recap .work-summary-list small{color:var(--muted);margin-top:5px}.inspector-toolbar{gap:12px;padding-top:14px;padding-bottom:14px}.version-picker{font-size:12px}.version-picker select{background:#222229;color:var(--text);min-height:40px}.inspector-tabs button[aria-selected=true]{color:var(--text);background:#27272e}.team-preview-frame iframe,.team-preview-frame img{border-radius:4px}.team-region-notes,.team-version-comparison,.team-preview-documents{padding-top:22px;border-top:1px solid var(--line);margin-top:24px}.team-region-notes>h3,.team-preview-documents>h3{font:22px var(--thread-serif)}.team-comparison-columns{gap:18px}.chief-chat-block .chief-live{border:0;background:transparent}.chief-chat-block .chief-live>header h2{font:500 24px/1.2 var(--thread-serif)}.chief-chat-block .chief-pipeline{color:var(--muted)}@media(max-width:600px){.thread-strands{grid-template-columns:1fr;padding-left:20px;gap:13px}.thread-strand:before{left:-21px;width:20px}.thread-loom-head{display:block}.thread-loom-head small{display:block;max-width:none;text-align:left;margin-top:8px}.thread-loom-actions{margin-left:12px}.thread-loom-actions button{flex:1}.thread-recap summary{font-size:13px}}
@media(prefers-reduced-motion:no-preference){.thread-strand[data-active=true]:before{animation:thread-signal 1.8s ease-in-out infinite}@keyframes thread-signal{50%{opacity:.35}}}
::view-transition-old(thread-task-heading),::view-transition-new(thread-task-heading){animation-duration:.42s;animation-timing-function:cubic-bezier(.16,1,.3,1)}@media(prefers-reduced-motion:reduce){::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}}

/* Safari uses the visible viewport; document scrolling stays inside each scene. */
@media(max-width:900px),(pointer:coarse){
 html,body{height:100%;overflow:hidden;overscroll-behavior:none}
 #workspace{position:fixed;left:0;right:0;top:var(--vv-top,0px);height:var(--vv-height,100dvh)}
 html[data-keyboard=open] #workspace{padding-bottom:0}
 html[data-keyboard=open] #compose{padding-bottom:8px;flex-shrink:1;min-height:0;overflow-y:auto}
 #conversation-view[data-empty=true]:has(#thread-wallet:not([hidden])) .chat-workspace{padding-bottom:0;overflow:hidden}
 #conversation-view[data-empty=true]:has(#thread-wallet:not([hidden])) #thread-wallet{flex:1;min-height:0;overflow:auto;isolation:isolate}
 #conversation-view[data-empty=true]:has(#thread-wallet:not([hidden])) #messages{min-height:0}
 #conversation-view[data-empty=true]:has(#thread-wallet:not([hidden])) #compose{position:relative;z-index:1;background:var(--bg);margin-top:0}
}
@media(max-width:900px){
 #workspace{padding-top:env(safe-area-inset-top)}
 .sidebar{overflow-y:auto;overscroll-behavior:contain;padding-top:env(safe-area-inset-top)}
 .side-scroll{flex:none;overflow:visible;min-height:auto}
 .aside-bottom{position:sticky;bottom:0;background:var(--sidebar);padding-bottom:8px}
 .nav-button kbd{display:none}
}
@media(max-width:900px),(pointer:coarse){
 input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]),select,textarea{font-size:16px!important}
}
@media(max-width:700px){
 .composer-settings{flex-wrap:nowrap!important;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}
 .composer-settings>*{flex:none}
}
@media(max-width:600px){
 #open-voice{display:none}
 .conversation-top{padding-left:max(8px,env(safe-area-inset-left));padding-right:max(8px,env(safe-area-inset-right))}
 .conversation-top .icon-button,.conversation-top .menu summary{min-width:44px;min-height:44px}
 #compose{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}
 .attention-actions>button{flex:1 1 calc(50% - 8px)}
}
.attention-actions{align-items:flex-start}
.attention-actions>label{flex:1 1 100%;margin-top:8px}
#attention-detail{overflow-wrap:anywhere}
.mobile-workspace-dock button{position:relative}
.dock-badge{position:absolute;top:2px;left:calc(50% + 8px);min-width:16px;padding:0 4px;border-radius:4px;font-size:10px;line-height:16px;background:#403323;color:#f5d39f}
@media(hover:none){
 button:hover:not(.primary):not([aria-current=true]):not([aria-pressed=true]):not([aria-expanded=true]){background:#19191e;color:var(--text)}
 .nav-button:hover:not(.primary):not([aria-current=true]):not([aria-pressed=true]):not([aria-expanded=true]),
 .sidebar nav button:hover:not(.primary):not([aria-current=true]):not([aria-pressed=true]):not([aria-expanded=true]),
 .mobile-workspace-dock button:hover:not(.primary):not([aria-current=true]):not([aria-pressed=true]):not([aria-expanded=true]),
 .segmented button:hover:not(.primary):not([aria-current=true]):not([aria-pressed=true]):not([aria-expanded=true]),
 .pipeline-focusbar button:hover:not(.primary):not([aria-current=true]):not([aria-pressed=true]):not([aria-expanded=true]),
 .result-focus button:hover:not(.primary):not([aria-current=true]):not([aria-pressed=true]):not([aria-expanded=true]),
 .quiet:hover:not(.primary):not([aria-current=true]):not([aria-pressed=true]):not([aria-expanded=true]),
 .icon-button:hover:not(.primary):not([aria-current=true]):not([aria-pressed=true]):not([aria-expanded=true]),
 .composer-picker-trigger:hover:not(.primary):not([aria-current=true]):not([aria-pressed=true]):not([aria-expanded=true]){background:transparent}
}

/* R2: scoped touch targets keep desktop controls compact and the conveyor header unchanged. */
@media(max-width:900px),(pointer:coarse){
 #compose .compose-bottom{height:auto;min-height:44px}
 #compose .compose-bottom .icon-button{width:44px;height:44px;min-width:44px;min-height:44px}
 #compose .compose-bottom #send{height:44px;min-width:44px;min-height:44px}
 #compose .compose-bottom #send:not([data-state=uncertain]){width:44px}
 #compose .compose-bottom:has(#send[data-state=uncertain]),#compose .compose-bottom:has(#stop:not([hidden])){flex-wrap:wrap}
 #compose .composer-picker-trigger,#compose .composer-settings button,#compose .composer-settings select,#compose .compose-bottom button,#compose .compose-bottom select{min-width:44px;min-height:44px}
 #compose .compose-bottom .composer-picker-trigger{max-width:100%}
 .composer-picker .picker-option,.composer-picker .picker-close,.composer-picker .effort-reset{min-width:44px;min-height:44px}
 .composer-picker .picker-search input{min-height:44px}
}

/* Wide phones retain their hardware safe area after rotating beyond the portrait breakpoint. */
@media(min-width:601px) and (max-width:900px){
 #compose{padding-left:max(24px,env(safe-area-inset-left));padding-right:max(24px,env(safe-area-inset-right))}
}

/* Reports contain plain paragraphs as well as Markdown; long identities must fit the reader. */
.team-completion,.team-document-reader{min-width:0;overflow-wrap:anywhere}
.team-document-reader{max-width:100%}
.team-completion :not(pre)>code,.team-document-reader :not(pre)>code{white-space:normal;overflow-wrap:anywhere}
.team-completion pre,.team-document-reader pre{max-width:100%;white-space:pre;overflow-wrap:normal;overflow-x:auto}

/* Short landscape typing gives the44px field and its primary actions one shared row. */
@media(min-width:601px) and (max-width:900px) and (max-height:450px){
 html:not([data-keyboard=open]) #compose{flex-shrink:1;min-height:0;overflow-y:auto}
 html[data-keyboard=open] #conversation-view:has(#compose:focus-within) .conversation-top,html[data-keyboard=open] #conversation-view:has(#compose:focus-within) #messages,html[data-keyboard=open] #conversation-view:has(#compose:focus-within) #thread-wallet{display:none}
 html[data-keyboard=open] #conversation-view:has(#compose:focus-within) #compose{padding-top:0}
 html[data-keyboard=open] #conversation-view:has(#compose:focus-within) .composer-box{position:relative;padding-top:4px;padding-bottom:4px}
 html[data-keyboard=open] #conversation-view:has(#compose:focus-within) #prompt{min-height:44px;max-height:44px}
 html[data-keyboard=open] #conversation-view:has(#compose:focus-within) #send:not([data-state=uncertain]){position:absolute;top:4px;right:8px;width:44px;height:44px}
 html[data-keyboard=open] #conversation-view:has(#compose:focus-within) #compose:has(#send:not([data-state=uncertain])) #prompt,html[data-keyboard=open] #conversation-view:has(#compose:focus-within) #compose:has(#stop:not([hidden])) #prompt{padding-right:56px}
 html[data-keyboard=open] #conversation-view:has(#compose:focus-within) #compose:has(#stop:not([hidden])):has(#send:not([data-state=uncertain])) #prompt{padding-right:104px}
 html[data-keyboard=open] #conversation-view:has(#compose:focus-within) #stop:not([hidden]){position:absolute;top:4px;right:8px;display:grid;place-items:center;width:44px;height:44px;padding:0;font-size:0}
 html[data-keyboard=open] #conversation-view:has(#compose:focus-within) #compose:has(#send:not([data-state=uncertain])) #stop:not([hidden]){right:60px}
 html[data-keyboard=open] #conversation-view:has(#compose:focus-within) #stop:not([hidden])::before{content:"";display:block;width:14px;height:14px;border-radius:2px;background:currentColor}
 html[data-keyboard=open] #conversation-view:has(#compose:focus-within) .composer-settings{flex-wrap:nowrap!important;overflow-x:auto}
}

/* Startup remains readable before the application module or its first request succeeds. */
.startup-screen{width:min(440px,calc(100% - 32px));margin:clamp(32px,10vh,88px) auto;padding:20px 0;color:var(--text)}
.startup-screen h1{font-size:24px;line-height:1.25;margin:0 0 14px}.startup-screen p{font-size:15px;line-height:1.55;overflow-wrap:anywhere}
.startup-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.startup-actions a,.startup-actions button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 14px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--text);font-size:14px;text-decoration:none}
.startup-screen .startup-origin{margin-top:20px;font-size:12px;color:var(--muted)}

/* Manual model settings are optional; the default composer keeps its existing height. */
#manual-model-settings{min-width:220px;max-width:min(300px,calc(100vw - 48px))}
#manual-model-settings>summary{min-height:44px;display:flex;align-items:center;padding:8px;font-size:12px}
#manual-model-settings .manual-model-settings{display:grid;gap:4px;padding:4px 0}
#manual-model-settings .manual-model-settings>span{display:block;min-width:0}
#manual-model-settings .composer-picker-trigger{width:100%;min-height:44px;text-align:left}
#manual-model-settings .effort-control:has(>#effort[hidden]){display:none}
#chat-menu .popover{max-height:min(70dvh,520px);overflow-y:auto}

/* Window choice stays in the existing composer strip; its popover escapes scroll clipping. */
#ui-target-control{display:inline-flex;align-items:center;gap:0;flex:none;max-width:100%}
#ui-target-open{min-height:44px;max-width:260px;padding:8px 10px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}
#ui-target-clear{min-width:44px;min-height:44px;flex:none}
.ui-target-popover{position:fixed;z-index:60;box-sizing:border-box;overflow-y:auto;overscroll-behavior:contain;padding:14px;background:#17171b;color:#efe9df;border:0;border-radius:14px;box-shadow:0 12px 36px #0009;scrollbar-color:#514c43 transparent}
.ui-target-popover[hidden]{display:none}
.ui-target-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
.ui-target-heading strong{font-size:15px;font-weight:600}
.ui-target-popover button,.ui-target-popover select{min-height:44px;min-width:44px}
.ui-target-heading button{border:0;background:transparent;padding:8px;font-size:13px}
.ui-target-device{display:grid;gap:6px;font-size:13px;margin-bottom:10px}
.ui-target-device select{width:100%;max-width:100%;font-size:14px;background:#232327;color:#efe9df;border-color:#45454d}
.ui-target-popover [data-ui-query]{width:100%;font-size:14px;white-space:normal}
.ui-target-popover .ui-target-status,.ui-target-popover .ui-target-note{font-size:13px;line-height:1.45;color:#bfb8ac;margin:12px 0 0;overflow-wrap:anywhere}
.ui-target-windows{display:grid;gap:3px;margin-top:8px}
.ui-target-window{display:grid;gap:3px;width:100%;padding:10px;border:0;background:transparent;text-align:left;overflow-wrap:anywhere}
.ui-target-window strong{font-size:14px;font-weight:600}.ui-target-window span{font-size:14px;line-height:1.4}.ui-target-window small{font-size:12px;color:#bfb8ac}
.ui-target-window:disabled{opacity:1;color:#aaa49b}.ui-target-window:not(:disabled):hover{background:#29292f}
.ui-target-popover button:focus-visible,.ui-target-popover select:focus-visible,#ui-target-open:focus-visible,#ui-target-clear:focus-visible{outline:2px solid #d4bc75;outline-offset:2px}
@media(max-width:700px){#ui-target-open{max-width:240px}.ui-target-popover{padding:12px}}

/* Plain conversation: keep technical task controls in an explicit disclosure. */
#conversation-view[data-plain-chat="true"] #project-location,
#conversation-view[data-plain-chat="true"] #thread-wallet,
#conversation-view[data-plain-chat="true"] #chat-route-line,
#conversation-view[data-plain-chat="true"] #workflow-hint{display:none}
#conversation-view[data-plain-chat="true"] .composer-settings:not(:has(#ui-target-control:not([hidden]))){display:none!important}
.chat-extra-settings{display:grid;gap:8px;border-top:1px solid var(--line);padding-top:8px;margin-top:8px}
.chat-extra-settings[hidden]{display:none}
.chat-extra-settings select,.chat-extra-settings button{width:100%;min-height:44px;text-align:left}
.chief-chat-block .chief-request p,.chief-chat-answer p{white-space:pre-wrap;overflow-wrap:anywhere}
.chief-plain-response{padding:8px 0 24px}
.chief-chat-status{display:flex;align-items:center;gap:12px;flex-wrap:wrap;color:var(--muted);font-size:14px;margin:8px 0}
.chief-chat-status button{min-height:44px;padding:8px 12px}
.chief-chat-answer{max-width:100%;margin:12px 0;padding:0;background:transparent;border:0}
.chief-chat-answer p,.chief-chat-notice{line-height:1.65}
.chief-chat-details{margin-top:12px;color:var(--muted)}
.chief-chat-details>summary{cursor:pointer;min-height:44px;display:list-item;align-content:center;font-size:13px;width:fit-content;padding:10px 4px}
.chief-chat-details[open]>.chief-live{margin-top:12px;color:var(--text)}
.chief-local-chat{border:0;background:transparent;padding:0}
#conversation-view[data-plain-chat="true"] #continuity-summary:not(#chat-extra-settings #continuity-summary){display:none}