@charset "UTF-8";
:root{color-scheme:dark;--bg:#080b10;--panel:rgba(18,22,30,.95);--panel-soft:#191e28;--line:#2a303b;--line-soft:#252a35;--text:#e7eaf1;--muted:#8e98ac;--dim:#68748b;--cyan:#7de9df;--violet:#bc9cf7;--magenta:#e08ad5;--gold:#e7c58a;--red:#f79b9b;--mono:"Cascadia Code","Consolas","SFMono-Regular",monospace;--sans:"Segoe UI",Arial,sans-serif}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--sans);font-size:14px;line-height:1.5;min-width:360px}button,input,textarea{font:inherit}button,a,input,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button:disabled{cursor:not-allowed;opacity:.4}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--cyan);outline-offset:4px}button{transition:background .18s,border-color .18s,color .18s,transform .18s}button:active:not(:disabled){transform:translateY(1px)}[hidden]{display:none!important}h1,h2,h3,p{margin:0}svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}button svg{pointer-events:none}.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}::selection{background:#315e66;color:white}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-thumb{background:#39404e;border-radius:8px}::-webkit-scrollbar-track{background:transparent}
#fibre-canvas{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:0}.ambient-glow{position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse at 46% 38%,rgba(73,62,105,.11),transparent 60%),radial-gradient(ellipse at 90% 90%,rgba(39,83,88,.08),transparent 50%)}.app-shell{position:relative;z-index:1;max-width:1900px;margin:auto;padding:0 28px}.masthead{height:102px;display:flex;align-items:center;gap:22px}.brand{display:flex;align-items:center;gap:13px;text-decoration:none;color:var(--text)}.brand-mark{display:grid;place-items:center;width:42px;height:46px;border:1px solid #405464;border-radius:13px 5px 13px 5px;background:linear-gradient(135deg,#1e3339,#171723);box-shadow:0 0 26px #58dacf0b}.brand-mark svg{color:var(--cyan);width:32px;height:32px;stroke-width:1.8}.brand strong{font-size:23px;font-weight:600;letter-spacing:-.9px}.brand strong>span{color:#acb4c5;font-weight:400}.brand small{display:block;font-family:var(--mono);font-size:8px;letter-spacing:1.7px;color:var(--dim);margin-top:3px}.header-status{display:flex;gap:18px;align-items:center;margin-left:auto}.local-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 11px;border:1px solid #314844;border-radius:6px;background:#142220a6;color:#b2d8cf;font:10px var(--mono)}.status-dot{display:inline-block;flex:none;width:6px;height:6px;border-radius:50%;background:var(--cyan);box-shadow:0 0 9px #7de9df33}.status-dot.neutral{background:#73819a;box-shadow:none}.status-dot.gold{background:var(--gold);box-shadow:0 0 8px #e7c58a33}.status-dot.red{background:var(--red);box-shadow:none}.engine-status{font:10px var(--mono);color:var(--dim)}.icon-button{border:1px solid var(--line);background:#161b24;border-radius:8px;width:36px;height:36px;display:grid;place-items:center;color:#9aa8bd;font-size:25px;flex-shrink:0}.icon-button:hover{background:#222b37;color:var(--text)}.icon-button svg{width:18px;height:18px}
.workspace{display:grid;grid-template-columns:242px minmax(360px,1fr) 278px;gap:22px;align-items:start;min-height:calc(100vh - 146px)}.left-column,.right-column{display:flex;flex-direction:column;gap:18px}.panel{border:1px solid var(--line);background:var(--panel);box-shadow:0 12px 28px #00000015;border-radius:13px;min-width:0;position:relative}.left-column .panel,.right-column .panel{padding:19px}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:17px}.panel-heading h2{font-size:12px;font-weight:550;letter-spacing:.15px}.micro-label{font:8px var(--mono);letter-spacing:1.1px;color:var(--dim);white-space:nowrap}.tiny-orbit{width:7px;height:7px;border:1px solid #5b8c87;border-radius:50%;box-shadow:0 0 0 4px #7de9df08}.tiny-orbit.violet{border-color:var(--violet);box-shadow:0 0 0 4px #bc9cf708}.tiny-orbit.active{background:var(--cyan);box-shadow:0 0 12px #7de9df60}.tiny-orbit.waiting{background:var(--gold);border-color:var(--gold);box-shadow:0 0 12px #e7c58a33}.empty-copy{font-size:11px;color:var(--muted);line-height:1.65}.panel-note{font-size:10px;color:var(--dim);margin-top:11px;line-height:1.6}.secondary-button,.primary-button{display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:7px;border:1px solid var(--line);padding:9px 13px;font-size:11px;font-weight:500;line-height:1.5}.secondary-button{background:#1a202a;color:#b0bacd}.secondary-button:hover{background:#252e3b;border-color:#455162}.primary-button{background:var(--cyan);color:#0d2927;border-color:var(--cyan);font-weight:650;box-shadow:0 2px 12px #7de9df0b}.primary-button:hover:not(:disabled){background:#a3f4eb;border-color:#a3f4eb}.primary-button svg{width:17px;height:17px}.full-width{width:100%}.text-button{border:0;background:none;color:var(--cyan);font-size:11px;padding:4px 6px;white-space:nowrap}.text-button:hover{text-decoration:underline}.project-list{display:flex;flex-direction:column;gap:7px;margin-bottom:13px;max-height:205px;overflow:auto}.project-item{width:100%;display:flex;gap:10px;align-items:center;text-align:left;border:1px solid transparent;border-radius:8px;background:transparent;padding:10px 9px;min-width:0}.project-item:hover{background:#202733}.project-item.selected{border-color:#39534f;background:linear-gradient(110deg,#1c302e,#1a2429);box-shadow:inset 2px 0 var(--cyan)}.project-item .project-glyph{font:19px var(--mono);color:#77879f;line-height:1}.project-item.selected .project-glyph{color:var(--cyan)}.project-item .project-meta{min-width:0;flex:1}.project-item strong,.project-item small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-item strong{font-size:11px;font-weight:550}.project-item small{font:8px var(--mono);color:var(--dim);margin-top:5px}.project-item.selected small{color:#87a39f}.project-item .selection-dot{width:5px;height:5px;border-radius:50%;background:var(--cyan);flex-shrink:0}.model-symbol{display:flex;align-items:center;gap:10px;color:var(--violet);margin:4px 0 13px}.model-symbol svg{width:34px;height:34px;stroke-width:1.2}.model-symbol span{font:8px var(--mono);letter-spacing:2px;color:#897caa}.model-name{font:13px var(--mono);overflow-wrap:anywhere;line-height:1.6;font-weight:500;color:#ded8ed}.model-state{display:flex;align-items:center;gap:7px;font-size:10px;color:var(--muted);margin:7px 0 19px}.model-details{display:flex;justify-content:space-between;gap:5px;margin-top:9px;font-size:9px;color:var(--dim)}.model-details strong{font:9px var(--mono);font-weight:400;color:#abb4c7}.hardware-title{display:flex;align-items:center;gap:9px;margin-bottom:18px}.hardware-title h3{font:11px var(--mono);line-height:1.5;color:#c4ccd9}.chip-icon{display:grid;place-items:center;width:28px;height:28px;color:var(--cyan);background:#1d2b30;border:1px solid #35474e;border-radius:6px;font-size:22px}.meter-heading{display:flex;justify-content:space-between;gap:4px;font-size:9px;color:var(--muted);margin:14px 0 7px}.meter-heading strong{font:9px var(--mono);font-weight:400;color:#c0c7d5}.meter-track{height:4px;background:#262d39;border-radius:4px;overflow:hidden}.meter-fill{display:block;height:100%;width:0;border-radius:4px;transition:width .7s}.meter-fill.cyan{background:linear-gradient(90deg,#416b6b,var(--cyan))}.meter-fill.violet{background:linear-gradient(90deg,#5f4d83,var(--violet))}.local-footnote{display:flex;gap:10px;align-items:center;padding:4px 12px;color:var(--dim);font-size:10px}.local-footnote svg{width:20px;height:22px;color:#587b76}.local-footnote strong{font-size:9px;font-weight:400;color:#607268}.download-box{padding:10px;border:1px solid #393b4e;border-radius:7px;margin:-4px 0 15px}.metric-row{display:flex;justify-content:space-between;gap:8px;font:9px var(--mono);color:var(--muted)}.metric-row strong{color:var(--violet);font-weight:400}.download-box progress{width:100%;height:4px;display:block;margin-top:9px;accent-color:var(--violet)}
.conversation-panel{min-height:720px;height:calc(100vh - 146px);max-height:1300px;display:flex;flex-direction:column;overflow:hidden;background:rgba(16,20,28,.96);border-color:#303644;box-shadow:0 12px 55px #00000033}.conversation-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:20px 24px;border-bottom:1px solid var(--line-soft);min-height:79px;background:linear-gradient(90deg,#1a202a80,transparent)}.conversation-location{display:flex;align-items:center;gap:11px;min-width:0}.conversation-location>div{min-width:0}.folder-icon{width:29px;height:29px;display:grid;place-items:center;border:1px solid #303c4a;border-radius:7px;color:var(--cyan);font-size:23px}.conversation-heading h1{font-size:12px;font-weight:550;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.conversation-heading p{font:9px var(--mono);color:var(--dim);margin-top:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:360px}.task-badge{font:7px var(--mono);letter-spacing:1.1px;color:#829291;white-space:nowrap}.task-badge.running{color:var(--cyan)}.task-badge.awaiting_approval{color:var(--gold)}.task-badge.failed{color:var(--red)}.conversation-content{flex:1;min-height:200px;overflow:auto;scroll-behavior:smooth;padding:25px 30px}.welcome{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:5px 0 12px}.welcome-emblem{width:100px;height:94px;position:relative;display:grid;place-items:center;margin-bottom:24px}.welcome-emblem>svg{width:46px;height:46px;color:#b5a4d7;stroke-width:1.8;filter:drop-shadow(0 0 10px #bc9cf720)}.emblem-ring{position:absolute;border:1px solid #3a3749;width:73px;height:73px;transform:rotate(32deg);border-radius:24px;background:linear-gradient(135deg,#ba9df707,transparent 60%)}.ring-two{transform:rotate(-17deg);width:84px;height:84px;border-color:#263e43;background:none}.emblem-spark{position:absolute;right:12px;top:16px;width:4px;height:4px;border-radius:50%;background:var(--cyan);box-shadow:0 0 10px #7de9df77}.eyebrow{font:8px var(--mono);letter-spacing:2px;color:var(--dim)}.welcome h2{font-size:clamp(25px,2.5vw,39px);font-weight:450;letter-spacing:-1.5px;line-height:1.23;margin:15px 0}.welcome h2>span{color:#8d9aa9}.welcome-copy{color:var(--muted);font-size:12px;line-height:1.8}.starter-prompts{display:flex;flex-direction:column;gap:8px;max-width:375px;width:100%;margin-top:29px}.starter{display:flex;align-items:center;gap:12px;text-align:left;padding:12px 15px;background:#181e28;border:1px solid #2a313e;border-radius:9px}.starter:hover{background:#212a37;border-color:#445464}.starter>span:nth-child(2){flex:1}.starter strong{display:block;font-size:11px;font-weight:550;color:#cdd3df}.starter small{font-size:9px;color:var(--dim);display:block;margin-top:3px}.starter>span:last-child{font-size:14px;color:#5d6d84}.starter-icon{width:23px;font:21px var(--mono);text-align:center}.cyan-text{color:var(--cyan)}.violet-text{color:var(--violet)}.gold-text{color:var(--gold)}.composer{margin:0 22px;border:1px solid #3b4657;border-radius:12px;background:linear-gradient(125deg,#202733,#1b222d);box-shadow:0 8px 24px #0000001a;transition:border-color .2s}.composer:focus-within{border-color:#5b8d89;box-shadow:0 0 0 2px #7de9df08}.composer textarea{width:100%;display:block;background:none;border:0;resize:vertical;min-height:86px;max-height:240px;padding:17px 17px 9px;color:var(--text);font-size:12px;line-height:1.7;outline:none}.composer textarea:focus-visible{outline:0}.composer textarea::placeholder{color:#8290a5}.composer-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 12px 12px}.composer-context{display:flex;align-items:center;gap:7px;font:9px var(--mono);color:var(--muted);min-width:0}.composer-context>span:last-child{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:235px}.composer .primary-button{padding:8px 13px;flex:none}.composer-footnote{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:12px 25px 16px;color:var(--dim);font-size:8px}.composer-footnote>span:last-child{white-space:nowrap}kbd{font:8px var(--mono);background:#1b222d;border:1px solid #303847;border-radius:3px;padding:1px 3px;color:#8d9bae}.inline-error{font-size:11px;color:var(--red);line-height:1.65;overflow-wrap:anywhere}.composer .inline-error{padding:0 16px 12px}.messages{display:flex;flex-direction:column;gap:28px;max-width:900px;margin:0 auto}.message{min-width:0}.message-meta{display:flex;align-items:center;gap:9px;margin-bottom:11px;font:9px var(--mono);color:var(--muted)}.message-avatar{height:22px;width:22px;border-radius:6px;display:grid;place-items:center;font-size:10px;background:#262336;color:var(--violet);border:1px solid #403750}.message.user .message-avatar{color:var(--cyan);background:#203332;border-color:#36514e}.message.user .message-body{background:#1e2932;border:1px solid #32414c;padding:14px 16px;border-radius:3px 11px 11px 11px;color:#d0dce3}.message-body{font-size:12px;line-height:1.85;color:#c7cfdd;overflow-wrap:anywhere}.message-body p{white-space:pre-wrap;margin:0 0 10px}.message-body p:last-child{margin:0}.code-block{border:1px solid #303746;border-radius:8px;background:#0d1219;margin:12px 0;overflow:hidden}.code-header{background:#171e28;display:flex;align-items:center;justify-content:space-between;padding:6px 12px;font:9px var(--mono);color:var(--dim)}.code-header button{font:9px var(--mono);border:0;background:none;color:#9aaebe;padding:3px}.code-header button:hover{color:var(--cyan)}.code-block pre{margin:0;padding:14px;font:11px/1.75 var(--mono);overflow:auto;white-space:pre}.compact .messages{gap:18px}.compact .message-body{font-size:11px;line-height:1.7}.thinking-indicator{display:flex;align-items:center;gap:9px;font:10px var(--mono);color:#809691;padding:25px 0 3px}.thinking-light{width:5px;height:5px;border-radius:50%;background:var(--cyan);box-shadow:0 0 8px #7de9df50;animation:breathing 1.7s ease-in-out infinite}
.task-status-row{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.task-status-row h3{font-size:14px;font-weight:450;letter-spacing:-.25px;color:#d3dce6}.task-status-row>.micro-label{font-size:7px}.task-metrics{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:22px 0 25px}.task-metrics>div+div{border-left:1px solid #2d3340;padding-left:17px}.task-metrics span{display:block;font:7px var(--mono);letter-spacing:1.2px;color:var(--dim);margin-bottom:9px}.task-metrics strong{font:25px var(--mono);font-weight:300;letter-spacing:-1.6px;color:#c0d1d4}.task-metrics>div+div strong{color:#b6a4d3}.task-metrics small{font-size:10px;color:var(--dim);margin-left:4px;letter-spacing:0}.execution-route{display:flex;flex-direction:column;gap:20px;position:relative;padding:0 0 3px 3px}.execution-route:before{content:"";position:absolute;left:7px;top:11px;bottom:30px;width:1px;background:#333c48}.route-step{display:flex;gap:12px;align-items:flex-start;position:relative;color:#7e8ba2}.route-step>span{height:9px;width:9px;margin-top:3px;border:1px solid #536076;border-radius:50%;background:#141a23;flex:none;box-shadow:0 0 0 3px #141a23}.route-step p{font-size:10px;line-height:1.4}.route-step small{display:block;font-size:9px;color:var(--dim);margin-top:4px}.route-step.active{color:var(--cyan)}.route-step.active>span{background:var(--cyan);border-color:var(--cyan);box-shadow:0 0 0 3px #213434,0 0 9px #7de9df44}.route-step.done>span{border-color:#629c92;background:#365c55}.route-step.waiting{color:var(--gold)}.route-step.waiting>span{background:var(--gold);border-color:var(--gold)}.stop-button{margin-top:20px;justify-content:space-between;color:#c59b9e;background:#292026;border-color:#51383f}.stop-button:hover{background:#38272e;border-color:#81515b}.execution-panel .inline-error{margin-top:15px}.count-badge{font:8px var(--mono);color:#8492a9;background:#222b38;border:1px solid #334054;border-radius:4px;min-width:19px;text-align:center;padding:2px 4px}.quiet-state{display:flex;gap:11px;color:var(--muted)}.quiet-icon{font-size:21px;line-height:1.2;color:#a1adba}.quiet-state p{font-size:11px}.quiet-state small{display:block;color:var(--dim);font-size:10px;line-height:1.7;margin-top:4px}.permission-panel.has-pending{border-color:#786044;background:linear-gradient(115deg,#27241f,#171d26)}.permission-card+.permission-card{border-top:1px solid #494033;margin-top:15px;padding-top:15px}.permission-card h3{font:10px var(--mono);color:var(--gold);margin-bottom:8px;overflow-wrap:anywhere}.permission-card p{font:10px/1.75 var(--mono);color:#bcb7aa;white-space:pre-wrap;overflow-wrap:anywhere;max-height:220px;overflow:auto}.permission-actions{display:flex;gap:7px;margin-top:13px}.permission-actions button{flex:1;font-size:10px;padding:7px}.permission-actions .primary-button{background:#ddc297;border-color:#ddc297;color:#33291a}.changed-files{list-style:none;padding:0;margin:0;max-height:220px;overflow:auto}.changed-files li{display:flex;gap:8px;align-items:flex-start;font:10px/1.7 var(--mono);color:#aab7c8;padding:5px 0;overflow-wrap:anywhere}.file-symbol{color:var(--cyan);font-size:11px;flex:none}.event-list{list-style:none;padding:0;margin:0;max-height:190px;overflow:auto}.event-list li{position:relative;padding:0 0 15px 13px;border-left:1px solid #303b47;margin-left:2px}.event-list li:last-child{padding-bottom:0}.event-list li:before{content:"";position:absolute;top:5px;left:-3px;width:5px;height:5px;border-radius:50%;background:#718f94;box-shadow:0 0 0 3px #12161e}.event-list p{font-size:10px;color:#95a4b9;line-height:1.6;overflow-wrap:anywhere;white-space:pre-wrap;max-height:160px;overflow:auto}.event-list time{display:block;font:8px var(--mono);color:#58677e;margin-bottom:4px}.event-list li.event-error:before{background:var(--red)}.event-list li.event-permission:before{background:var(--gold)}
.statusbar{height:44px;display:flex;align-items:center;gap:24px;font:8px var(--mono);letter-spacing:.4px;color:#5f6d83}.statusbar>span:first-child{display:flex;align-items:center;gap:7px}.statusbar>span:last-child{margin-left:auto;font-size:7px;letter-spacing:1.3px}.footer-arrow{color:var(--cyan);margin-left:7px}.connection-banner{background:#312920;border:1px solid #68553b;border-radius:8px;padding:10px 15px;margin-bottom:18px;display:flex;align-items:center;justify-content:space-between;gap:15px;color:#dac49d;font-size:11px}.connection-banner.error{background:#302329;border-color:#61404b;color:#e1b2bb}.modal{color:var(--text);border:1px solid #414b5d;border-radius:15px;background:#171d27;box-shadow:0 30px 100px #000a;width:min(480px,calc(100% - 36px));padding:27px}.modal::backdrop{background:#030609b8;backdrop-filter:blur(7px)}.modal-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:18px}.modal-heading h2{font-size:23px;letter-spacing:-.7px;font-weight:450;margin-top:8px}.modal-copy{font-size:12px;color:var(--muted);line-height:1.8;margin-bottom:23px}.modal label{display:block;color:#bec9d8;font-size:11px;margin-bottom:8px}.modal input:not([type=checkbox]){border:1px solid #3d4c60;border-radius:7px;color:var(--text);background:#101721;width:100%;padding:12px;font:11px var(--mono)}.input-note{font-size:10px;color:var(--dim);margin-top:10px;line-height:1.7}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:25px}.modal .inline-error{margin-top:15px}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:21px 0;border-bottom:1px solid var(--line)}.setting-row label{margin:0 0 5px;font-size:12px}.setting-row p{font-size:10px;color:var(--muted)}.toggle-input{appearance:none;flex:none;width:33px;height:19px;background:#343d4a;border:1px solid #506078;border-radius:20px;position:relative;cursor:pointer;transition:background .2s}.toggle-input:before{content:"";position:absolute;width:11px;height:11px;border-radius:50%;top:3px;left:3px;background:#a6b1c4;transition:left .2s}.toggle-input:checked{background:#37635e;border-color:#5ca69b}.toggle-input:checked:before{left:17px;background:var(--cyan)}.settings-info{display:flex;align-items:flex-start;gap:10px;border:1px solid #33413f;border-radius:8px;padding:14px;margin:23px 0;background:#1c2828}.settings-info>.status-dot{margin-top:5px}.settings-info strong{font-size:11px;font-weight:500;color:#afccc4}.settings-info p{color:#819e98;font-size:10px;line-height:1.8;margin-top:7px}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);padding:12px 18px;border:1px solid #4d655f;background:#20322e;box-shadow:0 10px 40px #0007;border-radius:8px;z-index:20;font-size:12px;color:#cee6df;max-width:min(90vw,500px)}
@keyframes breathing{0%,100%{opacity:.45}50%{opacity:1}}@media(min-width:1600px){.workspace{grid-template-columns:270px minmax(480px,1fr) 300px;gap:28px}.app-shell{padding:0 36px}.conversation-content{padding:32px 45px}.welcome h2{font-size:42px}.starter-prompts{max-width:420px}.starter{padding:14px 17px}.welcome-copy{font-size:13px}}@media(max-width:1190px){.workspace{grid-template-columns:210px minmax(340px,1fr) 238px;gap:14px}.app-shell{padding:0 18px}.left-column .panel,.right-column .panel{padding:15px}.conversation-heading{padding:18px}.conversation-content{padding:24px 21px}.conversation-heading p{max-width:215px}.task-badge{font-size:6px}.engine-status{display:none}.task-status-row{align-items:flex-start;flex-direction:column;gap:5px}.composer{margin:0 15px}.composer-footnote{padding:11px 17px 14px;font-size:7px}.composer-footnote>span:last-child{display:none}.task-metrics strong{font-size:23px}}@media(max-width:990px){.workspace{grid-template-columns:210px minmax(340px,1fr)}.right-column{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.conversation-panel{height:760px;min-height:760px}.left-column{align-self:start}.execution-panel{grid-row:span 2}.activity-panel{grid-column:2}.masthead{height:88px}.statusbar{height:52px}.right-column .panel{padding:20px}.task-status-row{flex-direction:row;align-items:baseline}.welcome h2{font-size:35px}}@media(max-width:640px){body{min-width:360px}.app-shell{padding:0 12px}.masthead{height:83px;gap:10px}.brand{gap:9px}.brand strong{font-size:20px}.brand small{font-size:6px;letter-spacing:1px}.brand-mark{width:32px;height:36px}.brand-mark svg{width:25px}.header-status{gap:0}.local-badge{font-size:0;padding:8px;gap:0}.local-badge .status-dot{width:6px;height:6px}.masthead>.icon-button{width:31px;height:31px}.workspace{display:flex;flex-direction:column;gap:15px}.left-column{display:grid;grid-template-columns:1fr 1fr;gap:12px;width:100%}.project-panel{grid-column:1/-1}.project-list{max-height:145px;flex-direction:row;flex-wrap:wrap;gap:5px}.project-item{width:calc(50% - 3px);padding:9px}.project-panel>.panel-note{display:none}.project-panel .panel-heading{margin-bottom:12px}.project-panel>.secondary-button{padding:7px}.local-footnote{display:none}.left-column .panel{padding:14px}.panel-heading h2{font-size:10px}.model-name{font-size:10px}.model-symbol{margin:0 0 6px}.model-symbol svg{width:25px;height:25px}.model-state{font-size:9px;margin:6px 0 12px}.model-details{font-size:8px;flex-wrap:wrap;margin-top:5px}.model-details strong{font-size:8px}.hardware-title h3{font-size:9px}.hardware-title{gap:6px;margin-bottom:10px}.chip-icon{width:23px;height:23px;font-size:17px}.meter-heading{font-size:8px;flex-wrap:wrap;gap:3px;margin-top:12px}.meter-heading strong{font-size:8px}.hardware-panel .panel-note{font-size:8px}.conversation-panel{width:100%;min-height:710px;height:calc(100svh - 55px);max-height:1000px}.conversation-heading{padding:16px}.conversation-heading p{max-width:220px}.conversation-heading .task-badge{display:none}.conversation-content{padding:20px}.welcome-emblem{margin-bottom:18px;height:80px}.welcome h2{font-size:33px;margin-top:13px}.welcome-copy{font-size:11px}.starter-prompts{margin-top:24px}.starter{padding:10px 12px}.right-column{display:grid;grid-template-columns:1fr 1fr;width:100%;gap:12px}.right-column .panel{padding:14px}.execution-panel{grid-column:1/-1;grid-row:auto}.execution-panel .execution-route{flex-direction:row;justify-content:space-between;gap:12px;margin:8px 0}.execution-route:before{display:none}.execution-panel .task-metrics{margin:16px 0 22px}.task-metrics>div+div{padding-left:24px}.activity-panel{grid-column:1/-1}.files-panel,.permission-panel{min-height:140px}.route-step{gap:9px}.route-step small{font-size:8px;max-width:70px}.permission-actions{flex-direction:column}.statusbar{gap:12px;font-size:7px}.statusbar>span:last-child{display:none}.statusbar>span:nth-child(2){margin-left:auto}.modal{padding:22px}.connection-banner{font-size:10px;align-items:flex-start}.welcome .eyebrow{font-size:7px}.task-status-row h3{font-size:16px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}body.no-motion *,body.no-motion *:before,body.no-motion *:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}
.help-modal{max-width:740px}.help-controls{font-size:13px;line-height:1.6}.help-controls dt{font-weight:600;color:var(--cyan);margin-top:15px}.help-controls dd{margin:4px 0 0;color:var(--muted)}.playbook-details{margin:24px 0 18px;padding-top:16px;border-top:1px solid var(--line)}.playbook-details summary{cursor:pointer;color:var(--text)}.playbook-details pre{white-space:pre-wrap;overflow-wrap:anywhere;font:12px/1.7 var(--mono);color:var(--muted);margin-top:15px}#new-conversation-button{font-size:10px;white-space:nowrap}#help-button{font-size:11px;white-space:nowrap}@media(max-width:640px){#help-button{font-size:9px}.masthead{gap:8px}}
/* Per-task local model controls and editable project memory. */
.model-controls{border-top:1px solid var(--line);padding-top:15px;margin:17px 0 14px}.model-controls label{display:block;font-size:9px;color:#9da9bd;margin:0 0 6px}.model-controls select{width:100%;min-width:0;appearance:auto;background:#101720;border:1px solid #3a4657;border-radius:6px;color:#cdd7e5;font:10px var(--mono);padding:8px 6px;line-height:1.5}.model-controls select:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}.model-controls select:disabled{opacity:.5}.model-controls select option{background:#171e29}.control-pair{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:13px 0}.control-note{font-size:9px;line-height:1.7;color:var(--dim);margin-top:9px}.project-notes-button{display:flex;align-items:center;gap:7px;margin:11px 0 0;padding:3px 0;font-size:10px}.project-notes-button>span{color:var(--violet)}.project-notes-modal{width:min(640px,calc(100% - 36px))}.project-notes-modal textarea{width:100%;min-height:200px;max-height:55vh;resize:vertical;background:#101720;border:1px solid #3d4c60;border-radius:8px;color:var(--text);padding:13px;font:12px/1.75 var(--mono)}.project-notes-modal textarea:disabled{opacity:.55}.project-notes-modal textarea::placeholder{color:var(--dim)}.notes-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;font:9px var(--mono);color:var(--muted);margin-top:10px}.notes-meta>span:last-child{white-space:nowrap}.permission-diff{margin-top:12px;border:1px solid #514a3e;border-radius:7px;background:#15171b;overflow:hidden}.permission-diff summary{padding:8px 10px;color:var(--gold);font-size:10px;cursor:pointer}.permission-diff pre{padding:10px;margin:0;border-top:1px solid #38372f;font:10px/1.65 var(--mono);color:#c6cfc9;white-space:pre;overflow:auto;max-height:270px;tab-size:2}.permission-panel.has-pending{z-index:2}@media(max-width:640px){.model-panel{grid-column:1/-1}.hardware-panel{grid-column:1/-1}.model-controls{display:grid;grid-template-columns:1fr 1fr;gap:6px 13px}.model-controls>label:first-child{grid-column:1}.model-controls>select:nth-child(2){grid-column:1;grid-row:2}.model-controls .control-pair{grid-column:2;grid-row:1/3;margin:0;align-items:end}.model-controls>label:nth-child(4){grid-column:1/-1;margin-top:6px}.model-controls>select:nth-child(5),.model-controls .control-note{grid-column:1/-1}.model-panel .model-symbol{display:none}.hardware-panel .hardware-title{margin-bottom:12px}.hardware-panel .meter-heading{font-size:10px}.hardware-panel .meter-heading strong{font-size:10px}.notes-meta{font-size:8px}}
.checkpoint-controls{border-top:1px solid var(--line);margin-top:16px;padding-top:2px}.checkpoint-controls>.secondary-button{margin-top:12px;font-size:10px;justify-content:space-between}.checkpoint-controls>.text-button{font-size:10px;padding:8px 0 0}.checkpoints-modal{width:min(700px,calc(100% - 36px));max-height:90vh}.checkpoint-dialog-toolbar{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:0 0 15px;font-size:10px;color:var(--muted)}.checkpoint-list{padding:0;margin:0;list-style:none;max-height:50vh;overflow:auto}.checkpoint-item{padding:16px;margin-bottom:12px;border:1px solid #354353;border-radius:9px;background:#111923}.checkpoint-item-heading{display:flex;justify-content:space-between;align-items:center;gap:15px}.checkpoint-item-heading strong{font:11px var(--mono);font-weight:500;color:#c0d8d4}.checkpoint-state{font:9px var(--mono);color:var(--violet);text-transform:uppercase;letter-spacing:.7px}.checkpoint-time{font:9px var(--mono);color:var(--dim);margin-top:7px}.checkpoint-files{padding:0;margin:14px 0;list-style:none;font:11px/1.8 var(--mono);color:#bdc7d6;overflow-wrap:anywhere}.checkpoint-files li:before{content:'↳';color:var(--cyan);margin-right:9px}.checkpoint-reason{font-size:11px;line-height:1.7;color:var(--muted);margin-bottom:13px;overflow-wrap:anywhere}.checkpoint-item>.secondary-button{font-size:10px}.permission-card .permission-files{font-size:9px;color:#c9c1ae;padding-top:7px}.permission-card .inline-error{color:var(--red);margin-top:10px}.files-panel .checkpoint-controls .panel-note{font-size:9px;line-height:1.7}

/* Network, saved conversations, and optional services stay outside the coding flow. */
.network-toggle{cursor:pointer;color:var(--text);font:10px var(--mono);gap:8px;white-space:nowrap}
.switch-track{display:inline-block;width:24px;height:14px;background:#343e49;border-radius:12px;position:relative}
.switch-track:after{content:"";position:absolute;left:3px;top:3px;width:8px;height:8px;background:#8f9baa;border-radius:50%;transition:left .15s}
.network-toggle[aria-checked=true] .switch-track{background:#325d57}.network-toggle[aria-checked=true] .switch-track:after{left:13px;background:var(--cyan)}
#connections-button{font-size:11px;white-space:nowrap}.workspace-tabs{display:flex;gap:5px;border-bottom:1px solid var(--line);margin-bottom:12px}
.workspace-tabs button{background:transparent;border:0;border-bottom:2px solid transparent;color:var(--muted);padding:9px 10px;font-size:11px;cursor:pointer}
.workspace-tabs button[aria-selected=true]{border-bottom-color:var(--cyan);color:var(--cyan)}
.project-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:13px}.project-actions button{font-size:10px;padding:9px 5px;justify-content:center}
#idea-button{font-size:9px;padding:0}.recents-note{margin:0 0 10px}.recents-list{max-height:290px;overflow:auto;display:flex;flex-direction:column;gap:7px}
.recent-item{border:1px solid #2c3746;background:#141c27;border-radius:8px;padding:9px;cursor:grab;min-width:0}
.recent-item.selected{border-color:#4e7c76;background:#1b2b31}.recent-item.dragging{opacity:.4}
.recent-open{display:block;background:none;border:0;color:var(--text);width:100%;text-align:left;padding:0;cursor:pointer}
.recent-open strong{font-size:10px;font-weight:500;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.recent-open small{display:block;font:8px/1.6 var(--mono);color:var(--muted);margin-top:5px;overflow-wrap:anywhere}
.recent-controls{display:flex;justify-content:flex-end;gap:11px;margin-top:5px}.recent-controls button{font-size:12px;padding:0 3px}.recent-controls button[aria-pressed=true]{color:var(--gold)}
.path-field{display:flex;gap:9px;align-items:center}.path-field input,.path-field select{flex:1;min-width:0}.path-field button{flex:none}.spaced-label{margin-top:19px}
.modal{max-height:90vh;overflow:auto}.modal select{border:1px solid #3d4c60;border-radius:7px;color:var(--text);background:#101721;width:100%;padding:11px;font:11px var(--mono)}
.tools-heading{grid-column:1/-1;border-top:1px solid var(--line);padding-top:21px;margin-top:7px}.tools-heading h3{font-size:15px;font-weight:500}.tool-capabilities{font:9px/1.8 var(--mono);color:var(--cyan);margin:12px 0;overflow-wrap:anywhere}.tool-approval{font-size:10px;line-height:1.8;color:#d0b99b;margin:14px 0 17px}.tool-card>button{font-size:11px}.tool-card>button[aria-checked=true]{color:var(--cyan);border-color:#4e7770}.tool-card .inline-error{margin-top:13px}
.browser-setup{display:block;margin:13px 0;color:var(--cyan);text-align:left;font-size:10px!important}.tool-card select{font-size:11px}
.windows-tool-card{grid-column:1/-1}.windows-tool-card>button{font-size:11px}.windows-tool-card>button[aria-checked=true]{color:var(--cyan);border-color:#4e7770}.windows-tool-card .inline-error{margin-top:13px}
.connections-modal{width:min(850px,calc(100% - 36px))}.connection-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.service-card{min-width:0;padding:19px;border:1px solid #344050;border-radius:11px;background:#111923}.cloud-card{grid-column:1/-1}
.service-heading{display:flex;justify-content:space-between;align-items:center;gap:14px}.service-heading h3{font-size:14px;font-weight:500}.service-status{font:9px var(--mono);color:var(--cyan);text-align:right;overflow-wrap:anywhere}
.service-detail{font-size:11px;line-height:1.8;color:var(--muted);margin:15px 0;overflow-wrap:anywhere}.service-actions{display:flex;gap:9px;align-items:center;flex-wrap:wrap;margin:14px 0 0}.service-actions button{font-size:10px;padding:8px 10px}.service-actions .text-button{padding:4px}
.token-details{margin-top:20px;border-top:1px solid var(--line);padding-top:13px}.token-details summary{font-size:10px;color:var(--muted);cursor:pointer;margin-bottom:13px}.token-details>button{margin-top:12px;font-size:10px}
.boost-entry{justify-content:space-between;margin-top:15px;color:var(--gold);font-size:10px;border-color:#5d4f3b;background:#29251f}.boost-modal{width:min(670px,calc(100% - 36px))}
.boost-controls{display:grid;grid-template-columns:2fr 1fr 1fr;gap:10px;margin:23px 0 17px}.boost-quote{margin-top:20px;padding:18px;border:1px solid #695943;border-radius:9px;background:#25221d}.boost-quote>strong{font:15px var(--mono);color:var(--gold)}.boost-quote p{font-size:11px;line-height:1.8;color:#bdb4a4;margin-top:12px}.boost-quote .primary-button{margin-top:15px;background:#ddc297;border-color:#ddc297}.consent-checkbox{display:flex!important;align-items:flex-start;gap:10px;margin:17px 0 0!important;line-height:1.7}.consent-checkbox input{margin-top:3px;accent-color:var(--gold)}.boost-modal .stop-button{margin-top:0}
.composer-actions{display:flex;align-items:center;gap:8px}.dictation-button{padding:7px 9px;font-size:10px}.dictation-button svg{height:15px;width:15px;stroke:currentColor;fill:none;stroke-width:1.7}.dictation-bar{display:flex;align-items:center;gap:10px;padding:9px 14px;border-top:1px solid #493440;font:9px var(--mono);color:#cdb7c4}.dictation-bar>span:nth-child(2){flex:1}.dictation-bar button{font-size:9px;white-space:nowrap}.dictation-bar .status-dot{flex:none}
.mode-switch{display:flex;gap:2px;padding:3px;border:1px solid #344050;border-radius:7px;background:#111923;margin-left:auto}.mode-switch button{border:0;background:transparent;color:var(--muted);border-radius:4px;padding:6px 10px;font:9px var(--mono);cursor:pointer}.mode-switch button[aria-pressed=true]{background:#293c42;color:var(--cyan)}
#remember-button{font-size:9px;white-space:nowrap}.remember-message{margin-left:auto;font:8px var(--mono);opacity:.7;padding:2px 0}.remember-message:hover{opacity:1}.conversation-heading .task-badge{margin-left:12px}
#phone-button{font-size:11px;white-space:nowrap}.phone-modal{width:min(600px,calc(100% - 36px))}.phone-modal .stop-button{margin-top:0}.phone-pairing-box{padding:19px;margin-top:20px;border:1px solid #44645f;border-radius:10px;background:#182a29;text-align:center}.phone-pairing-box>strong{display:block;font:25px var(--mono);letter-spacing:3px;color:var(--cyan);margin:12px 0}.enable-online-button{margin:0 16px 12px;font-size:11px}.welcome-copy{max-width:380px}.search-starter{border-color:#35534f}.conversation-heading{gap:10px}.mode-switch{flex:none}.recents-list{max-height:220px}
.welcome{height:auto;min-height:100%}.welcome-emblem{flex:none}
.task-recovery-notice{margin:14px 20px 0;padding:12px 14px;border:1px solid #685a40;border-radius:8px;background:#2b261e;color:var(--gold);font-size:11px;line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere;flex:none}
.attach-images-button{display:block;margin:0 16px 10px;font-size:10px;color:var(--cyan)}.attach-images-button span{color:var(--dim);font-size:9px;margin-left:7px}.attachment-tray{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:0 13px 10px}.attachment-card{display:flex;align-items:center;gap:9px;padding:7px;border:1px solid #394b58;border-radius:8px;background:#17222b;min-width:0}.attachment-preview{width:48px;height:48px;flex:none;border:0;background:#0d121b;padding:0;border-radius:5px;overflow:hidden;cursor:zoom-in}.attachment-preview img{width:100%;height:100%;object-fit:cover}.attachment-description{flex:1;min-width:0}.attachment-description strong{display:block;font:9px var(--mono);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.attachment-description small{display:block;font:8px/1.6 var(--mono);color:var(--muted);margin-top:4px;overflow-wrap:anywhere}.attachment-description small.attachment-failed{color:#efa9b6}.attachment-card>.icon-button{flex:none;width:24px;height:28px}.attachment-note{margin:0 16px 10px;font:9px/1.7 var(--mono);color:var(--muted)}.attachment-note button{display:block;font-size:10px;color:var(--cyan);margin-top:6px}.message-images{display:flex;flex-wrap:wrap;gap:9px;margin-top:14px}.message-image{width:100px;height:90px;padding:0;overflow:hidden;background:#101722;border:1px solid #3d5361;border-radius:7px;cursor:zoom-in}.message-image img{height:100%;width:100%;object-fit:contain}.image-preview-modal{width:min(1100px,calc(100% - 28px));padding:20px}.image-preview-modal h2{font-size:13px;overflow-wrap:anywhere}.image-preview-modal>img{display:block;max-width:100%;max-height:76vh;object-fit:contain;margin:0 auto}.project-choice-list{display:flex;flex-direction:column;gap:10px}.project-choice-item{text-align:left;border:1px solid #3e5960;border-radius:9px;padding:15px;background:#18252d;color:var(--text);cursor:pointer}.project-choice-item:hover{border-color:var(--cyan)}.project-choice-item strong,.project-choice-item span,.project-choice-item small{display:block;overflow-wrap:anywhere}.project-choice-item strong{font-size:13px}.project-choice-item span{font:10px/1.7 var(--mono);color:var(--muted);margin-top:8px}.project-choice-item small{font:9px var(--mono);color:var(--cyan);margin-top:5px}
.studio-modal{width:min(850px,calc(100% - 30px))}.studio-modal textarea{width:100%;resize:vertical;border:1px solid #3d4c60;border-radius:8px;padding:13px;background:#101721;color:var(--text);font:12px/1.7 var(--mono);min-height:95px}.studio-controls{display:flex;align-items:flex-end;gap:15px;margin:17px 0}.studio-controls>div{flex:1;min-width:160px}.studio-controls>.input-note{flex:1;margin:0;font-size:10px}.studio-controls>.primary-button{flex:none}.studio-job{background:#18252a;border:1px solid #36564f;border-radius:9px;padding:17px;margin:20px 0}.studio-job strong{font-size:13px}.studio-job progress{width:100%;height:4px;margin-top:18px;accent-color:var(--cyan)}.studio-gallery-heading{margin-top:26px;border-top:1px solid var(--line);padding-top:22px}.studio-gallery-heading h3{font-weight:500;font-size:14px}.studio-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:18px}.studio-image-card{min-width:0;overflow:hidden;border:1px solid #344a56;border-radius:10px;background:#131b25}.studio-image-preview{display:block;width:100%;padding:0;border:0;background:#0c141d;cursor:zoom-in}.studio-image-preview img{display:block;width:100%;aspect-ratio:1;object-fit:contain}.studio-image-caption{display:flex;justify-content:space-between;gap:10px;padding:13px;align-items:center;font:9px var(--mono);color:var(--muted)}.studio-image-caption button{font-size:10px;color:var(--cyan)}
@media(max-width:640px){.attachment-tray{grid-template-columns:1fr}.attach-images-button span{display:none}.studio-controls{flex-wrap:wrap;align-items:center}.studio-controls>div{flex-basis:100%}.studio-gallery{grid-template-columns:1fr}#studio-button{font-size:10px}.studio-image-caption{flex-wrap:wrap}}
.boost-preset{margin-top:22px;padding:15px;border:1px solid #4c5140;background:#20251e;border-radius:9px}.boost-preset>strong{color:var(--gold);font-size:14px}.boost-calibration{padding:17px 0;border-bottom:1px solid var(--line);margin-top:16px}.boost-calibration .service-heading>strong{font-size:12px}.calibration-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:18px}.calibration-metrics span{display:block;font:7px var(--mono);color:var(--dim);letter-spacing:.5px}.calibration-metrics strong{display:block;font:20px var(--mono);color:var(--cyan);margin-top:7px}.boost-use{margin-top:23px;padding-top:20px;border-top:1px solid var(--line)}
@media(max-width:1190px){.conversation-heading .task-badge{display:none}#phone-button{font-size:10px}.masthead .engine-status{display:none}}
@media(max-width:640px){.phone-mode .conversation-panel{order:0;height:calc(100svh - 100px);min-height:620px}.phone-mode .left-column{order:1}.phone-mode .right-column{order:2}.phone-mode .mode-switch button{padding:6px 8px}.phone-mode .conversation-heading p{max-width:180px}.phone-mode .composer-footnote{flex-wrap:wrap}.phone-mode .composer-footnote>span:first-child{flex-basis:100%}}
@media(max-width:1190px){.composer-context>span:last-child{max-width:125px}.dictation-button span{display:none}.header-status{margin-left:auto}.masthead{gap:12px}}
@media(max-width:640px){.network-toggle{font-size:9px!important;padding:7px!important;gap:5px!important}.network-toggle .status-dot{display:none}.switch-track{width:21px}.network-toggle[aria-checked=true] .switch-track:after{left:10px}.masthead{flex-wrap:wrap;height:auto;min-height:85px;padding:13px 0;gap:8px}.masthead .brand{margin-right:auto}.header-status{margin-left:0}#connections-button,#help-button{font-size:10px}.workspace-tabs{margin-top:0}.project-list{flex-direction:column}.project-item{width:100%}.connection-grid{grid-template-columns:1fr}.cloud-card{grid-column:auto}.service-card{padding:15px}.boost-controls{grid-template-columns:1fr 1fr}.boost-controls>div:first-child{grid-column:1/-1}.path-field{gap:6px}.path-field button{font-size:10px;padding:10px}.dictation-bar{flex-wrap:wrap}.dictation-bar>span:nth-child(2){min-width:130px}.recents-list{max-height:230px}}

/* Dark glass, with visible light travelling behind each workspace layer. */
:root{--bg:#05070d;--panel:rgba(13,18,29,.74);--muted:#a1adc0;--dim:#8393aa;--line:rgba(122,156,184,.25);--line-soft:rgba(107,139,168,.16)}
body{background:radial-gradient(ellipse at 12% 30%,#09202a 0,transparent 42%),radial-gradient(ellipse at 90% 64%,#210f2b 0,transparent 43%),#05070d}
.ambient-glow{background:radial-gradient(ellipse at 25% 42%,rgba(38,213,220,.09),transparent 35%),radial-gradient(ellipse at 83% 62%,rgba(226,64,177,.09),transparent 35%),radial-gradient(ellipse at 51% 92%,rgba(141,91,245,.11),transparent 42%)}
.panel{background:linear-gradient(135deg,rgba(21,32,45,.78),rgba(10,14,25,.77));border-color:rgba(127,162,188,.3);box-shadow:inset 0 1px 0 rgba(212,240,255,.07),inset 1px 0 0 rgba(94,235,231,.025),0 18px 45px rgba(0,0,0,.3);backdrop-filter:blur(7px) saturate(1.12);-webkit-backdrop-filter:blur(7px) saturate(1.12)}
.model-panel{background:linear-gradient(145deg,rgba(24,28,44,.8),rgba(14,20,32,.74));border-top-color:rgba(173,139,237,.5)}
.hardware-panel{border-top-color:rgba(85,222,217,.45)}.execution-panel{border-top-color:rgba(93,230,218,.48)}.permission-panel{border-top-color:rgba(226,185,119,.32)}
.conversation-panel{background:linear-gradient(120deg,rgba(11,23,33,.62),rgba(9,14,25,.71)52%,rgba(27,13,36,.58));border-color:rgba(140,172,202,.35);box-shadow:inset 0 1px 0 rgba(207,242,255,.1),0 22px 65px rgba(0,0,0,.35),-9px 0 45px rgba(55,222,220,.035),9px 0 45px rgba(238,90,191,.04);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}
.conversation-heading{background:linear-gradient(100deg,rgba(25,45,58,.8),rgba(18,23,38,.74));border-bottom-color:rgba(133,175,195,.2);box-shadow:0 8px 24px rgba(0,0,0,.08)}
.conversation-content{background:radial-gradient(ellipse at 50% 37%,rgba(8,14,24,.52),rgba(9,16,27,.2)70%,transparent);scrollbar-gutter:stable}
.welcome-title,.welcome-copy{position:relative}.welcome h2{color:#f0f5fc;text-shadow:0 2px 18px #05070dc9}.welcome h2>span{color:#c0cadb}.welcome .eyebrow{color:#8da7bd}.welcome-copy{color:#b0bfd0;text-shadow:0 1px 8px #05070d}
.welcome-emblem{filter:drop-shadow(0 0 22px rgba(133,129,235,.2))}.emblem-ring{border-color:rgba(177,147,244,.4);background:linear-gradient(135deg,rgba(188,157,247,.08),rgba(85,231,223,.025));box-shadow:inset 0 0 26px rgba(144,117,228,.04)}.ring-two{border-color:rgba(83,224,219,.3)}
.starter{background:linear-gradient(115deg,rgba(25,40,54,.86),rgba(20,25,41,.84));border-color:rgba(130,159,186,.27);box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 7px 20px rgba(0,0,0,.13);backdrop-filter:blur(6px)}.starter:hover{background:linear-gradient(115deg,rgba(30,60,70,.92),rgba(31,33,58,.91));border-color:rgba(125,233,223,.58)}.starter strong{color:#e0e8f2}.starter small{color:#94a8c0}.search-starter{border-color:rgba(75,193,178,.42)}
.composer{background:linear-gradient(120deg,rgba(29,46,62,.88),rgba(25,31,49,.9));border-color:rgba(142,183,207,.42);box-shadow:inset 0 1px 0 rgba(212,240,255,.08),0 12px 38px rgba(0,0,0,.35),0 -5px 30px rgba(90,224,221,.035);backdrop-filter:blur(12px)}.composer:focus-within{border-color:rgba(125,233,223,.8);box-shadow:inset 0 1px 0 rgba(222,255,255,.08),0 0 0 2px rgba(83,232,222,.07),0 12px 38px rgba(0,0,0,.35)}.composer textarea{color:#ecf3fc}.composer textarea::placeholder{color:#a3b3c8}.composer-footnote{color:#91a3ba}
.message-body{color:#d5deeb}.message.user .message-body{background:linear-gradient(120deg,rgba(28,47,60,.94),rgba(21,34,48,.94));border-color:rgba(112,162,183,.37)}.message.assistant .message-body{background:rgba(9,17,28,.67);padding:13px 16px;border-radius:10px;border:1px solid rgba(106,137,170,.13);backdrop-filter:blur(8px)}.code-block{background:rgba(7,12,20,.96)}
.brand-mark{border-color:rgba(123,220,218,.5);box-shadow:0 0 29px rgba(66,222,215,.1),inset 0 1px 0 rgba(228,255,255,.09)}.primary-button{box-shadow:inset 0 1px 0 rgba(255,255,255,.3),0 3px 16px rgba(90,228,215,.11)}.task-metrics strong{color:#e7f6f5;text-shadow:0 0 20px rgba(94,228,218,.14)}.statusbar{color:#8a9db6}.local-footnote{color:#97aec1}
.is-running .conversation-panel{border-color:rgba(98,225,214,.57);box-shadow:inset 0 1px 0 rgba(220,255,252,.1),0 20px 60px rgba(0,0,0,.4),-9px 0 35px rgba(60,224,216,.08),9px 0 40px rgba(235,89,191,.09)}.is-running .execution-panel{border-color:rgba(95,221,209,.48);box-shadow:inset 0 1px 0 rgba(196,255,248,.08),0 8px 30px rgba(57,216,205,.05)}
.modal{background:linear-gradient(130deg,rgba(22,33,47,.98),rgba(14,18,32,.98));border-color:rgba(132,170,194,.36);box-shadow:0 28px 100px #000a,inset 0 1px 0 #c6efff12}.modal::backdrop{background:rgba(2,5,12,.64);backdrop-filter:blur(7px)}
@media(max-width:700px){.panel{backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.conversation-panel{backdrop-filter:none;-webkit-backdrop-filter:none;background:linear-gradient(120deg,rgba(11,22,33,.78),rgba(19,17,32,.8))}.conversation-content{background:rgba(7,13,23,.12)}.starter,.composer,.message.assistant .message-body{backdrop-filter:none;-webkit-backdrop-filter:none}.modal::backdrop{backdrop-filter:blur(3px)}}

/* Conversation navigation stays on the left; observations stay beside the work. */
.recents-panel .mode-switch{margin:0 0 11px;display:grid;grid-template-columns:1fr 1fr}.recents-panel .mode-switch button{padding:8px;font-size:10px}
.work-focus{position:relative;display:flex;flex-direction:column;align-items:center;flex:none;height:112px;padding:10px 0 2px;pointer-events:none}.work-focus-hub{position:relative;display:grid;place-items:center;width:76px;height:76px;border-radius:50%;background:radial-gradient(circle,rgba(41,72,84,.7),rgba(27,28,58,.3)58%,transparent 70%)}.work-focus-hub svg{width:53px;height:53px;fill:none;stroke:#c7e8e5;stroke-width:2.3;filter:drop-shadow(0 0 9px #7de9df7a)}.hub-ring{position:absolute;inset:1px;border:1px solid #7de9df80;border-radius:31%;transform:rotate(25deg);box-shadow:inset 0 0 13px #7de9df10,0 0 15px #7de9df18}.hub-ring-two{inset:8px;transform:rotate(-25deg);border-color:#cf85e98c}.work-focus p{font:8px var(--mono);letter-spacing:1px;color:var(--muted);margin-top:9px;text-transform:uppercase}.is-running .work-focus-hub{box-shadow:0 0 28px #4cead32e,0 0 68px #da65dd1e;animation:hub-breathe 2.5s ease-in-out infinite}.is-running .work-focus-hub svg{stroke:#f0fffc;filter:drop-shadow(0 0 11px #7de9df)}.is-running .hub-ring{border-color:#73ffe2;box-shadow:0 0 17px #6afbe744,inset 0 0 18px #73ffe21f}.is-running .hub-ring-two{border-color:#ee8aff;box-shadow:0 0 20px #f473e63a}.is-running .work-focus p{color:var(--cyan)}.is-awaiting-approval .work-focus-hub svg{stroke:var(--gold);filter:drop-shadow(0 0 8px #d5b47a66)}.is-awaiting-approval .hub-ring{border-color:#b1945b}.is-awaiting-approval .work-focus p{color:var(--gold)}@keyframes hub-breathe{0%,100%{filter:brightness(1)}50%{filter:brightness(1.28)}}
.recents-toggle{display:flex;justify-content:space-between;align-items:center;width:100%;padding:17px 0 12px;background:none;border:0;color:var(--text);text-align:left;font-size:13px;cursor:pointer}.recents-toggle>span:first-child{display:flex;gap:9px;align-items:center}.collapse-chevron{color:var(--cyan);font-size:18px;transform:rotate(0deg)}.recents-toggle[aria-expanded=false] .collapse-chevron{transform:rotate(-90deg)}
.recents-list{max-height:360px;gap:8px}.recent-item{padding:11px}.recent-open strong{font-size:12px;white-space:normal;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.recent-open small{font-size:9px}.recent-controls{margin-top:8px}.recents-note{font-size:9px;line-height:1.6}.recents-panel>#new-conversation-button{font-size:11px;justify-content:center;padding:11px 7px;border-color:#477269;color:var(--cyan)}
.project-panel .project-list{max-height:165px}.model-panel{margin-top:auto}.model-panel .model-symbol{display:none}.model-panel .panel-heading{margin-bottom:10px}.model-name{font-size:11px;line-height:1.45}.model-state{font-size:9px;margin:6px 0 10px}.model-controls{padding-top:10px;margin:10px 0}.model-controls label{font-size:8px;margin-bottom:4px}.model-controls select{font-size:9px;padding:6px}.model-controls .control-pair{margin:9px 0;gap:7px}.control-note{font-size:8px;margin-top:6px}.model-details{font-size:8px;margin-top:5px}.model-details strong{font-size:8px}.boost-entry{margin-top:10px;padding:8px 10px}.local-footnote{margin-top:0}.right-column .hardware-panel{margin-top:auto}
.task-work{margin-top:15px;padding:13px;border:1px solid rgba(93,178,177,.24);background:rgba(8,21,30,.66);border-radius:9px}.task-work>p:first-child{font-size:12px;line-height:1.6;color:#cfe9e6}.task-work-target{font:9px/1.7 var(--mono);color:var(--cyan);overflow-wrap:anywhere;margin-top:8px}.task-work-note{font-size:9px;line-height:1.7;color:var(--muted);margin-top:8px}.task-work-observations{display:grid;gap:7px;border-top:1px solid var(--line-soft);padding-top:10px;margin-top:10px}.task-work-observations>span{display:flex;justify-content:space-between;gap:9px;font:8px var(--mono);color:var(--muted)}.task-work-observations strong{font-weight:400;color:#c5d8e6;text-align:right}.task-work[data-phase=approval]{border-color:#8e7245;background:rgba(47,36,21,.85)}.task-work[data-phase=approval]>p:first-child{color:var(--gold)}#review-approval-button{font-size:10px;color:var(--gold);border-color:#87704b;background:#3a3023;margin-top:12px;padding:9px}.is-awaiting-approval .thinking-light{background:var(--gold);box-shadow:0 0 8px #ddbd8050;animation:none}.is-awaiting-approval .thinking-indicator{color:var(--gold)}.is-awaiting-approval .execution-panel{border-color:#9e814f}.task-metrics{margin:17px 0 20px}
.service-status[data-state=connected]{color:var(--cyan)}.service-status[data-state=pending]{color:var(--gold)}.service-status[data-state=disconnected]{color:var(--muted)}.cloud-card>summary{display:flex;align-items:center;justify-content:space-between;gap:20px;cursor:pointer;list-style:none}.cloud-card>summary::-webkit-details-marker{display:none}.cloud-card>summary>span:first-child{flex:1;min-width:0}.cloud-card>summary strong{display:block;font-size:13px;font-weight:500}.cloud-card>summary small{display:block;color:var(--muted);font-size:10px;line-height:1.6;margin-top:6px}.cloud-card>summary:after{content:'＋';color:var(--muted)}.cloud-card[open]>summary:after{content:'−'}.cloud-section-body{margin-top:18px;border-top:1px solid var(--line);padding-top:2px}
@media(min-width:991px){.left-column,.right-column{min-height:calc(100vh - 146px)}.right-column{gap:15px}.right-column .hardware-panel{padding-top:15px;padding-bottom:15px}}
@media(max-width:990px){.right-column .hardware-panel{grid-column:2;grid-row:auto}.recents-list{max-height:310px}}
@media(max-width:640px){.recents-panel,.project-panel,.model-panel{grid-column:1/-1}.right-column .hardware-panel{grid-column:1/-1}.recents-list{max-height:320px}.cloud-card>summary{gap:9px}.cloud-card>summary .service-status{max-width:90px;font-size:8px}.task-work-observations{grid-template-columns:1fr 1fr}.task-work-observations>span:last-child{grid-column:1/-1}.model-panel{margin-top:0}}
.conversation-panel{backdrop-filter:none;-webkit-backdrop-filter:none}.conversation-content{background:radial-gradient(ellipse at 50% 37%,rgba(8,14,24,.17),rgba(9,16,27,.06)70%,transparent)}
.right-scroll{display:contents}
@media(min-width:991px){.right-column{height:calc(100vh - 146px);min-height:720px}.right-scroll{display:flex;flex-direction:column;gap:14px;min-height:0;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:#435866 transparent;padding-right:3px;flex:1}.right-scroll>.panel{flex:none}.right-column .hardware-panel{flex:none;margin-top:0}.execution-route{flex-direction:row;gap:7px;justify-content:space-between}.execution-route:before{display:none}.route-step{gap:6px}.route-step p{font-size:9px}.route-step small{font-size:8px;max-width:58px}.execution-panel .panel-heading{margin-bottom:14px}}
.sidebar-toggle{display:none;flex:none}
@media(min-width:991px){.app-shell{max-width:none;width:100%;padding:0 24px}.workspace{--rail-width:clamp(242px,18vw,320px);grid-template-columns:var(--rail-width) minmax(0,1fr) var(--rail-width);gap:22px}.sidebar-toggle{display:grid}.sidebar-collapsed .workspace{grid-template-columns:minmax(0,1fr) var(--rail-width)}.sidebar-collapsed #workspace-sidebar{display:none}.recents-list{max-height:min(42vh,440px)}.recents-panel:has(.recent-item) .recents-list{min-height:150px}}

/* On a phone, the conversation owns the viewport. Existing panels live in drawers. */
.header-tools{display:contents}.mobile-only,.mobile-drawer{display:none}
@media(max-width:800px),(max-width:1100px) and (max-height:600px) and (pointer:coarse){
  html,body{width:100%;height:100%;min-width:0;overflow:hidden;overscroll-behavior:none}
  .app-shell{position:fixed;top:var(--phone-viewport-top,0px);left:0;right:0;width:100%;height:100dvh;height:var(--phone-viewport-height,100dvh);max-width:none;margin:0;padding:env(safe-area-inset-top,0px) max(0px,env(safe-area-inset-right)) 0 max(0px,env(safe-area-inset-left));display:flex;flex-direction:column;overflow:hidden}
  .masthead{height:58px;min-height:58px;flex:none;display:flex;flex-wrap:nowrap;gap:6px;padding:6px 10px;border-bottom:1px solid var(--line-soft);background:rgba(9,16,25,.94)}
  .masthead .brand{min-width:0;margin:0 auto 0 0;gap:7px}.brand-mark{display:none}.brand strong{font-size:18px;white-space:nowrap}.brand small,.masthead .engine-status{display:none}
  .masthead .sidebar-toggle{display:grid;width:44px;height:44px;border:0;background:transparent}.masthead .header-status{margin:0;flex:none}.network-toggle{min-height:44px;min-width:48px;max-width:94px;font-size:10px!important;padding:7px!important;gap:5px!important;border-color:transparent;background:transparent}.network-toggle .status-dot,.network-toggle .switch-track{display:none}
  .mobile-details-toggle{display:flex;align-items:center;justify-content:center;gap:5px;flex:none;min-height:44px;min-width:64px;padding:8px;border:1px solid var(--line);border-radius:9px;background:#17232c;font-size:11px;color:#bfdbd9}.mobile-details-toggle>span{min-width:17px;padding:1px 4px;border-radius:5px;background:#664f27;color:#fff0c8;font:11px var(--mono)}.mobile-details-toggle.needs-approval{border-color:#bb9250;color:var(--gold);background:#302719}
  .statusbar{display:none}.workspace,.sidebar-collapsed .workspace{display:flex;flex-direction:column;flex:1;min-height:0;width:100%;gap:0;overflow:hidden}.workspace>.left-column,.workspace>.right-column{display:none}
  .conversation-panel,.phone-mode .conversation-panel{order:0;flex:1;width:100%;height:auto;min-height:0;max-height:none;border:0;border-radius:0;box-shadow:none;padding-bottom:max(6px,env(safe-area-inset-bottom));overflow:hidden;background:linear-gradient(120deg,rgba(11,22,33,.8),rgba(19,17,32,.82))}
  .conversation-heading{flex:none;min-height:43px;padding:7px 14px;gap:8px}.conversation-location{width:100%;gap:8px}.conversation-location>div{width:100%}.folder-icon{display:none}.conversation-heading h1{font-size:12px}.conversation-heading p,.phone-mode .conversation-heading p{font-size:10px;max-width:100%;margin-top:2px}.conversation-heading .task-badge{display:none}
  .mobile-task-button{display:flex;flex:none;align-items:center;justify-content:space-between;gap:10px;margin:6px 10px 0;padding:9px 12px;min-height:44px;max-height:70px;overflow:hidden;border:1px solid #395c61;border-radius:9px;background:rgba(21,42,49,.94);color:#bce3df;text-align:left;font-size:12px}.mobile-task-button>span:first-child{overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow-wrap:anywhere}.mobile-task-button>span:last-child{font-size:22px}.mobile-task-button.needs-approval{border-color:#ad8748;background:#332b1c;color:#f2d39d}
  .work-focus{height:65px;padding:3px 0 0}.work-focus-hub{width:45px;height:45px}.work-focus-hub svg{width:34px;height:34px}.hub-ring-two{inset:6px}.work-focus p{font-size:7px;margin-top:3px}.phone-keyboard-open .work-focus{display:none}
  .task-recovery-notice{margin:7px 10px 0;max-height:80px;overflow:auto;padding:9px;font-size:11px}
  .conversation-content{flex:1;min-height:0;width:100%;padding:14px 12px 18px;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-gutter:auto;-webkit-overflow-scrolling:touch;scroll-padding-bottom:12px}
  .welcome{height:auto;min-height:100%;justify-content:center;padding:10px 3px 14px;gap:0}.welcome-emblem{width:60px;height:56px;margin-bottom:9px}.welcome-emblem>svg{width:33px;height:33px}.emblem-ring{width:43px;height:43px;border-radius:14px}.ring-two{width:51px;height:51px}.emblem-spark{top:7px;right:5px}.welcome .eyebrow{font-size:7px;letter-spacing:1.1px}.welcome h2{font-size:26px;letter-spacing:-.7px;line-height:1.2;margin:9px 0}.welcome-copy{font-size:12px;line-height:1.6;max-width:310px}.welcome-copy br{display:none}
  .starter-prompts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:100%;max-width:430px;margin-top:18px}.starter{min-width:0;min-height:64px;padding:10px;gap:7px}.starter-icon{width:18px;font-size:19px;flex:none}.starter>span:nth-child(2){min-width:0}.starter strong{font-size:12px;line-height:1.4}.starter small,.starter>span:last-child{display:none}
  .messages{width:100%;min-width:0;gap:22px}.message,.message-body{max-width:100%;min-width:0}.message-body,.compact .message-body{font-size:14px;line-height:1.7;overflow-wrap:anywhere}.message.assistant .message-body,.message.user .message-body{padding:12px}.message-meta{font-size:10px;margin-bottom:8px}.message-body pre,.message-body table{max-width:100%;overflow-x:auto;overscroll-behavior-x:contain}.message-body table{display:block}.code-block{max-width:100%;min-width:0}.code-block pre{font-size:12px;padding:12px;white-space:pre;overflow-wrap:normal;word-break:normal}.code-header{min-width:0}.code-header button{min-height:44px;padding:8px}.message-body img{max-width:100%;height:auto}.remember-message{font-size:11px;min-height:44px;padding:6px}
  .thinking-indicator{font-size:11px;padding-top:15px;overflow-wrap:anywhere}.thinking-indicator>span:last-child{min-width:0}
  .composer{flex:none;max-height:48%;max-height:min(48%,330px);overflow-y:auto;overscroll-behavior:contain;margin:0 10px;border-radius:16px;background:rgba(25,39,54,.98);backdrop-filter:none;-webkit-backdrop-filter:none}.composer textarea{min-height:58px;height:66px;max-height:130px;resize:none;padding:12px 13px 5px;font-size:16px;line-height:1.5}.composer .attach-images-button{display:inline-flex;align-items:center;margin:0 5px 0 8px;padding:6px;min-height:44px;font-size:12px}.attach-images-button span{display:none}.composer-toolbar{min-height:52px;padding:0 9px 8px;gap:6px}.composer-context{font-size:9px;flex:1;min-width:0}.composer-context>span:last-child{max-width:100%;overflow:hidden;text-overflow:ellipsis}.composer-actions{gap:5px;flex:none}.composer .primary-button,.composer .dictation-button{min-height:44px;padding:9px 12px;font-size:12px}.dictation-button{min-width:44px}.dictation-button svg{width:18px;height:18px}.dictation-button span{display:none}.composer-footnote,.phone-mode .composer-footnote{flex:none;min-height:32px;padding:0 13px;flex-wrap:nowrap;justify-content:flex-end}.composer-footnote #composer-hint,.composer-footnote>span:last-child,.phone-mode .composer-footnote>span:first-child{display:none}#remember-button{min-height:32px;font-size:10px;padding:5px 8px}
  .attachment-tray{display:flex;flex-wrap:nowrap;overflow-x:auto;gap:7px;padding:0 10px 7px}.attachment-card{min-width:210px;max-width:260px;flex:none}.attachment-card>.icon-button{width:44px;height:44px}.attachment-preview{width:44px;height:44px}.attachment-description strong{font-size:10px}.attachment-note{font-size:10px}.attachment-note button{min-height:44px;font-size:12px}.composer .inline-error{max-height:110px;overflow-y:auto;font-size:12px;padding:5px 12px 10px}.dictation-bar{gap:6px;font-size:11px}.dictation-bar button{font-size:12px;min-height:44px}.enable-online-button{min-height:44px;font-size:12px}
  .connection-banner{flex:none;margin:5px 9px 0;padding:7px 10px;gap:8px;max-height:106px;min-height:44px;align-items:center;font-size:11px;line-height:1.5}.connection-banner>span{min-width:0;max-height:86px;overflow:auto;overflow-wrap:anywhere}.connection-banner button{min-height:44px;flex:none;font-size:12px}
  .mobile-drawer[open]{position:fixed;top:var(--phone-viewport-top,0px);bottom:auto;left:0;right:auto;margin:0;display:flex;flex-direction:column;width:min(370px,calc(100% - 28px));max-width:calc(100% - 28px);height:100dvh;height:var(--phone-viewport-height,100dvh);max-height:none;padding:env(safe-area-inset-top,0px) 0 env(safe-area-inset-bottom,0px);overflow:hidden;border:1px solid #3a5362;border-left:0;border-radius:0 18px 18px 0;background:#0f1926;color:var(--text);box-shadow:12px 0 60px #0009}
  .mobile-drawer-right[open]{left:auto;right:0;border-left:1px solid #3a5362;border-right:0;border-radius:18px 0 0 18px;box-shadow:-12px 0 60px #0009}.mobile-drawer::backdrop{background:rgba(0,5,12,.7);backdrop-filter:blur(3px)}.mobile-drawer-heading{flex:none;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 13px;border-bottom:1px solid var(--line)}.mobile-drawer-heading h2{font-size:15px;font-weight:550}.mobile-drawer-heading .icon-button{width:44px;height:44px}.mobile-drawer-content{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;padding:12px;-webkit-overflow-scrolling:touch}
  .mobile-drawer .left-column,.mobile-drawer .right-column,.sidebar-collapsed .mobile-drawer #workspace-sidebar{display:flex;flex-direction:column;width:100%;height:auto;min-height:0;gap:12px}.mobile-drawer .right-scroll{display:contents}.mobile-drawer .panel{flex:none;padding:15px;grid-column:auto;grid-row:auto}.mobile-drawer .model-panel,.mobile-drawer .hardware-panel{margin:0}.mobile-drawer .local-footnote{display:flex;margin:4px 0}.mobile-drawer .project-list{display:flex;flex-direction:column;max-height:270px}.mobile-drawer .project-item{width:100%;min-height:48px;padding:10px}.mobile-drawer .project-item strong{font-size:13px}.mobile-drawer .project-item small{font-size:10px}.mobile-drawer .recents-list{max-height:none}.mobile-drawer .recent-open{min-height:44px}.mobile-drawer .recent-open strong{font-size:13px}.mobile-drawer .recent-controls{display:flex;gap:8px}.mobile-drawer .recent-controls button{min-width:44px;min-height:44px;font-size:12px}.mobile-drawer .recents-note{font-size:11px}.mobile-drawer .panel-heading h2{font-size:13px}.mobile-drawer .model-name{font-size:13px}.mobile-drawer .model-state,.mobile-drawer .control-note,.mobile-drawer .panel-note{font-size:11px}.mobile-drawer .model-controls label{font-size:12px}.mobile-drawer .model-details,.mobile-drawer .model-details strong{font-size:11px}.mobile-drawer .secondary-button,.mobile-drawer .primary-button,.mobile-drawer .text-button,.mobile-drawer .mode-switch button,.mobile-drawer #new-conversation-button{min-height:44px;font-size:13px}.mobile-drawer .permission-actions{flex-direction:row;flex-wrap:wrap}.mobile-drawer .permission-actions button{flex:1}.mobile-drawer .permission-diff,.mobile-drawer pre{max-width:100%;overflow:auto}.mobile-drawer .task-work-observations{grid-template-columns:1fr}.mobile-drawer .task-work-note,.mobile-drawer .task-work-target{font-size:11px}.mobile-drawer .task-work-observations>span{font-size:10px}.mobile-drawer .task-status-row{flex-direction:column;align-items:flex-start}.mobile-drawer .hardware-title h3{font-size:12px}.mobile-drawer .meter-heading,.mobile-drawer .meter-heading strong{font-size:11px}
  #mobile-tools-slot{margin-top:15px;padding-top:12px;border-top:1px solid var(--line)}#mobile-tools-slot .header-tools{display:grid;grid-template-columns:1fr 1fr;gap:8px}#mobile-tools-slot button{min-height:44px;width:100%;padding:10px;font-size:12px;border:1px solid var(--line);border-radius:8px;background:#1b2938}#mobile-tools-slot #settings-button{font-size:18px}
  .modal[open]{position:fixed;top:calc(var(--phone-viewport-top,0px) + 10px + env(safe-area-inset-top,0px));left:10px;right:auto;bottom:auto;margin:0;width:calc(100% - 20px);max-width:calc(100% - 20px);max-height:calc(var(--phone-viewport-height,100dvh) - 20px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));padding:18px;overflow:auto;overscroll-behavior:contain;border-radius:16px}.modal-heading{gap:10px}.modal-heading h2{font-size:21px}.modal .icon-button{width:44px;height:44px}.modal .secondary-button,.modal .primary-button,.modal .text-button{min-height:44px;font-size:12px}.modal label{font-size:13px}.modal-copy,.input-note{font-size:12px}.modal-actions{flex-wrap:wrap}.connection-grid{grid-template-columns:1fr}.cloud-card{grid-column:auto}.modal .service-heading{flex-wrap:wrap}.modal .path-field{flex-wrap:wrap}.modal .path-field input{min-width:0;flex-basis:100%}.studio-controls{flex-wrap:wrap}.studio-controls>div{min-width:0;flex-basis:100%}.studio-gallery{grid-template-columns:1fr}.image-preview-modal>img{max-height:65dvh}
  input,select,textarea,.modal input:not([type=checkbox]),.modal select,.modal textarea,.model-controls select,.studio-modal textarea{font-size:16px!important;max-width:100%}.model-controls select,.modal select{min-height:44px}.toggle-input{width:44px;height:28px}.toggle-input:before{top:7px;left:6px}.toggle-input:checked:before{left:25px}.toast{bottom:calc(12px + env(safe-area-inset-bottom));max-width:calc(100% - 24px);font-size:12px}
}
@media(max-width:380px){.masthead{gap:3px;padding-left:5px;padding-right:5px}.brand strong{font-size:16px}.brand strong>span{font-size:14px}.mobile-details-toggle{min-width:60px;padding:6px;font-size:10px}.composer-context .status-dot{display:none}.composer-context{font-size:8px}.welcome h2{font-size:23px}.starter{padding:9px 7px;gap:5px}.starter strong{font-size:11px}.boost-controls{grid-template-columns:1fr}.boost-controls>div{grid-column:1/-1}}
@media(max-width:800px),(max-width:1100px) and (max-height:600px) and (pointer:coarse){
  .composer{display:grid;grid-template-columns:minmax(0,1fr) auto}.composer textarea{grid-area:1 / 1 / 2 / -1}.composer .attachment-tray{grid-area:2 / 1 / 3 / -1;max-height:76px}.composer .attachment-note{grid-area:3 / 1 / 4 / -1}.composer .attach-images-button{grid-area:4 / 1 / 5 / 2;min-width:0;justify-content:flex-start;white-space:nowrap}.composer-toolbar{grid-area:4 / 2 / 5 / 3;padding-left:0}.composer-context{display:none}.composer .dictation-bar{grid-area:5 / 1 / 6 / -1}.composer .inline-error{grid-area:6 / 1 / 7 / -1}.composer .enable-online-button{grid-area:7 / 1 / 8 / -1}
  .phone-keyboard-open .composer-footnote{display:none}.phone-keyboard-open .composer textarea{min-height:48px;height:48px}.phone-keyboard-open .conversation-heading p{display:none}
  .phone-keyboard-open .conversation-panel>.horse-conversation{display:none!important}
  .conversation-panel{position:relative}
  .conversation-panel>.horse-conversation{left:auto;right:10px;bottom:auto;top:10px;width:56px;z-index:4}
  .conversation-panel>.horse-conversation .horse-avatar-button{width:56px;flex-basis:56px}
  .conversation-panel>.horse-conversation .horse-avatar-label,.conversation-panel>.horse-conversation .horse-avatar-availability,.conversation-panel>.horse-conversation #horse-voice-availability{display:none}
  .conversation-panel>.horse-conversation .horse-avatar-bubble{position:fixed;left:10px;right:10px;bottom:132px;max-width:none;max-height:84px;font-size:12px}
}
@media(max-width:800px) and (max-height:500px),(max-width:1100px) and (max-height:500px) and (pointer:coarse){.conversation-heading{min-height:32px;padding:5px 12px}.conversation-heading p,.work-focus,.composer-footnote,.phone-mode .composer-footnote{display:none}.composer textarea{min-height:48px;height:48px}.composer{max-height:62%}.welcome-emblem{display:none}.welcome h2{font-size:22px}.welcome-copy{display:none}.starter-prompts{margin-top:10px}.starter{min-height:48px}}

/* Conversation-first navigation; model configuration is an explicit Settings surface. */
.left-column{gap:0;padding:12px;border:1px solid rgba(127,162,188,.28);border-radius:14px;background:linear-gradient(155deg,rgba(16,29,40,.86),rgba(12,17,30,.85));box-shadow:inset 0 1px 0 #c9edff0a,0 18px 45px #0003;overflow:hidden}
.feature-nav{display:flex;flex-direction:column;gap:3px;flex:none;padding:0 0 12px;border-bottom:1px solid var(--line-soft)}.feature-nav .mode-switch{display:contents}.feature-nav button{display:flex;align-items:center;gap:10px;width:100%;min-height:37px;padding:8px 11px;border:1px solid transparent;border-radius:8px;background:none;color:#b6c6d8;text-align:left;font:12px var(--sans)}.feature-nav button>span{width:20px;text-align:center;font:20px var(--mono);color:#8facc3;flex:none}.feature-nav button:hover{background:#203342;border-color:#3e5765}.feature-nav button[aria-pressed=true]{background:linear-gradient(100deg,#1d3a3c,#1b2a37);border-color:#385d61;color:var(--cyan)}.feature-nav button[aria-pressed=true]>span{color:var(--cyan)}.feature-nav #home-nav[aria-current=page]{color:#d2e5ef}.feature-nav #studio-button>span{color:var(--violet)}
.sidebar-content{min-height:0;flex:1;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#435866 transparent;padding-right:2px}.sidebar-content>.panel{padding:13px 0;background:none;border:0;border-radius:0;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}.sidebar-content .project-panel{border-top:1px solid var(--line-soft);padding-top:17px}.sidebar-content .recents-list{max-height:none}.sidebar-content .recents-panel:has(.recent-item) .recents-list{min-height:0}.sidebar-content .project-list{max-height:210px}.sidebar-content .recents-note{font-size:9px;margin:0 0 10px}.sidebar-content .recent-item{background:rgba(18,31,44,.63);border-color:transparent;padding:9px}.sidebar-content .recent-item:hover{border-color:#3b5763}.sidebar-content .recent-open strong{font-size:12px}.sidebar-content .recent-controls{margin-top:4px;opacity:.65}.sidebar-content .recent-item:hover .recent-controls,.sidebar-content .recent-item:focus-within .recent-controls{opacity:1}.sidebar-content .project-actions{gap:5px}.sidebar-content .project-actions button{padding:8px;font-size:10px}
.recent-search{display:block;width:100%;min-width:0;margin-top:11px;border:1px solid #304655;border-radius:8px;padding:9px 10px;background:#0b1622;color:var(--text);font-size:11px;line-height:1.5}.recent-search::placeholder{color:#8c9fb5}.sidebar-footer{margin-top:auto;flex:none;padding-top:12px;border-top:1px solid var(--line-soft)}.sidebar-footer .header-tools{display:grid;grid-template-columns:1fr 1fr;gap:5px}.sidebar-footer button,.sidebar-utility{display:flex;align-items:center;justify-content:flex-start;gap:7px;min-height:35px;width:100%;padding:7px 9px;border:1px solid transparent;border-radius:7px;background:none;color:#a8bfce;font-size:11px;white-space:nowrap}.sidebar-footer button:hover{background:#203342;color:var(--text);text-decoration:none}.sidebar-footer .local-footnote{padding:9px 5px 0;font-size:9px;gap:7px}.sidebar-footer .local-footnote svg{width:16px;height:18px}.sidebar-footer .local-footnote strong{font-size:8px}.sidebar-footer #settings-button{border-color:#3b535d;background:#1b2e38;color:#d2e4e9}.sidebar-utility svg{width:17px;height:17px}
.model-settings-button{display:flex;align-items:center;gap:8px;flex:none;max-width:190px;min-height:36px;padding:8px 10px;border:1px solid #3d525f;border-radius:8px;background:rgba(25,43,55,.9);color:#c1d9df;font:10px var(--mono)}.model-settings-button>span:first-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.model-settings-button>span:last-child{color:var(--cyan)}.conversation-location{flex:1;min-width:0}.settings-modal{width:min(600px,calc(100% - 36px))}.settings-model .model-panel{margin:0;padding:18px}.settings-model .panel-heading h2{font-size:14px}.settings-model .model-name{font-size:13px}.settings-model .model-state,.settings-model .control-note{font-size:11px}.settings-model .model-controls{display:block;margin:15px 0}.settings-model .model-controls label{font-size:11px;margin-bottom:7px}.settings-model .model-controls select{padding:10px;font-size:13px;min-height:42px}.settings-model .model-controls .control-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:14px 0}.settings-model .model-details,.settings-model .model-details strong{font-size:10px}.settings-model .boost-entry{min-height:42px;font-size:12px;margin-top:15px}
.brand-mark.has-mascot{width:65px;height:65px;background:none;border:0;box-shadow:none;border-radius:0}.brand-mark.has-mascot>svg,.welcome-emblem.has-mascot>svg,.welcome-emblem.has-mascot>.emblem-ring,.welcome-emblem.has-mascot>.emblem-spark{display:none}.brand-mark>img{display:block;width:100%;height:100%;object-fit:contain}.welcome-emblem.has-mascot{width:170px;height:165px;margin-bottom:14px;filter:drop-shadow(0 5px 20px #090a18aa)}.welcome-emblem>img{width:100%;height:100%;object-fit:contain}
.work-focus-hub.has-mascot>svg{display:none}.work-focus-hub>img{position:relative;z-index:1;width:66px;height:66px;object-fit:contain;filter:drop-shadow(0 0 7px #7de9df55)}.is-running .work-focus-hub>img{filter:drop-shadow(0 0 10px #7de9df99)}
.work-focus p{text-transform:none}
@media(min-width:991px){.left-column{height:calc(100vh - 146px);min-height:720px}.header-status{margin-left:auto}.conversation-heading .task-badge{font-size:6px;max-width:130px;overflow:hidden;text-overflow:ellipsis}}
@media(min-width:801px) and (max-width:990px){.left-column{height:760px}}
@media(max-width:800px),(max-width:1100px) and (max-height:600px) and (pointer:coarse){
  .mobile-drawer-content:has(#mobile-workspace-slot){display:flex;flex-direction:column;overflow:hidden;padding:12px}.mobile-drawer #mobile-workspace-slot{flex:1;min-height:0;overflow:hidden}.mobile-drawer .left-column,.sidebar-collapsed .mobile-drawer #workspace-sidebar{height:100%;min-height:0;padding:0;gap:0;border:0;border-radius:0;background:none;box-shadow:none;overflow:hidden}.mobile-drawer .feature-nav{padding-bottom:9px;gap:2px}.mobile-drawer .feature-nav button,.mobile-drawer .feature-nav .mode-switch button{min-height:44px;padding:9px 11px;font-size:14px}.mobile-drawer .sidebar-content{flex:1;min-height:0;overflow:auto;padding-right:2px}.mobile-drawer .sidebar-content>.panel{padding:12px 0;background:none;box-shadow:none;border-radius:0;border:0}.mobile-drawer .sidebar-content>.project-panel{border-top:1px solid var(--line-soft);padding-top:16px}.mobile-drawer .sidebar-content .recents-list{max-height:none}.mobile-drawer .sidebar-footer{display:none}.mobile-drawer .recent-search{min-height:44px}.mobile-drawer .recent-controls{opacity:1}.mobile-drawer #mobile-tools-slot{flex:none;margin-top:9px;padding-top:9px}.mobile-drawer #mobile-tools-slot .header-tools{gap:5px}.mobile-drawer #mobile-tools-slot button{padding:8px;font-size:12px;min-height:44px}.mobile-drawer #mobile-tools-slot #settings-button{font-size:12px;justify-content:center}.mobile-drawer .recents-note{font-size:10px}.mobile-drawer .project-actions button{font-size:12px}.mobile-drawer .sidebar-content .project-list{max-height:none}
  .model-settings-button{max-width:133px;min-height:44px;font-size:10px;padding:8px;gap:5px}.conversation-heading{min-height:52px;padding:4px 10px}.conversation-location{min-width:0;width:auto;flex:1}.conversation-location>div{width:100%;min-width:0}.conversation-heading h1{font-size:11px}.conversation-heading p{font-size:9px}.masthead .brand-mark.has-mascot{display:block;width:39px;height:41px;flex:none}.masthead .brand{gap:5px}.masthead .brand strong{font-size:18px}.brand small{display:none}.welcome-emblem.has-mascot{width:105px;height:102px;margin-bottom:9px}.settings-model .model-panel{padding:14px}.settings-model .model-controls .control-pair{gap:9px}.settings-model .model-details{flex-wrap:wrap}.settings-model .model-details strong{font-size:11px}
}
@media(max-width:380px){.masthead .brand-mark.has-mascot{width:32px;height:36px}.masthead .brand strong{font-size:16px}.model-settings-button{max-width:116px}.mobile-drawer .feature-nav button,.mobile-drawer .feature-nav .mode-switch button{font-size:13px}}
@media(max-width:800px),(max-width:1100px) and (max-height:600px) and (pointer:coarse){.work-focus-hub>img{width:41px;height:41px}}
@media(max-width:800px) and (max-height:500px),(max-width:1100px) and (max-height:500px) and (pointer:coarse){.mobile-drawer .feature-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:3px}.mobile-drawer .feature-nav button,.mobile-drawer .feature-nav .mode-switch button{min-height:44px;font-size:11px;padding:7px;gap:4px}.mobile-drawer .feature-nav button>span{width:16px;font-size:17px}.mobile-drawer #mobile-tools-slot .header-tools{grid-template-columns:repeat(2,minmax(0,1fr))}.welcome-emblem.has-mascot{display:none}.conversation-heading{min-height:44px}.conversation-heading p{display:none}}

/* Activity art is decorative and only lights up for an observed running coding task. */
.mascot-effects{position:absolute;inset:0;z-index:2;pointer-events:none;visibility:hidden}
.is-mecha-active .work-focus-hub.has-mascot .mascot-effects{visibility:visible}
.mascot-eye,.mascot-beam{position:absolute;display:block;pointer-events:none}
.mascot-eye{top:32%;width:7%;height:7%;border-radius:50%;background:#fff;box-shadow:0 0 4px 2px #d5ffff,0 0 12px 5px #49eaff,0 0 23px 8px #ae5cff;animation:mascot-eye-power 1.4s ease-in-out infinite alternate}
.mascot-eye-left{left:39%}.mascot-eye-right{left:53%;animation-delay:.32s}
.mascot-beam{top:35%;height:3px;width:min(42vw,600px);border-radius:50%;transform-origin:0 50%;background:linear-gradient(90deg,#fff,#75fcff 12%,#ac7fff 58%,transparent);box-shadow:0 0 9px #6ffaff,0 0 20px #9b6eff;opacity:0}
.mascot-beam-left{left:42%;animation:mascot-laser-left 2.7s ease-in-out infinite}
.mascot-beam-right{left:56%;animation:mascot-laser-right 3.4s ease-in-out infinite;animation-delay:.9s}
@keyframes mascot-eye-power{from{opacity:.55;filter:hue-rotate(0deg)}to{opacity:1;filter:hue-rotate(40deg)}}
@keyframes mascot-laser-left{0%,25%,100%{opacity:0;transform:rotate(-165deg) scaleX(.15)}38%,56%{opacity:.85;transform:rotate(-168deg) scaleX(1)}70%{opacity:0;transform:rotate(-153deg) scaleX(.4)}}
@keyframes mascot-laser-right{0%,35%,100%{opacity:0;transform:rotate(-15deg) scaleX(.15)}46%,65%{opacity:.8;transform:rotate(-21deg) scaleX(1)}78%{opacity:0;transform:rotate(5deg) scaleX(.4)}}
body.no-motion .mascot-effects{visibility:hidden!important}
@media(prefers-reduced-motion:reduce){.mascot-effects{visibility:hidden!important}}
@media(max-width:800px),(max-width:1100px) and (max-height:600px) and (pointer:coarse){.masthead .brand-mark{display:grid;flex:none}}
#welcome-symbol-setting{min-width:108px;min-height:38px;padding:7px 10px;border:1px solid #405464;border-radius:8px;background:#14212e;color:#dcebf2;font:12px var(--sans)}
.work-focus-hub{pointer-events:auto;border:0;cursor:pointer;padding:0;color:inherit}
.work-focus-hub:disabled{cursor:default}
.work-focus-hub:focus-visible{outline:2px solid #9cfff6;outline-offset:3px}
.is-mecha-active .work-focus-hub.laser-burst .mascot-beam-left{animation:mascot-burst-left 1.8s ease-out both}
.is-mecha-active .work-focus-hub.laser-burst .mascot-beam-right{animation:mascot-burst-right 1.8s ease-out both}
@keyframes mascot-burst-left{0%{opacity:1;transform:rotate(-165deg) scaleX(.1)}30%{opacity:1;transform:rotate(-145deg) scaleX(1)}65%{opacity:.9;transform:rotate(-190deg) scaleX(1)}100%{opacity:0;transform:rotate(-175deg) scaleX(.2)}}
@keyframes mascot-burst-right{0%{opacity:1;transform:rotate(-15deg) scaleX(.1)}30%{opacity:1;transform:rotate(10deg) scaleX(1)}65%{opacity:.9;transform:rotate(-38deg) scaleX(1)}100%{opacity:0;transform:rotate(-10deg) scaleX(.2)}}
/* Eye positions are aligned to the mecha portrait within the activity hub. */
.mascot-eye-left{left:46.5%;top:28%}.mascot-eye-right{left:58.5%;top:30%}
.mascot-beam-left{left:50%;top:31.5%}.mascot-beam-right{left:62%;top:33.5%}
.agent-activity{margin:0 0 14px;padding:10px;border:1px solid #304651;border-radius:8px;background:#11222d80}.agent-activity strong{display:block;font-size:10px;color:#c9e3e7}.agent-activity p{font-size:10px;line-height:1.55;color:#a6bac8;margin-top:5px}.agent-activity p:last-child{color:#8294a5;font-size:9px}
/* Attachment options remain compact and touch-friendly on phones. */
.attachment-picker{position:relative;align-self:flex-start}.attachment-menu{position:absolute;bottom:100%;left:0;z-index:20;min-width:180px;padding:6px;border:1px solid #39505b;border-radius:10px;background:#101c28;box-shadow:0 8px 25px #0009}.attachment-menu[hidden]{display:none}.attachment-menu button{display:block;width:100%;min-height:44px;text-align:left;padding:8px 12px;color:#e6f5f5;background:transparent;border:0;border-radius:6px;cursor:pointer}.attachment-menu button:hover,.attachment-menu button:focus-visible{background:#203b43}.message-file{display:inline-block;color:#a9d8d6;font-size:12px;padding:6px 8px;border:1px solid #39505b;border-radius:6px}
/* Voice and local memory keep the existing compact composer layout. */
.voice-session-bar { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:8px 12px; font-size:12px; color:var(--text-muted, #b9c4d3); }
.voice-session-bar[hidden] { display:none; }
.notes-preview { white-space:pre-wrap; overflow-wrap:anywhere; max-height:220px; overflow:auto; font:inherit; font-size:12px; padding:10px; }
.local-notes-modal textarea { width:100%; resize:vertical; }
/* Conversation continuity and gateway details follow the existing compact UI. */
#auto-refresh-banner{margin:8px 20px;padding:10px 14px;border:1px solid var(--border,#334155);border-radius:10px;font-size:13px}
#auto-refresh-banner a{margin-left:12px;color:inherit;text-decoration:underline}
#auto-refresh-settings,.gateway-settings{padding:16px 0;border-top:1px solid var(--border,#334155)}
.reply-routing{font-size:11px;opacity:.8;margin-left:auto}
.spending-indicator{flex:none;display:grid;gap:4px;min-width:0;margin:8px 0;padding:10px 12px;border:1px solid #405362;border-radius:9px;background:#14212c;color:#c6d4df;overflow-wrap:anywhere}
.spending-heading{font:10px var(--mono);letter-spacing:.7px;text-transform:uppercase;color:#9bb0c1}
.spending-indicator strong{font-size:13px;line-height:1.4}.spending-indicator>span:last-child{font-size:11px;line-height:1.45}
.spending-indicator[data-state=paid]{border-color:#b88942;background:#2b241a}.spending-indicator[data-state=paid] strong{color:#ffd88f}
.spending-indicator[data-state=free]{border-color:#477269}.spending-indicator[data-state=free] strong{color:#b7e5d5}
.mobile-drawer .spending-indicator{margin:8px 0;padding:9px 11px}
#auto-refresh-settings p{line-height:1.5;white-space:pre-wrap}
.browser-live-panel{position:fixed;z-index:60;top:84px;right:18px;bottom:24px;width:min(720px,calc(100vw - 36px));display:flex;flex-direction:column;gap:12px;padding:16px;background:#151b24;border:1px solid #3b4657;border-radius:14px;box-shadow:0 16px 48px #000a}.browser-live-panel[hidden]{display:none}.browser-live-heading,.browser-live-actions{display:flex;align-items:center;justify-content:space-between;gap:10px}.browser-live-heading h2{font-size:16px}.browser-live-heading p,.browser-live-actions span{font-size:12px;color:#a3afba}.browser-live-viewport{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;overflow:auto;background:#0b1016;border:1px solid #303c4a;border-radius:8px}.browser-live-viewport p{padding:20px;text-align:center;color:#a3afba}.browser-live-viewport img{display:block;max-width:100%;max-height:100%;object-fit:contain}.browser-live-viewport img[hidden]{display:none}.browser-live-actions{justify-content:flex-start;flex-wrap:wrap}@media(max-width:700px){.browser-live-panel{top:68px;right:8px;bottom:8px;width:calc(100vw - 16px)}}
.work-focus .horse-avatar-button{pointer-events:auto}
/* Gemini-style live dictation bar (3 Nov 2026): + left, live waveform middle, Stop (■) and Send (↑) right */
.composer.is-dictating .composer-context,.composer.is-dictating .composer-actions,.composer.is-dictating .dictation-bar{display:none!important}
.composer.is-dictating.dictating-empty textarea{display:none!important}
.composer.is-dictating .composer-toolbar{display:flex!important;align-items:center;gap:4px}
.dictation-live{display:flex;align-items:center;gap:4px;flex:1 1 auto;min-width:0;height:32px}
.dictation-live[hidden]{display:none!important}
.dictation-wave-box{position:relative;flex:1 1 auto;min-width:0;height:28px;margin:0 6px 0 4px}
.dictation-wave{display:block;width:100%;height:100%}
.dictation-live-note{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);padding:3px 9px;border-radius:10px;background:rgba(14,22,32,.94);white-space:nowrap;font:12px/1 system-ui,-apple-system,"Segoe UI",sans-serif;color:#cfe3ee;pointer-events:none;text-shadow:0 0 6px rgba(10,16,24,.9)}
.dictation-live-note:empty{display:none}
.dictation-live-btn{flex:none;width:32px;height:32px;min-width:32px;padding:0;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(205,225,240,.16);background:rgba(255,255,255,.08);color:#eef6fb;cursor:pointer;transition:background .15s,opacity .15s}
.dictation-live-btn:hover{background:rgba(255,255,255,.14)}
.dictation-live-btn svg{width:16px;height:16px}.dictation-live-btn:not(.is-send) svg rect{fill:currentColor!important;stroke:none!important}
.dictation-live-btn.is-send{border:0;background:linear-gradient(135deg,#7de9df,#bc9cf7);color:#0d1622}
.dictation-live-btn.is-send svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.dictation-live-btn:disabled{opacity:.45;cursor:default}
.dictation-live-btn.is-busy{opacity:1;position:relative}
.dictation-live-btn.is-busy svg{opacity:0}
.dictation-live-btn.is-busy::after{content:"";position:absolute;width:14px;height:14px;border-radius:50%;border:2px solid currentColor;border-right-color:transparent;animation:anyki-dict-spin .8s linear infinite}
@keyframes anyki-dict-spin{to{transform:rotate(360deg)}}
/* 4 Nov: reply extras at ChatGPT density - tables, file chips, action chips, Auto label. Own colours kept. */
.message-body .ak-table-wrap{max-width:100%;overflow-x:auto;margin:6px 0 8px;border:1px solid rgba(255,255,255,.1);border-radius:10px}
.message-body .ak-table{border-collapse:collapse;font-size:12.5px;line-height:1.35;width:100%;font-variant-numeric:tabular-nums}
.message-body .ak-table th,.message-body .ak-table td{padding:4px 8px;border-bottom:1px solid rgba(255,255,255,.07);text-align:left;white-space:nowrap}
.message-body .ak-table th{font-weight:600;font-size:11.5px;color:rgba(255,255,255,.7);background:rgba(255,255,255,.04)}
.message-body .ak-table tr:last-child td{border-bottom:0}
.message-body a.ak-link{color:#7de9df;text-decoration:underline;text-underline-offset:2px}
.message-body a.ak-file{display:inline-flex;align-items:center;gap:6px;margin:2px 4px 2px 0;padding:4px 9px 4px 5px;border-radius:9px;
  border:1px solid rgba(125,233,223,.28);background:rgba(125,233,223,.07);color:inherit;text-decoration:none;font-size:13px;line-height:1.2;max-width:100%}
.message-body a.ak-file:hover{background:rgba(125,233,223,.14)}
.message-body .ak-file-ext{font-size:9.5px;font-weight:700;letter-spacing:.03em;padding:2px 4px;border-radius:5px;background:linear-gradient(135deg,#7de9df,#bc9cf7);color:#0b1020}
.message-body .ak-file-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.message-body .ak-actions{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:6px 0}
.message-body .ak-action{font:inherit;font-size:13px;line-height:1.2;padding:5px 11px;border-radius:999px;border:1px solid rgba(255,255,255,.18);
  background:rgba(255,255,255,.06);color:inherit;cursor:pointer;min-height:0}
.message-body .ak-action:hover{background:rgba(255,255,255,.12)}
.message-body .ak-action:disabled{opacity:.55;cursor:default}
.message-body .ak-action.is-primary{border-color:transparent;background:linear-gradient(135deg,#7de9df,#bc9cf7);color:#0b1020;font-weight:600}
.message-body .ak-action.is-squad{border-color:rgba(188,156,247,.45)}
.message-body .ak-paid{font-size:12px;color:rgba(255,255,255,.72)}
.message-body .ak-action.is-paid{border-color:rgba(188,156,247,.5);font-size:12px;padding:4px 10px}
.ak-auto-pick{display:inline-block;font-size:11px;line-height:1.2;padding:1px 7px;border-radius:999px;border:1px solid rgba(125,233,223,.3);color:#7de9df;margin-left:6px;vertical-align:middle;white-space:nowrap}
.message-body .ak-range{font-size:12px;opacity:.75;margin-right:4px}
.message-body .ak-vat-locked{flex-basis:100%;display:grid;grid-template-columns:1fr;gap:2px;max-width:320px;font-size:13px;padding:6px 8px;border:1px solid rgba(125,233,223,.25);border-radius:8px}
.message-body .ak-vat-row{display:flex;justify-content:space-between;gap:12px}
.message-body .ak-vat-row.is-key b{color:#7de9df}