:root{color-scheme:dark;--bg:#0a101c;--panel:#111b2b;--line:#ffffff12;--muted:#94a3b9;--text:#e8eff9;--green:#8adcd6;--accent:#b4f2e9;--orange:#e6bd85;font-family:'Segoe UI',Arial,sans-serif;font-size:14px}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 53% -15%,#2434507a,transparent 55%),radial-gradient(ellipse at 95% 70%,#25244648,transparent 48%),var(--bg);color:var(--text)}
button,input,select,textarea{font:inherit}button,a,input,select,textarea,summary{outline-offset:4px}button{cursor:pointer;background:transparent;border:1px solid var(--line);color:var(--text);border-radius:10px;padding:9px 13px;transition:background .18s,border-color .18s,transform .18s}button:hover{border-color:#8adcd64d;background:#ffffff08}button:active{transform:translateY(1px)}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--green)}a{color:var(--green);text-decoration:none}input,textarea,select{min-width:0;background:#111c2c;color:var(--text);border:1px solid #ffffff1c;border-radius:9px;padding:10px}textarea{resize:vertical;line-height:1.6}input:focus,textarea:focus,select:focus{outline:1px solid var(--green)}input::placeholder,textarea::placeholder{color:#8b9ab0}option{background:#142032;color:var(--text)}[hidden]{display:none!important}small{line-height:1.5}::selection{background:#8adcd63d}*{scrollbar-width:thin;scrollbar-color:#344458 transparent}
.eyebrow,.section-label,.workspace-label,.composer-context{font-size:9px;letter-spacing:1.6px;font-weight:600;color:var(--muted)}.brand-mark{font-family:Georgia,serif;font-size:40px;color:var(--green);line-height:1}.brand{display:flex;gap:11px;align-items:center;font-size:21px;color:var(--text);letter-spacing:-.6px}.brand small{display:block;font-size:8px;letter-spacing:2.5px;color:var(--muted);margin-top:5px}
#workspace{display:grid;grid-template-columns:222px minmax(360px,1fr) 420px;height:100dvh}.sidebar{border-right:1px solid var(--line);padding:28px 17px 18px;display:flex;flex-direction:column;min-height:0;background:linear-gradient(150deg,#18243583,#0c14239e);backdrop-filter:blur(24px)}.new-task{margin:33px 0 19px;text-align:left;background:linear-gradient(110deg,#8adcd618,#8da3ec0b);border-color:#9ed8dc2c;color:#c0f1ec;font-weight:500;font-size:12px;box-shadow:inset 0 1px #ffffff09}.new-task span{margin-right:8px}.new-task kbd{float:right}.search-label{display:flex;align-items:center;color:var(--muted);gap:6px}.search-label input{width:100%;border:0;background:none;padding:8px 2px;font-size:11px}.search-label span{font-size:23px}.section-label{display:flex;justify-content:space-between;margin:23px 5px 12px}.section-label span{color:#92a2b7}#tasks{overflow:auto;flex:1;margin:0 -4px}.task-item{width:100%;text-align:left;border:1px solid transparent;padding:12px 9px;margin-bottom:5px;display:flex;gap:9px}.task-item.active{background:linear-gradient(110deg,#8adcd615,#8da3ec09);border-color:#9bd5d71c}.task-icon{color:var(--green);font-size:17px;min-width:20px}.task-item>span:nth-child(2){min-width:0}.task-item strong{font-size:12px;font-weight:500;display:block;line-height:1.6;overflow-wrap:anywhere}.task-item small{display:block;margin-top:5px;color:var(--muted);font-size:9px}.task-item .queued{color:var(--orange)}.sidebar-bottom{border-top:1px solid var(--line);padding:18px 5px 0}.private-badge{font-size:11px}.private-badge small{display:block;color:var(--muted);margin:7px 0 15px 14px;font-size:9px}.status-dot{display:inline-block;width:5px;height:5px;background:var(--green);border-radius:50%;margin-right:8px;box-shadow:0 0 9px #8adcd636}.text-button{border:0;color:var(--muted);padding:5px 0;font-size:10px}.text-button:hover{background:none;color:var(--text)}kbd{font-family:inherit;font-size:9px;letter-spacing:0;background:#ffffff06;color:var(--muted);border:1px solid #ffffff14;border-radius:4px;padding:1px 4px}.empty-tasks{font-size:11px;line-height:1.9;color:var(--muted);padding:10px}
main{display:flex;flex-direction:column;min-width:0;height:100dvh}.topbar{height:72px;flex-shrink:0;display:flex;justify-content:space-between;align-items:center;gap:10px;padding:0 27px;border-bottom:1px solid var(--line);font-size:11px}.topbar>div{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.breadcrumb{color:var(--muted);margin-right:8px}.breadcrumb span{margin:0 8px;color:#52657d}#active-title{font-weight:500}.workspace-bar{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:20px 28px}.workspace-label{font-size:8px;letter-spacing:1.2px;display:flex;align-items:center;min-width:0}#active-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#worker-chips{display:flex;gap:6px}.worker-chip{white-space:nowrap;font-size:8px;color:var(--muted);padding:5px 7px;border:1px solid var(--line);border-radius:20px}.worker-chip .status-dot{width:4px;height:4px;margin-right:5px}.offline{background:#738297!important;box-shadow:none}.welcome{max-width:720px;margin:clamp(24px,6vh,84px) auto 20px;padding:0 35px;animation:arrive .5s ease-out}.welcome .eyebrow{color:#a3c9d1;font-size:8px;display:flex;align-items:center;gap:10px}.hero-orbit{display:grid;place-items:center;border:1px solid #92dad926;background:linear-gradient(140deg,#8adcd61a,#938adc10);border-radius:11px;width:32px;height:32px;font-size:21px;color:var(--green)}.welcome h1{font-weight:450;font-size:clamp(33px,3.4vw,53px);line-height:1.18;letter-spacing:-2px;margin:23px 0}.welcome h1 em{font-weight:400;font-style:normal;background:linear-gradient(100deg,#9febe0,#a8baf3);background-clip:text;color:transparent}.welcome>p{color:var(--muted);font-size:12px;line-height:1.9;margin:20px 0}.starter-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin-top:32px}.starter-card{padding:20px 16px;text-align:left;border:1px solid #cadbff13;background:linear-gradient(130deg,#bdceef09,#7683d304);display:grid;grid-template-columns:27px 1fr;gap:9px;border-radius:13px;box-shadow:inset 0 1px #ffffff05}.starter-card:hover{background:linear-gradient(120deg,#8adcd610,#98a4e010);transform:translateY(-2px);box-shadow:0 7px 25px #0002}.starter-card .task-icon{font-size:19px}.starter-card strong{font-weight:500;font-size:11px;display:block}.card-arrow{float:right;color:#7d8ca1;font-size:12px}.starter-card small{display:block;color:var(--muted);font-size:10px;line-height:1.7;margin-top:7px}.welcome-footer{font-size:9px;color:var(--muted);margin-top:26px}.coding{color:#aba8ef}.research{color:#94bddf}.home{color:#e2bd91}.general{color:#8adcd6}
#conversation{overflow:auto;flex:1;scroll-behavior:smooth}.timeline{max-width:800px;margin:auto;padding:20px 30px 35px}.task-heading{margin:8px 0 28px}.task-heading .eyebrow{color:var(--green)}.task-heading h1{font-size:28px;font-weight:450;line-height:1.4;letter-spacing:-.7px;overflow-wrap:anywhere}.event{margin:0 0 21px;animation:arrive .25s ease-out}.event-meta{font-size:9px;letter-spacing:1.2px;color:var(--muted);display:flex;gap:10px;align-items:center;margin-bottom:9px}.event-meta .time{letter-spacing:0;font-size:9px;margin-left:auto;color:#93a3ba}.user-message{background:linear-gradient(120deg,#8cb9d012,#a2a0dd0b);padding:16px 19px;border:1px solid #a1c8dd1b;border-radius:14px;line-height:1.8;font-size:13px;white-space:pre-wrap;overflow-wrap:anywhere}.assistant-message{font-size:13px;line-height:1.9;white-space:pre-wrap;overflow-wrap:anywhere;padding:4px 0 10px}.route-line{font-size:10px;color:#a3c9cf;display:flex;gap:8px;align-items:center;border-left:1px solid #8adcd642;padding:4px 13px;margin:17px 0 22px 3px}.progress-line{font-size:11px;color:var(--muted);margin:9px 0}.progress-line:before{content:'◌';margin-right:10px;color:var(--green)}.approval-card{border:1px solid #e6bd8540;background:#e6bd8509;border-radius:13px;padding:16px;margin:15px 0}.approval-card strong{color:var(--orange);font-weight:500}.approval-card pre{font-size:11px;white-space:pre-wrap;overflow-wrap:anywhere;background:#0003;padding:12px;max-height:220px;overflow:auto}.approval-actions{display:flex;gap:10px}.approval-actions button{font-size:11px}.approval-actions .primary{background:var(--orange)}.queued-banner{border:1px dashed #e6bd8542;padding:14px 17px;border-radius:12px;margin-top:25px;font-size:12px;color:var(--orange);line-height:1.7}.queued-banner small{display:block;color:var(--muted);margin-top:5px}
.composer-wrap{padding:15px 27px 20px}.composer-wrap form{max-width:800px;margin:auto;background:linear-gradient(130deg,#223347aa,#1d273f88);border:1px solid #c3def329;border-radius:18px;padding:16px 18px 12px;backdrop-filter:blur(28px);box-shadow:inset 0 1px #ffffff0d,0 12px 40px #0003;transition:box-shadow .2s,border-color .2s}.composer-wrap form:focus-within{border-color:#8adcd65e;box-shadow:inset 0 1px #ffffff12,0 0 35px #8adcd606,0 12px 40px #0003}.composer-context{font-size:8px;letter-spacing:1.4px;color:#adc7d4}.composer-wrap textarea{width:100%;border:0;background:none;resize:none;padding:12px 0;min-height:76px;max-height:180px;font-size:13px;outline:0}.composer-tools{display:flex;justify-content:space-between;gap:8px;align-items:flex-end}.composer-options{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.composer-options select{font-size:10px;padding:6px 5px;background:#101b2c66;border:1px solid #adc3db22;max-width:132px}.model-control{display:flex;align-items:center;gap:5px;color:var(--muted);font-size:9px}.model-control select{max-width:150px}.cloud-label{font-size:10px;color:var(--muted);display:flex;gap:4px;align-items:center;white-space:nowrap}.cloud-label input{accent-color:var(--green);width:12px;height:12px}.send{flex-shrink:0;font-size:21px;padding:3px 11px;background:linear-gradient(130deg,#bcf1e6,#96cadc);color:#102130;border:1px solid #c2fff246;line-height:28px;border-radius:11px;box-shadow:0 0 18px #8adcd619}.send:hover{background:#bcf1e6;color:#102130}.composer-footnote{display:flex;justify-content:space-between;gap:10px;max-width:800px;margin:12px auto 0;font-size:8px;color:#95a4bc}.composer-footnote kbd{font-size:8px}.composer-footnote span:last-child{white-space:nowrap}
#inspector{border-left:1px solid var(--line);padding:25px 17px;overflow:auto;min-width:0;background:linear-gradient(155deg,#20304752,#101a2b9e);backdrop-filter:blur(24px)}
#flow-panel{min-width:0}#flow-panel[hidden]{display:none!important}.flow-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.flow-actions{display:flex;align-items:center;gap:6px;flex-shrink:0}.flow-heading .eyebrow{font-size:8px;color:#9eb0cb;letter-spacing:1.7px}.flow-heading h2{font-weight:500;font-size:17px;letter-spacing:-.35px;display:flex;align-items:center;gap:10px;margin:9px 0}.flow-title{min-width:0}.live-badge{font-size:8px;letter-spacing:0;font-weight:400;padding:4px 7px;color:var(--green);border:1px solid #8adcd620;background:#8adcd609;border-radius:20px;white-space:nowrap}.live-badge:before{content:'';display:inline-block;width:4px;height:4px;border-radius:50%;background:var(--green);margin-right:4px}.live-badge.stale{color:var(--orange)}.live-badge.stale:before{background:var(--orange)}.canvas-button{font-size:11px;border-color:#b9cceb24;padding:7px 9px;color:#c6d4e8;background:#acbdea08;white-space:nowrap;min-height:32px}.canvas-button span{margin-left:4px;font-size:10px}.flow-restore{width:100%;min-height:40px;margin-bottom:15px;padding:9px 12px;border:1px solid #b9cceb24;border-radius:9px;background:#acbdea08;color:#c6d4e8;text-align:left;font-size:11px;cursor:pointer}.flow-restore:hover,.flow-restore:focus-visible{border-color:#8adcd680;background:#8adcd610;outline:2px solid #8adcd680;outline-offset:2px}.flow-subheading{display:flex;justify-content:space-between;align-items:center;gap:8px;margin:8px 0 16px}.flow-subheading p{font-size:9px;color:var(--muted);margin:0}.canvas-add{color:#a8dce5;font-size:10px;padding:6px 9px;border-color:#8adcd630;background:#8adcd608;white-space:nowrap;min-height:30px}
.flow-shell{height:clamp(430px,65vh,760px);min-height:0;position:relative;border:1px solid #b1c6e51c;border-radius:14px;overflow:hidden;background:radial-gradient(ellipse at 45% 40%,#1c2e3440,transparent 65%),#101820;box-shadow:inset 0 1px #ffffff05}#flow-viewport{width:100%;height:100%;overflow:auto;background-image:radial-gradient(circle,#a8c3cd35 .8px,transparent .9px);background-size:20px 20px;scrollbar-gutter:stable}#flow-viewport:focus-visible{outline:1px solid #8adcd65a;outline-offset:-3px}#flow-sizer{position:relative;margin:20px auto 46px;flex-shrink:0}#flow-surface{position:absolute;transform-origin:top left;isolation:isolate}#flow-wires{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;z-index:0}.wire-base{stroke:#54717b;stroke-width:2;fill:none;opacity:.65}.wire-selected{stroke-width:2.5;fill:none;opacity:.9}.traffic-bubble{stroke:#eaffff66;stroke-width:1.3;filter:drop-shadow(0 0 5px #aaf1ff66)}.parked-bubble{stroke-width:2}.canvas-controls{position:absolute;bottom:12px;left:12px;z-index:3;display:flex;align-items:center;gap:1px;border:1px solid #c4dbe52b;border-radius:8px;background:#1e2a36ec;backdrop-filter:blur(16px);box-shadow:0 5px 15px #0004;padding:3px}.canvas-controls button{padding:3px 8px;border:0;font-size:12px;min-width:28px;height:27px;border-radius:5px}.canvas-controls output{min-width:39px;text-align:center;font-size:9px;color:#adbed1}
.canvas-node{position:absolute;z-index:1;border:1px solid #609fa880;border-radius:16px;background:linear-gradient(135deg,#153940f2,#102e34fa);box-shadow:0 7px 20px #0003,inset 0 1px #ffffff09;color:#e8f4f4;list-style:none;margin:0}.canvas-node .canvas-icon{display:grid;place-items:center;flex-shrink:0;width:42px;height:42px;border-radius:13px;background:#60cfdd;color:#12383e;font-size:26px;box-shadow:inset 0 1px #ffffff42}.request-node{display:flex;gap:12px;align-items:center;padding:15px;border-color:#85d28b73;background:linear-gradient(130deg,#243d28f5,#182b20fa);margin:0}.request-node .canvas-icon{background:var(--task-color,#96dfa4);color:#174529;font-size:19px;width:39px;height:39px;border-radius:12px}.request-node>div{min-width:0}.request-node small{display:block;font-size:8px;letter-spacing:1.3px;color:#b1c4b6;margin-bottom:5px}.request-node strong{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:12px;line-height:1.5;font-weight:500}.router-node{display:flex;align-items:center;gap:13px;padding:18px;background:linear-gradient(140deg,#462832f5,#30212cfa);border-color:#dc8ba06e}.router-node .canvas-icon{background:#ef9cb3;color:#702841;font-size:32px;width:45px;height:49px}.router-node>div{min-width:0}.router-node strong{display:block;font-size:15px;line-height:1.4;font-weight:500;margin:4px 0 8px}.router-node small{display:block;font-size:8px;letter-spacing:1.3px;color:#d7adbc}.router-node #flow-router-label{font-size:9px;letter-spacing:0;line-height:1.5;margin-top:7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.model-pill{display:block;width:fit-content;max-width:100%;padding:4px 8px;background:#d4e3ee1a;border:1px solid #ffffff0a;border-radius:20px;color:#c8e1e5;font-size:10px;font-weight:400;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;line-height:1.4}.router-node .model-pill{color:#e7cbd7;background:#d8b7c31a}.input-port,.output-port{position:absolute;left:calc(50% - 4px);width:8px;height:12px;border-radius:2px;background:#8ae0e4;box-shadow:0 0 0 3px #14242ba8;z-index:2}.input-port{top:-6px}.output-port{bottom:-6px}.request-node .output-port{background:var(--task-color,#96dfa4)}.router-node .input-port,.router-node .output-port{background:#e49eb4}.wide .input-port,.wide .output-port{top:calc(50% - 6px);left:auto}.wide .input-port{left:-5px}.wide .output-port{right:-5px}
#flow-nodes{list-style:none;padding:0;margin:0}.specialist-node{overflow:visible}.specialist-node.is-selected{border-color:var(--route-color,#b4e9f1);box-shadow:0 0 0 1px var(--route-color,#b4e9f1),0 10px 30px #0003}.specialist-node.offline{background:linear-gradient(135deg,#18353cf2,#132b32fa)!important}.specialist-node.disabled{background:linear-gradient(135deg,#253039f2,#1c252bfa);border-color:#7f8a964c}.specialist-node.disabled .canvas-icon{background:#7c9a9d;color:#253c40}.specialist-node.working{box-shadow:0 0 22px #65d5dc10}.node-main{display:block;width:100%;text-align:left;border:0;border-radius:15px;padding:13px 12px 2px}.node-main:hover{background:#ffffff04}.node-top{display:flex;align-items:center;gap:11px}.node-identity{min-width:0;flex:1}.node-identity strong{font-size:13px;font-weight:500;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom:6px}.node-status{display:flex;align-items:center;gap:5px;font-size:9px;color:#a7bbc7;line-height:1.5;padding-top:9px;white-space:nowrap;overflow:hidden;background:none!important}.node-status i{width:5px;height:5px;border-radius:50%;background:currentColor;flex-shrink:0}.node-status.working,.node-status.idle{color:#9be1c0}.node-status.waiting,.node-status.queued,.node-status.attention{color:var(--orange)}.node-status.working i{animation:pulse 1.6s ease-in-out infinite}.node-detail{color:#a0b7c0;font-size:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.node-actions{display:flex;align-items:center;justify-content:space-between;padding:2px 13px 6px}.node-actions .text-button{font-size:9px;padding:4px 0;color:#b3c7d2}.power-button{width:28px;height:20px;border-radius:12px;padding:3px;border:1px solid #9bb3d336;background:#71819912;display:flex;align-items:center}.power-button span{display:block;width:8px;height:8px;border-radius:50%;background:#8798b0;transition:transform .18s,background .18s}.power-button[aria-checked=true]{background:#8adcd629;border-color:#8adcd652}.power-button[aria-checked=true] span{transform:translateX(11px);background:#a4e7df}#flow-surface:not(.wide) .specialist-node .canvas-icon{width:31px;height:35px;border-radius:10px;font-size:21px}#flow-surface:not(.wide) .node-main{padding:12px 10px 3px}#flow-surface:not(.wide) .node-top{gap:7px;align-items:flex-start}#flow-surface:not(.wide) .node-identity strong{font-size:11px;line-height:1.4;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-height:31px}#flow-surface:not(.wide) .model-pill{font-size:8px;padding:3px 5px}#flow-surface:not(.wide) .node-detail{display:none}#flow-surface:not(.wide) .node-status{padding-top:12px}#flow-surface:not(.wide) .node-actions{position:absolute;bottom:3px;width:100%;padding:3px 10px}
.flow-footer{padding:12px 3px 17px}.flow-reason{font-size:9px;line-height:1.7;margin:0 0 9px;color:#9aaec4;overflow-wrap:anywhere}.flow-legend{display:flex;align-items:center;flex-wrap:wrap;gap:11px;font-size:8px;color:#9dafbf}.flow-legend>span{display:flex;align-items:center;gap:5px}.legend-moving,.legend-parked{display:inline-block;width:5px;height:5px;border-radius:50%;background:#a8dee7;box-shadow:0 0 6px #8adcd644}.legend-parked{background:none;border:1px solid #acc1d0;box-shadow:none}.flow-legend>span:last-child{margin-left:auto}.inspector-details{border-top:1px solid var(--line);padding-top:19px}.inspector-details>summary{font-size:11px;cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between}.inspector-details>summary span{color:var(--muted)}.inspector-details[open]>summary span{transform:rotate(45deg)}
.task-item{border-left:2px solid var(--task-color,#8adcd6);background:color-mix(in srgb,var(--task-color,#8adcd6) 5%,transparent)}.task-item.active{background:linear-gradient(110deg,color-mix(in srgb,var(--task-color,#8adcd6) 17%,transparent),color-mix(in srgb,var(--task-color,#8adcd6) 4%,transparent));border-color:color-mix(in srgb,var(--task-color,#8adcd6) 34%,transparent);border-left-color:var(--task-color,#8adcd6)}.task-item .task-icon{color:var(--task-color,#8adcd6)}.task-item strong{color:color-mix(in srgb,var(--task-color,#8adcd6) 68%,white)}.composer-wrap form{border-color:color-mix(in srgb,var(--task-color,#8adcd6) 30%,transparent)}
#flow-stage{min-height:0;flex:1;padding:0 24px;display:flex}.flow-expanded #workspace{grid-template-columns:222px minmax(0,1fr)}.flow-expanded #conversation,.flow-expanded #inspector,.flow-expanded .workspace-bar{display:none}.flow-expanded #flow-panel{display:flex;flex-direction:column;min-height:0;flex:1;padding-top:18px}.flow-expanded .flow-heading{padding:0 4px}.flow-expanded .flow-heading h2{font-size:20px}.flow-expanded .flow-subheading{margin:4px 4px 13px}.flow-expanded .flow-shell{height:auto;flex:1}.flow-expanded .flow-footer{padding:10px 4px 0;display:flex;justify-content:space-between;align-items:center;gap:18px}.flow-expanded .flow-reason{margin:0;max-width:60%}.flow-expanded .flow-legend{flex-shrink:0}.flow-expanded .composer-wrap{padding-top:13px}.flow-expanded .composer-wrap form,.flow-expanded .composer-footnote{max-width:none}.flow-expanded .composer-wrap textarea{min-height:58px}.flow-expanded #details-toggle{display:none}
.detail-row{display:flex;justify-content:space-between;font-size:10px;color:var(--muted);margin:15px 0;gap:12px}.detail-row span:last-child{color:#c9d6e8;text-align:right;max-width:170px;overflow-wrap:anywhere}.detail-note{font-size:11px;line-height:1.9;color:var(--muted);overflow-wrap:anywhere}.detail-card{border:1px solid var(--line);border-radius:10px;padding:13px;margin:17px 0 25px;background:#ffffff02}.detail-card .section-label{margin:0 0 10px;font-size:8px}.detail-card p{font-size:10px;line-height:1.8;color:var(--muted);margin:0}.budget-box{border-top:1px solid var(--line);margin-top:21px;padding-top:5px}.budget-box .section-label{font-size:8px;margin:17px 0 14px}.budget-amount{font-size:23px;letter-spacing:-.7px;font-weight:350}.budget-amount span{color:var(--muted);font-size:10px;letter-spacing:0}.budget-track{height:3px;background:#26374b;margin:13px 0;border-radius:5px;overflow:hidden}.budget-track meter{width:100%;height:5px;accent-color:var(--green)}.budget-box>small{font-size:8px;color:var(--muted);line-height:1.8;display:block;margin-bottom:20px}.mini-button{font-size:10px;color:var(--green);margin:9px 6px 9px 0;padding:5px 8px}.artifact-link{display:block;font-size:10px;padding:8px 0;overflow-wrap:anywhere}.error{margin:5px 28px;padding:10px 15px;color:var(--orange);background:#362a27;border-radius:9px;font-size:12px}#choice-panel{padding:12px 28px;font-size:12px}#choice-panel button{margin:10px 8px 0 0;font-size:11px}.debug{font-size:10px;color:var(--muted);margin-top:22px}.debug pre{max-height:250px;overflow:auto;font-size:9px;white-space:pre-wrap}
.primary{background:linear-gradient(120deg,#a8e7de,#9ac9dc);color:#132537;font-weight:600;border:0}.primary:hover{background:var(--accent);color:#132537}.primary span{float:right}.login{min-height:100dvh;display:grid;place-items:center;background:radial-gradient(ellipse at 55% 25%,#4257833b,transparent 65%)}.login form{width:min(480px,90vw);padding:35px}.login h1{font-weight:450;font-size:37px;line-height:1.25;letter-spacing:-1.4px}.login p{color:var(--muted);line-height:1.8}.login label{display:block;margin:28px 0 9px;font-size:12px}.login input,.login button{width:100%;margin-bottom:12px;padding:14px}.login small{color:var(--muted);font-size:11px}#login-error,#specialist-error{color:var(--orange);font-size:11px}
dialog{background:linear-gradient(140deg,#23324eef,#121e31f7);color:var(--text);border:1px solid #c7dcf52e;border-radius:20px;padding:28px;max-width:500px;width:90vw;max-height:90dvh;overflow:auto;box-shadow:inset 0 1px #ffffff0e,0 30px 100px #0007;backdrop-filter:blur(30px)}dialog[open]{animation:arrive .2s ease-out}dialog::backdrop{background:#040b189c;backdrop-filter:blur(7px)}dialog h2{font-weight:450;font-size:26px;margin:10px 0 15px;letter-spacing:-.7px}dialog p{font-size:12px;color:var(--muted);line-height:1.7}dialog label{display:block;font-size:11px;margin:15px 0 7px}dialog input,dialog textarea,dialog select{width:100%}.dialog-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:23px}.dialog-actions button{font-size:12px}.form-columns{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-columns>div{min-width:0}.form-columns select{font-size:11px}.field-hint{float:right;color:var(--muted);font-size:9px}.field-help{display:block;font-size:10px;color:var(--muted);line-height:1.7;margin-top:8px}dialog .field-help{font-size:10px}.enabled-label{display:flex;align-items:center;gap:9px}.enabled-label input{width:14px;accent-color:var(--green)}#search-results{max-height:40vh;overflow:auto}#reconcile-reviewed{width:auto}.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}
#tasks-toggle{display:none}#details-toggle{white-space:nowrap}@keyframes arrive{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{50%{opacity:.4;box-shadow:0 0 0 4px #8adcd612}}@keyframes flow{from{transform:translateX(0);opacity:0}30%{opacity:1}to{transform:translateX(14px);opacity:0}}
@media(min-width:1550px){#workspace{grid-template-columns:245px minmax(440px,1fr) 445px}.welcome{margin-top:10vh}.welcome h1{font-size:55px}#inspector{padding:30px 25px}.flow-heading h2{font-size:17px}.node-status{max-width:95px}}
@media(min-width:1121px){#details-toggle{display:none}}
@media(max-width:1280px){#workspace{grid-template-columns:195px minmax(340px,1fr) 390px}.sidebar{padding-left:13px;padding-right:13px}.brand{font-size:18px}#inspector{padding:26px 17px}.flow-heading h2{font-size:15px}#worker-chips{display:none}.welcome{padding:0 28px}.composer-footnote span:last-child{display:none}.node-status{font-size:7px;max-width:70px}}
@media(max-width:1120px){#workspace{grid-template-columns:215px minmax(0,1fr)}#inspector{display:none}.mobile-details #inspector{display:block;position:fixed;right:0;top:72px;bottom:0;width:min(370px,100vw);box-shadow:-30px 0 100px #0009;z-index:3;background:linear-gradient(140deg,#1a2943ed,#111c30f5)}.welcome{max-width:730px;margin-top:6vh}.welcome h1{font-size:46px}}
@media(max-width:700px){#workspace{grid-template-columns:minmax(0,1fr)}.sidebar{display:none}#tasks-toggle{display:block}.mobile-tasks .sidebar{display:flex;position:fixed;left:0;top:58px;bottom:0;width:260px;z-index:3;box-shadow:20px 0 80px #0009;background:#121d30f5}.mobile-details #inspector{top:58px}.topbar{padding:0 17px;height:58px;font-size:10px}.breadcrumb{display:none}.workspace-bar{padding:16px 21px}.welcome{margin-top:24px;padding:0 24px}.welcome h1{font-size:36px;letter-spacing:-1.5px}.welcome .eyebrow{font-size:7px;letter-spacing:1px}.welcome>p{font-size:11px}.starter-grid{gap:9px;margin-top:25px}.starter-card{padding:15px 11px;grid-template-columns:21px 1fr;gap:6px}.starter-card strong{font-size:10px}.starter-card small{font-size:9px}.welcome-footer{font-size:8px}.composer-wrap{padding:12px 15px 17px}.composer-wrap form{padding:13px}.composer-options{gap:6px}.composer-options select{max-width:108px;font-size:9px}.composer-footnote{font-size:8px}.cloud-label{font-size:9px}.timeline{padding:10px 21px 25px}.task-heading h1{font-size:25px}dialog{padding:23px}.form-columns{grid-template-columns:1fr}.model-control select{max-width:130px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@supports not (backdrop-filter:blur(1px)){.sidebar,#inspector{background:#121c2d}.composer-wrap form{background:#1b2b40}dialog{background:#18273d}}

@media(min-width:1550px){.flow-expanded #workspace{grid-template-columns:245px minmax(0,1fr)}}
@media(max-width:1280px) and (min-width:1121px){.flow-expanded #workspace{grid-template-columns:195px minmax(0,1fr)}}
@media(max-width:1120px){.mobile-details #inspector{width:min(440px,100vw)}.flow-expanded #workspace{grid-template-columns:215px minmax(0,1fr)}}
@media(max-width:700px){.flow-expanded #workspace{grid-template-columns:minmax(0,1fr)}#flow-stage{padding:0 12px}.flow-expanded #flow-panel{padding-top:12px}.flow-expanded .flow-heading h2{font-size:17px}.flow-expanded .flow-footer{display:block}.flow-expanded .flow-reason{max-width:none;font-size:8px;margin-bottom:6px}.flow-expanded .flow-subheading{margin-bottom:10px}.flow-expanded .flow-subheading p{font-size:8px}.flow-expanded .flow-legend{font-size:7px;gap:9px}.flow-expanded .composer-wrap{padding:10px 12px 12px}.flow-expanded .composer-wrap textarea{min-height:45px}.flow-expanded .composer-context{font-size:7px}.flow-expanded .composer-footnote{display:none}.canvas-button span{font-size:9px}.flow-subheading p{font-size:8px}}
@media(prefers-reduced-motion:reduce){.moving-bubble{display:none}}
#flow-panel:has(.live-badge.stale) .moving-bubble{display:none}
#flow-home{min-width:0}#flow-home[hidden]{display:none!important}

.approval-description{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.8;font-size:12px}.approval-card details{font-size:10px;color:var(--muted);margin:10px 0}.approval-card details summary{cursor:pointer}.approval-actions{margin-top:14px}
:root .run-activity{border:1px solid #8adcd640;background:#8adcd609;border-radius:12px;padding:16px 18px;margin:20px 0}.activity-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:12px}.activity-heading strong{font-weight:500;color:var(--green)}.activity-clock{white-space:nowrap;color:var(--muted);font-variant-numeric:tabular-nums}.run-activity p{font-size:12px;line-height:1.7;margin:9px 0}.run-activity small{color:var(--muted);font-size:10px}.run-activity.waiting,.run-activity.attention{border-color:#e6bd8540;background:#e6bd8509}.run-activity.waiting strong,.run-activity.attention strong{color:var(--orange)}.progress-line{display:flex;align-items:baseline;gap:8px}.progress-line span{flex:1;overflow-wrap:anywhere}.progress-line:before{margin-right:2px}.progress-line time{font-size:9px;white-space:nowrap;color:var(--muted)}.run-failure{border:1px solid #ef949450;background:#ef949409;border-radius:12px;padding:16px 18px;margin:18px 0;color:#efaaaa}.run-failure p{white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px;line-height:1.7}.run-failure small{color:var(--muted)}
.timing-detail-heading{margin-top:18px}.timing-details{display:grid;gap:7px;margin-bottom:10px}.timing-detail-row{display:grid;grid-template-columns:minmax(120px,1.6fr) minmax(50px,1fr) 65px;gap:10px;align-items:center;font-size:10px;color:var(--muted)}.timing-detail-row b{text-align:right;font-weight:500;font-variant-numeric:tabular-nums}.timing-detail-row meter{width:100%;height:9px;accent-color:#85dfb3}.timing-active span{color:var(--green)}
.timing-overview{width:100%;max-width:800px;margin:10px auto 0;border:1px solid #8adcd640;border-radius:10px;background:#142333;padding:11px 14px;display:flex;gap:12px;align-items:center;cursor:pointer;font-size:11px;text-align:left;color:var(--text)}.timing-overview strong{color:var(--green);font-weight:500}.timing-overview span:last-child{margin-left:auto;color:var(--muted);font-size:9px;white-space:nowrap}.timing-overview:focus-visible{outline:2px solid var(--green);outline-offset:2px}.timing-dialog{width:min(850px,calc(100vw - 32px));max-height:calc(100dvh - 40px);overflow:auto}.timing-dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.timing-dialog-heading h2{margin:0;font-size:18px}.timing-dialog .request-timing{margin:16px 0 0;border:0;padding:0}@media(max-width:600px){.timing-overview{flex-wrap:wrap;gap:6px 10px}.timing-overview #timing-current-summary{order:3;flex-basis:100%}}
.request-timing{margin-top:14px;padding:13px 15px;border:1px solid #ffffff18;border-radius:10px;background:#ffffff04}.timing-heading{display:flex;justify-content:space-between;gap:12px;font-size:11px;margin-bottom:10px}.timing-heading strong{font-weight:500}.timing-heading span{color:var(--muted);font-variant-numeric:tabular-nums}.timing-bar{display:block;width:100%;height:12px;border-radius:4px;overflow:hidden;background:#ffffff0a}.timing-legend{display:flex;flex-wrap:wrap;gap:8px 14px;margin:10px 0;font-size:10px;color:var(--muted)}.timing-legend span{display:inline-flex;gap:5px;align-items:center}.timing-legend i{display:inline-block;width:8px;height:8px;border-radius:2px}.timing-legend b{font-weight:500;font-variant-numeric:tabular-nums;color:var(--text)}.timing-active{color:var(--text)}.request-timing small,.timing-unavailable{color:var(--muted);font-size:9px;line-height:1.6}.timing-unavailable{margin-top:10px}.timing-ingestion{fill:#8bd8ed;background:#8bd8ed}.timing-queue{fill:#edbc79;background:#edbc79}.timing-orchestrator{fill:#c3a1f1;background:#c3a1f1}.timing-agent{fill:#85dfb3;background:#85dfb3}.timing-approval{fill:#f59caf;background:#f59caf}

/* Keep the composer visible and operational chatter inside bounded bubbles. */
main{min-height:0;overflow:hidden}#conversation{min-height:0;overscroll-behavior:contain}.composer-wrap,.workspace-bar{flex-shrink:0}
.thought-process{margin:12px 0 20px;border:1px solid var(--line);border-radius:12px;background:#ffffff03;overflow:hidden}
.thought-process summary{cursor:pointer;padding:12px 15px;font-size:12px;color:var(--muted)}.thought-process summary:hover{color:var(--text)}.thought-process summary span{float:right;font-size:10px}
.thought-body{max-height:min(320px,40dvh);overflow:auto;overscroll-behavior:contain;border-top:1px solid var(--line);padding:10px 15px;scrollbar-gutter:stable}
.thought-entry{display:flex;gap:12px;padding:8px 0;font-size:12px;line-height:1.6}.thought-entry time{flex-shrink:0;font-size:10px;color:var(--muted)}.thought-entry>div{min-width:0;white-space:pre-wrap;overflow-wrap:anywhere}.thought-entry pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:11px;color:var(--muted);margin:8px 0}.thought-entry.automatic-approval{color:#8adcd6}
:root .run-activity.compact{padding:10px 14px;margin:12px 0}.compact .activity-heading strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.activity-clock{flex-shrink:0}.debug pre{max-height:240px;overflow:auto;overscroll-behavior:contain}

.timing-overview{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:8px 12px}.timing-overview .timing-details-link{color:var(--muted);font-size:9px;white-space:nowrap}#timing-overview-bar{grid-column:1/-1;height:8px}.timing-overview #timing-current-summary{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.thinking-dots{display:flex;align-items:center;gap:5px;height:22px;margin:12px 0;color:var(--muted)}.thinking-dots span{width:5px;height:5px;border-radius:50%;background:currentColor;animation:thinking-bounce 1.2s ease-in-out infinite}.thinking-dots span:nth-child(2){animation-delay:.15s}.thinking-dots span:nth-child(3){animation-delay:.3s}.activity-note{font-size:12px;color:var(--muted);margin:12px 0}
#stop-chat{flex-shrink:0;white-space:nowrap;font-size:11px}
@keyframes thinking-bounce{0%,60%,100%{transform:translateY(0);opacity:.4}30%{transform:translateY(-3px);opacity:1}}
@media(max-width:600px){.timing-overview{grid-template-columns:minmax(0,1fr) auto}.timing-overview #timing-current-summary{grid-column:1/-1;grid-row:2}.timing-overview .timing-details-link{grid-column:2;grid-row:1}}
.error{white-space:pre-wrap;overflow-wrap:anywhere;flex-shrink:0}.error p{margin:7px 0}.orchestrator-message{color:var(--green);background:#142e32;border:1px solid #8adcd640}.orchestrator-message .thinking-dots{margin:8px 0 0}#login-error,#specialist-error,#search-results{white-space:pre-wrap;overflow-wrap:anywhere}

.voice-tools{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:4px 0}.voice-tools label,.voice-status{font-size:11px;color:var(--muted)}.voice-status{margin:6px 0 12px}.voice-tools button[aria-pressed="true"]{background:#275954;border-color:#8adcd6}.voice-tools button{touch-action:none}

.node-sessions{position:absolute;top:94px;bottom:30px;left:10px;right:10px;overflow:auto}.node-session{display:block;width:100%;height:52px;margin-bottom:4px;text-align:left;padding:5px 8px;border-left:3px solid var(--task-color);border-radius:6px;background:#ffffff04}.node-session.active{background:#ffffff10}.node-session strong{display:block;font-size:10px;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.node-session small,.empty-sessions{display:block;font-size:9px;color:var(--muted);margin-top:3px}.specialist-node .node-actions{position:absolute;bottom:3px;width:100%}#flow-surface:not(.wide) .node-sessions{top:108px}

.project-tasks h3{font-size:12px;margin:16px 12px 6px;color:var(--muted,#aaa);display:flex;justify-content:space-between;gap:8px}.project-tasks h3 small{font-weight:400}.task-item.child-task{margin-left:18px;width:calc(100% - 18px);border-left:2px solid var(--task-color)}.delegation-event p{font-size:13px;white-space:pre-wrap}
/* Durable tasks board */
.work-board{width:min(1200px,95vw);max-width:95vw;max-height:90vh;padding:24px;overflow:auto}.work-board-header,.work-filters,.work-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.work-board-header{justify-content:space-between}.work-board-header h2{margin:0}.work-board-header p{color:var(--muted,#9ba9bc)}.work-filters{margin:20px 0}.work-filters label{display:grid;gap:6px;flex:1;min-width:150px}.work-columns{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:20px}.work-column{min-width:0;background:#101925;border-radius:12px;padding:12px}.work-column h3{font-size:14px}.work-column small{color:#9ba9bc}.work-card{background:#182333;border:1px solid #2c3b4f;padding:14px;border-radius:10px;margin-bottom:12px;overflow-wrap:anywhere}.work-card h4{margin:0 0 8px}.work-card p{white-space:pre-wrap;font-size:13px}.work-card .work-meta{color:#a8bbd2}.work-card label,.work-form label{display:grid;gap:6px;font-size:13px}.work-actions{margin:12px 0}.work-form{display:grid;gap:12px;margin:14px 0}.work-form textarea,.work-form input:not([type=checkbox]),.work-form select,.work-card select,.work-filters select{width:100%;box-sizing:border-box}.work-form .work-check{display:flex;align-items:center}.work-board summary{cursor:pointer}.work-board[aria-busy=true] button:not(#work-board-close){pointer-events:none;opacity:.65}@media(max-width:900px){.work-columns{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:550px){.work-columns{grid-template-columns:1fr}.work-board{padding:14px}}

/* Keep the workspace within the visible viewport. */
#workspace,main{height:min(100dvh,var(--workspace-height,100dvh))}
#composer-settings{min-width:0;flex:1 1 135px}
#navigation-backdrop{position:fixed;inset:0;z-index:20;border:0;border-radius:0;background:#030914b8;touch-action:manipulation}
#navigation-close{position:fixed;right:10px;top:max(8px,env(safe-area-inset-top));z-index:22;min-height:44px;padding:10px 16px;background:#17273a;border-color:#8adcd650}
@media(max-width:1120px){
 .mobile-details #inspector{z-index:21;top:0;width:min(440px,calc(100vw - 28px));padding-top:68px;padding-bottom:max(20px,env(safe-area-inset-bottom));overscroll-behavior:contain;background:#121d30}
 #details-toggle{min-height:44px;min-width:72px;font-size:12px}
}
@media(max-width:1120px){
 .topbar{height:58px;padding:0 10px;gap:8px;padding-top:env(safe-area-inset-top)}
 #tasks-toggle,#details-toggle{font-size:12px;min-height:44px;flex-shrink:0;padding:8px}
 .workspace-bar{padding:9px 16px}.timeline{padding:12px 16px 20px}
 .composer-wrap,.flow-expanded .composer-wrap{padding:8px 10px max(10px,env(safe-area-inset-bottom))}
 .composer-wrap form{padding:10px 12px;position:relative;border-radius:14px}
 .composer-wrap textarea,.flow-expanded .composer-wrap textarea{min-height:60px;max-height:120px;padding:8px 0;font-size:16px}
 .composer-tools{align-items:center;gap:8px}.send{width:44px;height:44px;padding:4px}
 .composer-options{width:100%;align-items:stretch;gap:10px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
 .composer-options label{min-width:0}.composer-options select,.model-control select{width:100%;max-width:none;font-size:16px;min-height:44px}
 .model-control{grid-column:1/-1;display:grid;gap:5px;font-size:12px}.cloud-label{font-size:13px;min-height:44px}.cloud-label input,.voice-tools input{width:20px;height:20px}
 .voice-tools{gap:8px}.voice-tools button,.composer-settings-body>.mini-button{min-height:44px;font-size:12px}.voice-tools label{display:flex;align-items:center;gap:8px;min-height:44px;font-size:12px}
 .composer-footnote{display:none}#stop-chat{min-height:44px}
 .timing-overview{margin-top:6px;padding:8px 10px;gap:5px 8px;font-size:10px}
 .error{max-height:22dvh;overflow:auto}.orchestrator-message{margin:4px 10px}
 input,select,textarea,dialog input,dialog select,dialog textarea{font-size:16px}
 dialog{padding:18px;max-height:calc(var(--workspace-height,100dvh) - 24px)}dialog button,dialog summary{min-height:44px}
 .starter-grid{grid-template-columns:1fr}.welcome{padding:0 18px;margin-top:16px}.welcome h1{font-size:32px}.welcome-footer{font-size:11px}
 .form-columns{grid-template-columns:1fr}.work-filters label{min-width:0;flex-basis:100%}
}
@media(max-width:700px){
 .mobile-tasks .sidebar{z-index:21;top:0;width:min(320px,calc(100vw - 28px));padding:64px 16px max(16px,env(safe-area-inset-bottom));background:#121d30;overscroll-behavior:contain}
 .sidebar .brand{margin-bottom:16px}.sidebar .new-task{margin:4px 0;min-height:44px;font-size:13px}
 .sidebar .text-button,.sidebar input,.task-item{min-height:44px;font-size:13px}.sidebar .section-label{margin-top:16px}
 .sidebar .search-label input{font-size:16px}.task-item strong{font-size:14px}.task-item small{font-size:11px}
 .sidebar-bottom{padding-top:10px}.private-badge small{margin-bottom:4px}
 .mobile-tasks .sidebar{overflow-y:auto}.sidebar>*{flex-shrink:0}.sidebar #tasks{flex:none;overflow:visible}.sidebar-bottom{margin-top:auto}
}
@media(max-height:500px) and (max-width:1120px){
 .workspace-bar{display:none}.composer-wrap textarea,.flow-expanded .composer-wrap textarea{min-height:44px;height:44px}
 .composer-context{display:none}.timing-overview{display:none}.composer-wrap{padding-top:4px;padding-bottom:6px}
}

.workspace-tabs{display:flex;gap:6px;padding:4px 16px;flex-shrink:0;border-bottom:1px solid var(--line)}.workspace-tabs button{min-height:40px;border:0;color:var(--muted);padding:8px 16px}.workspace-tabs [aria-current=page]{color:var(--green);background:#8adcd615}
.artifacts-open #workspace{grid-template-columns:222px minmax(0,1fr)}.artifacts-open #inspector,.artifacts-open .composer-wrap,.artifacts-open .workspace-bar,.artifacts-open #details-toggle,.artifacts-open #flow-stage,.artifacts-open #error,.artifacts-open #choice-panel,.artifacts-open #orchestrator-message{display:none!important}
#artifacts-view{flex:1;min-height:0;overflow:auto;padding:24px;overscroll-behavior:contain}.artifacts-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.artifacts-heading h1{font-size:26px;font-weight:500;margin:0}.artifacts-heading p,#artifacts-status{color:var(--muted);font-size:13px;line-height:1.6}#artifacts-list{list-style:none;margin:20px 0;padding:0;display:grid;gap:12px}
.artifact-card{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px;border:1px solid var(--line);border-radius:12px;background:#ffffff04;min-width:0}.artifact-card strong{display:block;overflow-wrap:anywhere;font-size:14px;font-weight:500}.artifact-info{min-width:0}.artifact-info small{display:block;color:var(--muted);font-size:12px;margin-top:8px;overflow-wrap:anywhere}.artifact-actions{display:flex;align-items:center;gap:8px;flex-shrink:0;flex-wrap:wrap}.artifact-actions a{display:inline-flex;align-items:center;min-height:44px;padding:10px 14px;border:1px solid #8adcd640;border-radius:8px;font-size:13px}.artifact-actions a:hover{background:#8adcd615}.artifact-actions small,.file-unavailable{color:var(--muted);font-size:12px}.artifact-card .sr-only{position:absolute}
@media(max-width:1120px){.artifacts-open #workspace{grid-template-columns:215px minmax(0,1fr)}.workspace-tabs button{min-height:44px}}
@media(max-width:700px){.artifacts-open #workspace{grid-template-columns:minmax(0,1fr)}#artifacts-view{padding:16px}.artifacts-heading{align-items:flex-start}.artifacts-heading h1{font-size:23px}.artifact-card{align-items:flex-start;flex-direction:column;gap:10px}.workspace-tabs{padding:2px 10px}#artifacts-refresh,#artifacts-more{min-height:44px}}

.artifact-card strong button{padding:0;border:0;text-align:left;font-size:inherit;font-weight:inherit;line-height:1.5;color:var(--text);overflow-wrap:anywhere;max-width:100%}.artifact-card strong button:hover{color:var(--green);background:none}
.artifact-actions button{min-height:44px;padding:10px 14px;border-color:#8adcd640;color:var(--green);font-size:13px}
.artifact-preview-open #workspace{grid-template-columns:222px minmax(0,1fr) minmax(320px,42vw)}.artifact-preview-open #inspector{display:none!important}
#artifact-preview{display:flex;flex-direction:column;min-width:0;min-height:0;border-left:1px solid var(--line);background:linear-gradient(145deg,#19273b,#101a2b);overflow:hidden;padding:22px}
.artifact-preview-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.artifact-preview-heading>div{min-width:0}.artifact-preview-heading h2{font-size:20px;line-height:1.5;font-weight:500;margin:8px 0;overflow-wrap:anywhere}#artifact-preview-close{min-height:44px;flex-shrink:0;font-size:13px}
.artifact-preview-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin:10px 0 18px}#artifact-preview-download{display:inline-flex;align-items:center;min-height:44px;padding:10px 16px;border:1px solid #8adcd640;border-radius:9px;font-size:13px}#artifact-preview-status{font-size:12px;line-height:1.6;color:var(--muted)}
#artifact-preview-content{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;border:1px solid var(--line);border-radius:12px;background:#0a1422;padding:18px}.artifact-text{white-space:pre-wrap;overflow-wrap:anywhere;font:13px/1.8 Consolas,'Courier New',monospace;color:#dbe7f6;margin:0;tab-size:4}#artifact-preview-content img{display:block;max-width:100%;height:auto;margin:auto}#artifact-preview-content iframe{display:block;width:100%;height:100%;min-height:250px;border:0;background:#fff}#artifact-preview-content:has(iframe){padding:0}
@media(min-width:901px) and (max-width:1120px){.artifact-preview-open #workspace{grid-template-columns:195px minmax(0,1fr) minmax(320px,42vw)}.artifact-preview-open .artifact-card{flex-direction:column;align-items:flex-start}}
@media(max-width:900px){.artifact-preview-open #workspace{grid-template-columns:215px minmax(0,1fr)}#artifact-preview{position:fixed;inset:0 0 0 auto;width:min(620px,100vw);height:var(--workspace-height,100dvh);z-index:30;padding:16px;padding-top:max(16px,env(safe-area-inset-top));padding-bottom:max(16px,env(safe-area-inset-bottom));box-shadow:-30px 0 100px #0009}.artifact-preview-heading h2{font-size:18px}#artifact-preview-content{padding:14px}.artifact-text{font-size:14px}}
@media(max-width:700px){.artifact-preview-open #workspace{grid-template-columns:minmax(0,1fr)}}

/* Leave room for the chat list on shorter desktop windows. */
@media(min-width:701px){
 .sidebar .brand{margin-bottom:8px}.sidebar .new-task{margin:4px 0;min-height:40px}.sidebar .search-label{margin-top:10px}.sidebar .section-label{margin-top:16px;margin-bottom:8px}
 .sidebar #tasks{min-height:0;scrollbar-width:auto;scrollbar-gutter:stable}
}
.task-archive{margin-left:auto;align-self:center;padding:2px 5px;border-radius:5px;color:var(--muted);opacity:0}.task-item:hover .task-archive,.task-item:focus-visible .task-archive{opacity:1}.task-archive:hover{color:var(--orange);background:#ffffff12}@media(hover:none){.task-archive{opacity:1}}
.task-item strong{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.task-item small{overflow-wrap:anywhere}

.chat-list-heading{align-items:center;gap:6px;letter-spacing:1px}.chat-list-heading #chat-list-label{color:var(--muted)}#chat-history{min-height:36px;padding:8px;font-size:11px;letter-spacing:0;color:var(--green)}#task-count{letter-spacing:0;white-space:nowrap}.sidebar #tasks{scrollbar-gutter:stable}
@media(max-width:700px){#chat-history{min-height:44px;font-size:12px}}
@media(min-width:701px){.sidebar .chat-list-heading{margin-top:8px;margin-bottom:4px}#chat-history{min-height:32px;padding:4px}}

/* Keep the writing surface focused; secondary tools share one disclosure. */
#composer-settings>summary{display:block;cursor:pointer;list-style:none;width:fit-content;min-height:44px;padding:12px;border:1px solid var(--line);border-radius:9px;font-size:13px;color:var(--text)}
#composer-settings>summary::-webkit-details-marker{display:none}
#composer-settings>summary:after{content:' ▴'}#composer-settings[open]>summary:after{content:' ▾'}
.composer-settings-body{position:absolute;left:0;right:0;bottom:calc(100% + 8px);max-height:min(52dvh,420px);overflow:auto;overscroll-behavior:contain;padding:14px;background:#18283d;border:1px solid #8adcd640;border-radius:14px;box-shadow:0 -8px 35px #0006;z-index:5}
#composer-settings:not([open])>.composer-settings-body{display:none}
.composer-wrap form{position:relative}.composer-tools{align-items:center;flex-wrap:wrap}.send{width:auto;height:auto;min-width:80px;min-height:44px;padding:8px 14px;font-size:14px;line-height:24px;font-weight:600;display:flex;align-items:center;justify-content:center;gap:10px}
.composer-settings-body{display:grid;gap:14px}.composer-group{min-width:0;margin:0;padding:12px 0 0;border:0;border-top:1px solid var(--line)}.composer-group legend{padding:0 8px 0 0;font-size:13px;font-weight:600;color:var(--text)}
.composer-settings-body .composer-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:12px}.composer-options label:not(.cloud-label){display:grid;gap:5px;font-size:12px;color:var(--muted);min-width:0}.composer-options select{width:100%;max-width:none;min-height:44px;font-size:13px;padding:8px}.model-control{grid-column:1/-1}.composer-settings-body .cloud-label{min-height:44px;font-size:13px;gap:8px;white-space:normal}.cloud-label input,.voice-tools input{width:18px;height:18px}
.composer-settings-body .mini-button,.voice-tools label{min-height:44px;font-size:12px}.voice-tools label{display:flex;align-items:center;gap:8px}.attach-document{display:inline-flex;align-items:center;cursor:pointer;border:1px solid var(--line);border-radius:8px;padding:8px 12px}.attach-document:focus-within{outline:2px solid var(--green);outline-offset:2px}#document-status{display:block;font-size:12px;line-height:1.6;margin-top:8px}.voice-status{margin:8px 0 0;line-height:1.6}
@media(max-width:1120px){.composer-options select{font-size:16px}}
.login a[href*="/auth/google"]{display:block;text-align:center;padding:14px;margin-bottom:12px;border:1px solid var(--line);border-radius:10px;background:transparent;color:var(--text);font-weight:600;text-decoration:none}.login a[href*="/auth/google"]:hover{border-color:var(--accent)}

/* Make authorship easy to scan, and keep live progress to one concise row. */
.user-message{background:#153747;color:#f0f8ff;border:1px solid #4a8195;padding:16px 19px;border-radius:14px;line-height:1.8;font-size:13px;white-space:pre-wrap;overflow-wrap:anywhere}
.agent-progress{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.subagent-progress-list{display:grid;gap:8px;margin:12px 0 18px}.subagent-progress{border:1px solid #93a3ba28;background:#93a3ba08;border-radius:10px;padding:10px 13px}.subagent-progress.running{border-color:#b69cff70;background:#b69cff12;box-shadow:inset 3px 0 #b69cff}.subagent-progress-heading{display:flex;align-items:center;gap:9px;font-size:11px}.subagent-progress-heading strong{font-weight:550;color:#d6c9ff}.subagent-progress-heading span{font-size:9px;letter-spacing:.4px;text-transform:uppercase;color:var(--muted)}.subagent-progress p{font-size:11px;line-height:1.55;color:#c1cada;margin:4px 0 0;overflow-wrap:anywhere}
.task-item.active-subagent{margin-left:18px;width:calc(100% - 18px);border-left-color:#b69cff;background:#b69cff0d}.task-item.active-subagent .task-icon,.task-item.active-subagent strong{color:#d6c9ff}


body.flow-hidden:not(.artifacts-open):not(.artifact-preview-open) #workspace{grid-template-columns:222px minmax(0,1fr)}
body.flow-hidden:not(.artifacts-open):not(.artifact-preview-open) #inspector{display:none}
.workspace-bar .flow-restore{width:auto;min-height:32px;margin:0 auto 0 0;padding:6px 10px}
@media(max-width:1120px){body.flow-hidden:not(.artifacts-open):not(.artifact-preview-open) #workspace{grid-template-columns:215px minmax(0,1fr)}}
@media(max-width:700px){body.flow-hidden:not(.artifacts-open):not(.artifact-preview-open) #workspace{grid-template-columns:minmax(0,1fr)}}
@media(max-height:500px) and (max-width:1120px){body.flow-hidden:not(.artifacts-open):not(.artifact-preview-open) .workspace-bar{display:flex;padding:4px 12px}}