:root{--cream:#f5f3ea;--paper:#fffef9;--green:#193d30;--muted:#6d7e72;--line:#dfE3d7;--pale:#eaf0df;--accent:#b8cf95;--soft:#f0f2e9;--danger:#a54732;font-family:Inter,"Segoe UI",Arial,sans-serif;color:var(--green);background:var(--cream);font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,textarea,select{outline-offset:4px}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #83a951}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.46}a{color:inherit}button{color:inherit}button,input,select,textarea{border-radius:8px}input,select,textarea{border:1px solid var(--line);background:var(--paper);color:var(--green)}input,textarea{padding:12px}textarea{resize:vertical;line-height:1.5}button{border:0;background:none}.app-shell{display:grid;grid-template-columns:184px minmax(0,1fr);height:100dvh;min-height:620px}.room-rail{display:flex;flex-direction:column;border-right:1px solid var(--line);padding:28px 16px;background:#eeeee3}.brand{display:flex;gap:10px;align-items:center;text-decoration:none;font-weight:650;font-size:29px;letter-spacing:-1.4px;margin-bottom:62px;padding-left:10px}.brand-mark{height:33px;width:33px;background:var(--green);color:var(--cream);border-radius:50%;font-size:27px;line-height:29px;text-align:center;font-family:Georgia,serif;letter-spacing:-2px;padding-right:3px}.brand-dot{color:#809f61}.rail-label,.eyebrow,.section-caption{font-size:10px;font-weight:700;letter-spacing:1.4px}.rail-label{color:#7d8979;margin:0 12px 14px}.room-link{display:flex;align-items:center;gap:11px;width:100%;text-align:left;padding:14px 12px;background:#dfe8d1;font-size:13px;font-weight:650}.room-icon{font-size:23px}.room-link small,.rail-context small{display:block;margin-top:4px;font-size:10px;font-weight:400;color:var(--muted)}.work-label{margin-top:36px}.rail-context{display:flex;align-items:flex-start;gap:9px;padding:0 12px;font-size:12px;line-height:1.4}.little-dot{display:inline-block;width:6px;height:6px;background:#87a266;border-radius:50%;margin-top:4px;flex:none}.rail-bottom{margin-top:auto;padding:16px 12px 0}.rail-note{font-family:Georgia,serif;font-size:19px;line-height:1.45;letter-spacing:-.3px;color:#708169}.local-tag{display:inline-block;margin-top:20px;font-size:8px;letter-spacing:1.5px;border:1px solid #cad5bc;border-radius:5px;padding:5px 7px;color:#62785a}.workspace{min-width:0;display:flex;flex-direction:column;padding:32px 32px 22px;overflow:hidden}.room-header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:28px}.eyebrow{color:#79906e;font-size:9px;display:block}h1,h2,h3,h4,p{margin:0}h1{font-family:Georgia,"Times New Roman",serif;font-size:38px;font-weight:400;letter-spacing:-1.4px;margin:8px 0 7px}.room-header p{font-size:12px;color:var(--muted)}.header-actions{display:flex;align-items:center;gap:12px}.connection{display:flex;align-items:center;gap:7px;font-size:11px;color:var(--muted);white-space:nowrap}.connection>span{width:6px;height:6px;border-radius:50%;background:#a5aca2}.connection.connected>span{background:#719851;box-shadow:0 0 0 3px #e6ecd9}.connection.reconnecting>span{background:#c3974e}.button{display:inline-flex;justify-content:center;align-items:center;gap:15px;padding:11px 15px;font-weight:600;font-size:11px;line-height:1.3;white-space:nowrap}.button.primary{background:var(--green);color:#f8faef}.button.primary:hover:not(:disabled){background:#28543c}.button.secondary{background:var(--pale);border:1px solid #d8e2ca}.button.quiet{border:1px solid #d6dccd;background:#fafbf3}.room-body{display:grid;grid-template-columns:minmax(0,1fr) 328px;gap:22px;min-height:0;flex:1}.build-space{min-height:0;min-width:0;display:flex;flex-direction:column;background:var(--paper);border:1px solid var(--line);border-radius:12px;overflow:hidden}.work-heading{padding:25px 26px 21px;display:flex;justify-content:space-between;align-items:center;gap:15px}.work-heading h2{font-family:Georgia,serif;font-size:23px;font-weight:400;letter-spacing:-.4px;margin-top:7px}.work-counts{display:flex;gap:15px;color:var(--muted);font-size:9px;white-space:nowrap}.work-counts strong{color:var(--green);font-weight:600;font-size:12px;margin-right:3px}.tab-bar{display:flex;padding:0 26px;border-bottom:1px solid var(--line);gap:27px;flex:none}.tab-bar button{border-radius:0;padding:12px 0 14px;font-size:12px;color:#7d897a;border-bottom:2px solid transparent;margin-bottom:-1px}.tab-bar button[aria-selected=true]{border-color:var(--green);color:var(--green);font-weight:650}.tab-dot{display:inline-block;width:4px;height:4px;border-radius:50%;background:#8aa66b;vertical-align:middle;margin-left:5px}.tab-panel{flex:1;min-height:0;display:flex;flex-direction:column}.tab-panel[hidden]{display:none}.preview-bar{display:flex;align-items:center;gap:10px;padding:16px 22px;border-bottom:1px solid #eaedde;font-size:10px;color:var(--muted);flex:none}.preview-badge{font-size:8px;font-weight:700;letter-spacing:1px;padding:4px 6px;background:#edf1e2;color:#60784f;border-radius:4px}.sandbox-label{margin-left:auto;font-size:9px;white-space:nowrap}#preview-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.preview-wrap{position:relative;flex:1;min-height:180px;background:radial-gradient(circle at 50% 45%,#f6f7ed 0,#fbfcf6 65%);overflow:hidden}#preview{width:100%;height:100%;border:0;display:block;background:white}#preview[hidden]{display:none}.empty-state{height:100%;min-height:210px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:35px 30px}.empty-emblem{height:60px;width:60px;border:1px solid #dce5ca;border-radius:16px;display:grid;place-items:center;font-size:29px;background:#eef3e3;color:#789459;margin-bottom:22px;transform:rotate(-4deg)}.empty-state h3{font-family:Georgia,serif;font-weight:400;font-size:29px;letter-spacing:-.8px;margin-bottom:12px}.empty-state p{max-width:340px;color:var(--muted);font-size:12px;line-height:1.8}.empty-footnote{color:#94a18b;font-size:10px;margin-top:24px}.preview-footer{display:flex;justify-content:space-between;align-items:center;gap:8px;border-top:1px solid #e6eadb;padding:11px 22px;flex:none;font-size:10px;color:var(--muted)}#preview-commit{font-family:Consolas,monospace;font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-button{font-size:10px;font-weight:600;padding:3px;white-space:nowrap}.text-button span{margin-left:9px}.snapshot-trail{padding:18px 22px 17px;border-top:1px solid var(--line);background:#fcfcf6;flex:none}.section-caption{font-size:9px;display:flex;justify-content:space-between;align-items:center;color:#7b8a71}.section-caption>span{font-size:9px;font-weight:400;letter-spacing:0;color:#8b9882}.snapshot-strip{display:flex;overflow-x:auto;gap:8px;padding-top:12px;min-height:35px}.snapshot-chip{flex:none;text-align:left;max-width:160px;background:#f1f4e9;border:1px solid #e0e6d5;border-radius:7px;padding:9px 11px}.snapshot-chip.selected{background:#e1eacf;border-color:#9fb880}.snapshot-chip strong{display:block;font-size:10px;font-weight:600;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.snapshot-chip small{display:block;font-size:9px;color:var(--muted);font-family:Consolas,monospace;margin-top:5px}.work-footer{display:flex;justify-content:space-between;gap:12px;padding:13px 22px;border-top:1px solid var(--line);font-size:9px;color:#85927a;flex:none}.work-footer>span:first-child{display:flex;gap:7px;align-items:center}.work-footer .little-dot{margin:0;width:4px;height:4px}.conversation{display:flex;min-height:0;flex-direction:column;border:1px solid var(--line);border-radius:12px;background:#f9faf2;overflow:hidden}.conversation-heading{display:flex;justify-content:space-between;align-items:center;padding:23px 20px 18px}.conversation-heading h2{font-size:15px;font-weight:600;margin-top:7px;letter-spacing:-.2px}.count-badge{border:1px solid #d6e0c5;border-radius:20px;padding:5px 8px;background:#edf2e1;font-size:9px;color:#6a8354;white-space:nowrap}.participants{padding:0 20px 19px;display:grid;grid-template-columns:1fr 1fr;gap:13px 10px;flex:none}.participant{display:flex;gap:8px;align-items:center;min-width:0}.avatar{display:grid;place-items:center;height:29px;width:29px;flex:none;background:#e4e9d9;border:1px solid #d7dfca;border-radius:50%;font-size:10px;position:relative;font-weight:600}.avatar.agent{border-radius:9px;background:#e9ecdf;color:#587447}.avatar .presence-dot{position:absolute;right:-1px;bottom:-1px;border:2px solid #f9faf2;border-radius:50%;width:8px;height:8px;background:#b8beb2}.avatar .presence-dot.online{background:#82a557}.participant-info{min-width:0}.participant-name{font-size:10px;font-weight:650;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.participant-machine{font-size:9px;color:var(--muted);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.participant-model{font-size:8px;color:#8a9680;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-heading{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);border-bottom:1px solid #e9ecdf;padding:14px 20px}.chat-heading h3{font-size:11px;font-weight:650}.chat-heading>span{font-size:9px;color:#859577}.chat-log{flex:1;min-height:85px;overflow-y:auto;padding:17px 20px;scrollbar-width:thin;scrollbar-color:#c9d4bc transparent}.chat-empty{height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:20px 8px;color:var(--muted)}.chat-empty>span{font-size:26px;color:#98af7f;margin-bottom:12px}.chat-empty h4{font-size:13px;font-weight:600;color:#607558;margin-bottom:8px}.chat-empty p{font-size:11px;line-height:1.7}.chat-event{margin-bottom:21px}.event-top{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.event-author{font-size:10px;font-weight:650}.event-time{font-size:8px;color:#95a089;margin-left:auto}.event-label{border-radius:4px;background:#e7eedc;color:#6b8355;font-size:8px;padding:3px 5px}.event-label.approval{background:#d9e9ce;color:#376031}.event-body{white-space:pre-wrap;overflow-wrap:anywhere;font-size:11px;line-height:1.7;color:#52664c;margin-top:7px}.event-meta{font-size:8px;line-height:1.6;color:#8b9882;margin-top:6px;overflow-wrap:anywhere}.event-commit{display:inline-block;font-family:Consolas,monospace;font-size:9px;background:#ebefe1;color:#688354;border-radius:4px;padding:4px 6px;margin-top:7px}.composer{padding:14px 17px 17px;border-top:1px solid var(--line);background:#f2f5e9;flex:none}.compose-options{display:flex;gap:8px;margin-bottom:9px}.compose-options label{flex:1;min-width:0}.compose-options select{width:100%;font-size:10px;padding:7px 8px;background:#f9fbf3}.composer textarea{width:100%;font-size:11px;resize:none;background:#fffef9;border-color:#dce3d0;padding:10px 11px}.composer-footer{display:flex;justify-content:space-between;align-items:center;margin-top:10px;gap:5px}.composer-footer>span{font-size:9px;color:#7f9170;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.composer-footer .button{padding:9px 13px;font-size:10px}.event-details{margin-top:6px;font-size:9px;color:#7d8f6d}.event-details summary{cursor:pointer}.event-details>div{display:grid;gap:5px;padding-top:8px}.event-details input{padding:7px 8px;font-size:10px;width:100%}.scroll-panel{overflow:auto;padding:25px 25px}.panel-intro{margin-bottom:24px}.panel-intro h3{font-family:Georgia,serif;font-size:25px;letter-spacing:-.6px;font-weight:400;margin-bottom:9px}.panel-intro p{font-size:11px;color:var(--muted);line-height:1.7}.empty-card{padding:26px;border:1px dashed #d5dfc8;border-radius:8px;text-align:center;color:var(--muted);font-size:12px;line-height:1.7}.receipt-card,.snapshot-card,.review-event{border:1px solid var(--line);border-radius:9px;padding:17px 18px;margin-bottom:13px;background:#fcfdf6}.card-title{display:flex;align-items:center;gap:8px;margin-bottom:10px}.card-title strong{font-size:12px;font-weight:600}.card-title time{margin-left:auto;color:#8a9880;font-size:9px}.card-body{font-size:12px;color:#5e7054;line-height:1.8;white-space:pre-wrap;overflow-wrap:anywhere}.card-meta{font-size:10px;color:#87977b;margin-top:12px;line-height:1.7;overflow-wrap:anywhere}.card-actions{display:flex;gap:12px;margin-top:12px}.snapshot-card{width:100%;display:block;text-align:left}.snapshot-card:hover{border-color:#a5bb8b}.snapshot-card.selected{border-color:#9ab57c;background:#f0f5e5}.snapshot-card h4{font-family:Georgia,serif;font-size:20px;font-weight:400;margin-bottom:8px}.snapshot-card code,.review-card code{font-family:Consolas,monospace;font-size:11px;overflow-wrap:anywhere;display:block;color:#6d865b}.review-card{background:#f1f5e6;border:1px solid #d8e3c7;padding:23px;border-radius:10px}.review-card h4{font-size:20px;font-weight:500;margin:10px 0}.review-card p{margin:14px 0 20px}.review-card label{font-size:11px;display:block;margin-bottom:8px}.review-card textarea{width:100%;font-size:12px;resize:vertical}.review-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:15px}.review-history-caption{margin:26px 0 15px}.quiet-copy{font-size:11px;line-height:1.7;color:var(--muted)}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);padding:13px 20px;max-width:min(600px,90vw);background:var(--green);color:white;border-radius:9px;font-size:12px;box-shadow:0 6px 25px #173a3020;z-index:5}.toast.error{background:#834734}.login-dialog{border:1px solid #d5dec8;border-radius:17px;width:min(420px,calc(100vw - 32px));padding:35px;box-shadow:0 25px 80px #213e3025;background:#f9faf1;color:var(--green)}.login-dialog::backdrop{background:#f0f0e6d9;backdrop-filter:blur(4px)}.login-mark{display:block;font-family:Georgia,serif;font-size:38px;margin-bottom:27px}.login-dialog h2{font-family:Georgia,serif;font-size:35px;font-weight:400;letter-spacing:-1px;margin:10px 0 14px}.login-dialog p{font-size:12px;line-height:1.8;color:var(--muted);margin-bottom:24px}.login-dialog label{font-size:11px;display:block;margin-bottom:8px}.login-dialog input{width:100%;background:#fffef9;font-size:12px}.login-dialog .button{width:100%;justify-content:space-between;margin-top:3px;padding:13px 16px}.login-dialog small{display:block;margin-top:21px;font-size:9px;line-height:1.8;color:#8a987d}.login-dialog p.form-error{color:var(--danger);font-size:11px;margin:8px 0;min-height:17px;line-height:1.5}.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}[hidden]{display:none!important}.interactive-controls{display:flex;align-items:center;gap:10px;padding:8px 22px;border-top:1px solid var(--line);font-size:9px;color:var(--muted)}.interactive-controls button{border:1px solid #dce4ce;padding:6px 8px;font-size:9px;background:#eff4e5}.interactive-controls p{line-height:1.5}
@media(min-width:1600px){.workspace{padding:38px 45px 28px}.room-body{grid-template-columns:minmax(0,1fr) 370px;gap:28px}.room-header{margin-bottom:32px}.room-header h1{font-size:43px}.participants{gap:16px}.participant-name{font-size:12px}.participant-machine{font-size:10px}.participant-model{font-size:9px}.event-body{font-size:12px}.event-author{font-size:11px}.conversation-heading h2{font-size:17px}.chat-log{padding:20px 23px}.conversation-heading,.participants,.chat-heading{padding-left:23px;padding-right:23px}}
@media(max-width:1150px){.app-shell{grid-template-columns:145px 1fr}.workspace{padding:24px 20px 18px}.room-rail{padding:23px 10px}.brand{font-size:26px;padding-left:6px;gap:6px}.room-body{grid-template-columns:minmax(0,1fr) 285px;gap:14px}.work-heading{padding:20px}.work-counts{gap:8px}.work-counts span{font-size:0}.work-counts strong{font-size:12px}.tab-bar{padding:0 20px;gap:23px}.header-actions{gap:8px}.room-header p{max-width:330px;line-height:1.6}.participants{padding:0 15px 16px;gap:12px 7px}.conversation-heading,.chat-heading,.chat-log{padding-left:15px;padding-right:15px}.participant-model{max-width:91px}.sandbox-label{display:none}.scroll-panel{padding:20px}.review-card{padding:18px}.review-actions{flex-wrap:wrap}.room-header h1{font-size:34px}.rail-note{font-size:17px}.room-link{padding:12px 8px;gap:7px;font-size:12px}.room-link small{font-size:9px}}
@media(max-width:850px){.app-shell{grid-template-columns:68px minmax(0,1fr)}.room-rail{padding:24px 10px}.brand{padding:0;justify-content:center}.brand>span:last-child,.rail-label,.room-link>span:last-child,.rail-context,.rail-bottom{display:none}.brand{margin-bottom:40px}.room-link{justify-content:center;padding:11px}.workspace{padding:20px 15px 14px}.room-body{grid-template-columns:minmax(0,1fr) 260px;gap:12px}.header-actions{flex-wrap:wrap;justify-content:flex-end}.room-header{gap:10px;margin-bottom:18px}.connection{width:100%;justify-content:flex-end}.room-header p{font-size:11px;max-width:280px}.work-heading h2{font-size:21px}.work-counts{display:none}.tab-bar{gap:18px}.tab-bar button{font-size:11px}.empty-state{padding:20px}.empty-state h3{font-size:25px}.empty-state p{font-size:11px}.preview-bar{padding:13px 15px}.preview-footer{padding:10px 15px}.snapshot-trail{padding:15px}.work-footer{padding:12px 15px}.work-footer>span:first-child{max-width:130px;line-height:1.5}.work-footer>span:last-child{white-space:nowrap;font-size:8px}.review-actions{justify-content:flex-start}}
@media(max-width:700px){.app-shell{display:block;min-height:100dvh;height:auto}.room-rail{display:none}.workspace{overflow:visible;padding:20px 14px}.room-header{align-items:flex-start;margin-bottom:20px}.room-header p{max-width:230px}.room-header h1{font-size:33px}.header-actions{max-width:145px}.button.quiet{padding:8px 10px;font-size:10px}.room-body{display:flex;flex-direction:column;gap:18px}.build-space{min-height:570px;height:65dvh}.conversation{height:620px;min-height:500px}.participants{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.participant{display:block}.participant-info{margin-top:6px}.participant-model{max-width:100%}.participant-machine{max-width:100%}.conversation-heading{padding-top:20px}.chat-log{min-height:140px}.work-heading{padding:19px 20px}.work-counts{display:flex}.work-counts span{font-size:9px}.empty-state{padding:25px}.room-header .eyebrow{font-size:8px}.scroll-panel{padding:20px}.login-dialog{padding:28px}.interactive-controls{padding:8px 15px}.work-footer>span:first-child{max-width:none}}
@media(prefers-reduced-motion:no-preference){button{transition:background .15s,border-color .15s,opacity .15s}.toast{animation:enter .2s ease-out}@keyframes enter{from{opacity:0;bottom:20px}to{opacity:1;bottom:25px}}}

/* Native AgentEmail workspace mount: its outer navigation owns the chrome. */
.embedded .app-shell{display:block;min-height:0;height:100dvh}.embedded .room-rail{display:none}.embedded .workspace{height:100%;padding:10px;min-height:0}.embedded .room-header{margin-bottom:10px;gap:8px}.embedded .room-header h1{font:600 18px/1.3 "Segoe UI",sans-serif;margin:0}.embedded .room-header p,.embedded .room-header .eyebrow{display:none}.embedded .work-heading{display:none}.embedded .work-area{min-height:0}.stream-switch{display:flex;gap:4px;padding:6px 16px;border-bottom:1px solid var(--line)}.stream-switch button{padding:6px 9px;font-size:12px}.stream-switch button[aria-pressed=true]{background:var(--pale);font-weight:650}.json-receipt{font-size:11px;margin-bottom:14px}.json-receipt pre{font:11px/1.5 Consolas,monospace;white-space:pre-wrap;overflow-wrap:anywhere;background:var(--soft);border-radius:6px;padding:10px;margin-top:6px}.json-stream[hidden],.chat-log[hidden]{display:none!important}

/* Embedded workspace: reserve the composer, and scroll the conversation stream. */
.embedded body{overflow:hidden}
.embedded .workspace{overflow:hidden;padding:8px}
.embedded .room-header{flex:0 0 auto;align-items:center;margin-bottom:6px}
.embedded .header-actions{gap:6px;max-width:none}
.embedded .room-body{flex:1 1 0;min-height:0;gap:12px}
.embedded .build-space{min-height:0;height:auto}
.embedded .tab-panel,.embedded .preview-wrap{min-height:0}
.embedded .empty-state{min-height:0;padding:16px;overflow:auto}
.embedded .empty-emblem{margin-bottom:12px}
.embedded .conversation{height:auto;min-height:0}
.embedded .conversation-heading{flex:0 0 auto;padding:12px 14px 10px}
.embedded .participants{flex:0 0 auto;padding:0 14px 10px;gap:10px}
.embedded .chat-heading{flex:0 0 auto;padding:9px 14px}
.embedded .stream-switch{flex:0 0 auto;padding:4px 10px}
.embedded .stream-switch button{font-size:11px;padding:4px 8px}
.embedded .chat-log,.embedded .json-stream{flex:1 1 0;min-height:0;overflow:auto;padding:12px 14px}
.embedded .composer{flex:0 0 auto;padding:9px 12px 11px}
.embedded .compose-options{margin-bottom:7px}
.embedded .composer textarea{height:62px;min-height:62px;padding:8px 10px}
.embedded .composer-footer{margin-top:7px}
.embedded .event-details[open]{max-height:125px;overflow:auto}
.embedded .preview-bar{padding:10px 14px}
.embedded .preview-footer{padding:8px 14px}
.embedded .snapshot-trail{padding:10px 14px;max-height:115px;overflow:auto}
.embedded .work-footer{padding:9px 14px}
@media(max-width:700px){.embedded .room-body{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(120px,1fr) minmax(290px,1.5fr);gap:8px}.embedded .build-space{height:auto;min-height:0}.embedded .conversation{height:auto;min-height:0}.embedded .participants{grid-template-columns:repeat(4,minmax(0,1fr))}.embedded .conversation-heading{padding:8px 12px}.embedded .participants{padding:0 12px 7px}.embedded .participant-machine,.embedded .participant-model{font-size:8px}.embedded .composer{padding:7px 10px}.embedded .composer textarea{height:46px;min-height:46px}.embedded .snapshot-trail,.embedded .work-footer{display:none}.embedded .tab-bar{padding:0 12px;gap:16px}.embedded .preview-footer{padding:6px 12px}.embedded .room-header .connection{width:auto}}