:root{--bg:#101311;--surface:#151916;--surface-2:#1a201c;--surface-3:#202722;--line:#2b332e;--line-soft:#222923;--text:#f1f3ef;--text-2:#c4cbc5;--muted:#818a83;--green:#b7f7c8;--green-strong:#7fe29d;--green-dark:#173a24;--amber:#e9c984;--red:#f0978f;--shadow:0 24px 70px rgba(0,0,0,.45);--dock-gap:max(12px,env(safe-area-inset-bottom));--sans:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--mono:"SFMono-Regular",Consolas,"Liberation Mono",Menlo,monospace}*{box-sizing:border-box}html,body{height:100%;overscroll-behavior:none}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.5 var(--sans);overflow:hidden}button,input,select,textarea{font:inherit}.app{height:100%;height:100vh;height:100dvh;display:flex;background:radial-gradient(circle at 50% -20%,rgba(93,154,107,.08),transparent 38%),var(--bg)}button{color:inherit}.workspace{position:relative;width:100%;height:100%;display:flex;flex-direction:column;min-width:0}.header{height:64px;flex:none;display:flex;align-items:center;gap:11px;padding:0 14px;border-bottom:1px solid var(--line-soft);background:rgba(16,19,17,.86);backdrop-filter:blur(18px);position:relative;z-index:2}.icon-button{width:38px;height:38px;display:grid;place-items:center;border:0;border-radius:10px;background:transparent;color:var(--text-2);font-size:21px;cursor:pointer}.icon-button:hover{background:var(--surface-2)}.hamb{width:18px;display:grid;gap:4px}.hamb i{height:1.5px;background:currentColor;border-radius:4px}.header-title{display:flex;flex-direction:column;min-width:0;flex:1}.header-title>b{font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.header-title>span{font-size:11px;color:var(--muted);display:flex;align-items:center;gap:5px}.live-dot{width:6px;height:6px;border-radius:50%;background:var(--green-strong);box-shadow:0 0 8px rgba(127,226,157,.45)}.session-pill{display:flex;align-items:center;gap:6px;border:1px solid var(--line);background:var(--surface);padding:6px 9px;border-radius:999px;font-size:10px;color:var(--muted)}.session-pill b{font:500 11px var(--mono);color:var(--text-2)}.more-button{font-size:15px;letter-spacing:1px}.chat{flex:1;overflow-y:auto;overscroll-behavior:none;display:flex;flex-direction:column;scrollbar-width:thin;scrollbar-color:#384039 transparent;padding:24px max(16px,calc((100% - 760px)/2)) 180px}.chat:not(.has-messages){overflow:hidden}.empty-state{flex:1 0 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:28px 0}.agent-orb{width:58px;height:58px;border:1px solid #3a493f;border-radius:18px;padding:5px;background:linear-gradient(145deg,#212b24,#101511);box-shadow:0 18px 50px rgba(0,0,0,.35)}.agent-orb span{width:100%;height:100%;border-radius:13px;display:grid;place-items:center;background:linear-gradient(145deg,#c8f8d3,#74ce90);color:#102016;font:700 22px var(--mono)}.empty-state h1{font-size:25px;line-height:1.15;letter-spacing:-.025em;margin:19px 0 8px}.empty-state>p{max-width:450px;color:var(--muted);margin:0}.starter-grid{width:100%;max-width:630px;display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:30px}.starter-grid button{text-align:left;border:1px solid var(--line);border-radius:13px;background:rgba(21,25,22,.72);padding:14px;cursor:pointer;transition:.18s ease}.starter-grid button:hover{background:var(--surface-2);border-color:#3b493f;transform:translateY(-1px)}.starter-grid button>span{display:grid;place-items:center;width:28px;height:28px;border-radius:8px;background:var(--surface-3);color:var(--green);margin-bottom:20px}.starter-grid b,.starter-grid small{display:block}.starter-grid b{font-size:12px}.starter-grid small{font-size:10px;color:var(--muted);margin-top:2px}.messages{display:grid;gap:26px}.message{display:grid;grid-template-columns:30px minmax(0,1fr);gap:11px}.message.user{grid-template-columns:minmax(0,1fr);margin-left:40px}.message.user .message-avatar{display:none}.message-avatar{width:30px;height:30px;border-radius:9px;background:linear-gradient(145deg,#c8f8d3,#74ce90);display:grid;place-items:center;color:#102016;font:700 12px var(--mono)}.message-content{min-width:0}.message-name{display:flex;align-items:center;gap:8px;margin-bottom:5px}.message-name b{font-size:12px}.message-name time{font-size:10px;color:var(--muted)}.user-bubble{justify-self:end;max-width:88%;padding:11px 14px;background:var(--surface-3);border:1px solid #303a33;border-radius:15px 15px 4px 15px;color:var(--text-2);white-space:pre-wrap}.agent-copy{color:var(--text-2);font-size:14px}.activity{margin-top:12px;border:1px solid var(--line);border-radius:12px;background:rgba(21,25,22,.7);overflow:hidden}.activity-head{height:38px;padding:0 11px;display:flex;align-items:center;gap:8px;border-bottom:1px solid var(--line-soft);font-size:11px;color:var(--muted)}.activity-head .pulse{width:7px;height:7px;border-radius:50%;background:var(--green-strong);box-shadow:0 0 0 4px rgba(127,226,157,.08)}.activity-head b{color:var(--text-2);font-weight:500}.activity-head time{margin-left:auto;font:10px var(--mono)}.terminal{padding:12px;font:11px/1.7 var(--mono);color:#aab4ac;white-space:pre-wrap;overflow-x:auto}.terminal .cmd{color:var(--text)}.terminal .ok{color:var(--green-strong)}.terminal .dim{color:#667068}.activity-steps{padding:4px 11px 10px}.step{display:flex;align-items:flex-start;gap:9px;padding:7px 0;color:var(--muted);font-size:11px}.step+.step{border-top:1px solid var(--line-soft)}.step-icon{width:16px;color:var(--green-strong);font-family:var(--mono)}.step b{color:var(--text-2);font-weight:500}.cursor{display:inline-block;width:6px;height:12px;background:var(--green-strong);vertical-align:-2px;animation:blink 1s steps(1) infinite}@keyframes blink{50%{opacity:0}}.composer-zone{position:absolute;z-index:2;left:0;right:0;bottom:0;padding:38px max(12px,calc((100% - 760px)/2)) var(--dock-gap);background:linear-gradient(transparent 0,var(--bg) 30%)}.composer{border:1px solid #38433b;background:rgba(24,29,25,.96);border-radius:17px;padding:11px;box-shadow:0 10px 38px rgba(0,0,0,.34);transition:.18s ease}.composer:focus-within{border-color:#526158;box-shadow:0 10px 38px rgba(0,0,0,.34),0 0 0 3px rgba(154,225,171,.06)}.composer textarea{width:100%;min-height:44px;max-height:130px;resize:none;border:0;outline:0;background:transparent;color:var(--text);font-size:14px;line-height:1.45;padding:2px 3px}.composer textarea::placeholder{color:#717a73}.composer-actions,.left-actions,.right-actions{display:flex;align-items:center}.composer-actions{justify-content:space-between;margin-top:5px}.left-actions,.right-actions{gap:7px}.composer-button,.send-button,.stop-button,.model-button{border:0;cursor:pointer}.composer-button{width:32px;height:32px;border-radius:9px;background:transparent;color:var(--text-2);font-size:21px}.composer-button:hover{background:var(--surface-3)}.model-button{height:30px;display:flex;align-items:center;gap:6px;padding:0 9px;border-radius:8px;background:transparent;color:var(--muted);font-size:11px}.model-button:hover{background:var(--surface-3)}.model-button b{font-size:10px}.model-select{flex:0 1 auto;min-width:0;height:30px;max-width:150px;border:1px solid transparent;border-radius:8px;background:transparent;color:var(--muted);font-size:11px;cursor:pointer;outline:0;padding:0 6px;text-overflow:ellipsis}.model-select:hover{background:var(--surface-3)}.model-select option{background:var(--surface-2);color:var(--text-2)}.model-status{width:6px;height:6px;border-radius:50%;background:var(--amber)}.model-status.connected{background:var(--green-strong)}.send-button,.stop-button{width:34px;height:34px;border-radius:10px;display:grid;place-items:center}.send-button{background:var(--green);color:#102016;font-weight:800;font-size:18px}.send-button:hover{background:#cdfbd8}.stop-button{background:#50302e}.stop-button span{width:10px;height:10px;border-radius:2px;background:var(--red)}.hidden{display:none!important}.composer-meta{display:flex;justify-content:space-between;padding:6px 4px 0;color:#5f6861;font-size:9px}.file-strip{display:flex;gap:7px;overflow-x:auto;padding-bottom:7px}.file-chip{flex:none;display:flex;align-items:center;gap:7px;max-width:190px;padding:6px 8px;background:var(--surface-2);border:1px solid var(--line);border-radius:9px;color:var(--text-2);font-size:10px}.file-chip span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-chip button{border:0;background:none;color:var(--muted);cursor:pointer}.drawer{position:fixed;z-index:10;inset:0 auto var(--dock-gap) 0;width:min(310px,88vw);background:#121613;border-right:1px solid var(--line);box-shadow:var(--shadow);display:flex;flex-direction:column;padding:15px;transform:translateX(-105%);transition:transform .23s ease}.drawer.open{transform:none}.scrim{position:fixed;z-index:9;inset:0;background:rgba(0,0,0,.58);opacity:0;pointer-events:none;transition:.2s}.scrim.show{opacity:1;pointer-events:auto}.drawer-top{display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:10px}.brand-glyph{width:32px;height:32px;border-radius:9px;display:grid;place-items:center;background:var(--green);color:#112016;font:700 14px var(--mono)}.brand b,.brand small{display:block}.brand b{font-size:11px;letter-spacing:.06em}.brand small{font-size:9px;color:var(--muted)}.drawer-close{font-size:23px}.new-chat{height:42px;margin-top:20px;border:1px solid #39443c;border-radius:11px;background:var(--surface-2);display:flex;align-items:center;gap:9px;padding:0 11px;font-size:12px;cursor:pointer}.new-chat:hover{border-color:#536157}.new-chat span{font-size:18px}.new-chat kbd{margin-left:auto;font:9px var(--sans);color:var(--muted);border:1px solid var(--line);border-radius:5px;padding:2px 5px}.drawer-section{margin-top:22px}.section-caption{padding:0 8px 7px;font-size:9px;color:#687169;text-transform:uppercase;letter-spacing:.11em}.chat-list{display:grid;gap:3px}.chat-item{border:0;background:transparent;color:var(--muted);text-align:left;padding:9px;border-radius:9px;font-size:11px;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-item:hover,.chat-item.active{background:var(--surface-2);color:var(--text-2)}.drawer-bottom{margin-top:auto;display:grid;gap:4px}.drawer-action{width:100%;display:grid;grid-template-columns:30px 1fr auto;align-items:center;gap:9px;padding:9px 7px;border:0;border-radius:10px;background:transparent;text-align:left;cursor:pointer}.drawer-action:hover{background:var(--surface-2)}.action-icon{width:30px;height:30px;display:grid;place-items:center;border-radius:8px;background:var(--surface-3);color:var(--green)}.drawer-action b,.drawer-action small{display:block}.drawer-action b{font-size:11px}.drawer-action small{font-size:9px;color:var(--muted)}.drawer-action i{color:var(--muted);font-style:normal}.account{margin-top:7px;padding:12px 7px 3px;border-top:1px solid var(--line-soft);display:flex;align-items:center;gap:9px}.account-avatar{width:29px;height:29px;border-radius:50%;display:grid;place-items:center;background:#303932;color:var(--text-2);font-size:11px}.account b,.account small{display:block}.account b{font-size:10px}.account small{font-size:9px;color:var(--muted)}.sheet{position:fixed;z-index:20;left:50%;bottom:0;width:min(540px,100%);max-height:92vh;overflow:auto;transform:translate(-50%,105%);background:#171c18;border:1px solid #364039;border-bottom:0;border-radius:22px 22px 0 0;padding:10px 20px max(20px,env(safe-area-inset-bottom));box-shadow:var(--shadow);transition:transform .25s ease}.sheet.open{transform:translate(-50%,0)}.sheet-handle{width:38px;height:4px;border-radius:4px;background:#424b44;margin:0 auto 16px}.sheet-header{display:flex;align-items:flex-start;justify-content:space-between}.eyebrow{font-size:9px;color:var(--green-strong);text-transform:uppercase;letter-spacing:.1em}.sheet h2{font-size:20px;margin:3px 0 0;letter-spacing:-.02em}.sheet-lead{color:var(--muted);font-size:11px;max-width:450px;margin:10px 0 18px}.sheet form{display:grid;gap:14px}.sheet label{display:grid;gap:6px;color:var(--text-2);font-size:10px}.sheet input,.sheet select{width:100%;height:42px;border:1px solid var(--line);border-radius:10px;outline:0;background:#111512;color:var(--text);padding:0 11px;font-size:12px}.sheet input:focus,.sheet select:focus{border-color:#5f7466;box-shadow:0 0 0 3px rgba(154,225,171,.06)}.input-wrap{position:relative}.input-wrap input{padding-right:78px}.input-wrap button{position:absolute;right:6px;top:6px;height:30px;border:0;background:var(--surface-3);color:var(--muted);border-radius:7px;padding:0 9px;font-size:9px;cursor:pointer}.two-fields{display:grid;grid-template-columns:1fr 1.3fr;gap:10px}.security-note{display:flex;gap:10px;padding:11px;border:1px solid #2d4434;background:rgba(42,88,53,.13);border-radius:10px}.security-note>span{color:var(--green-strong)}.security-note p{margin:0;color:var(--muted);font-size:9px}.security-note b{color:var(--text-2);font-size:10px}.sheet-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.secondary-button,.primary-button{height:42px;border-radius:10px;cursor:pointer;font-size:11px;font-weight:600}.secondary-button{border:1px solid var(--line);background:var(--surface-2);color:var(--text-2)}.primary-button{border:0;background:var(--green);color:#102016}.test-result{min-height:18px;color:var(--green-strong);font-size:10px;text-align:center}@media(max-width:620px){.starter-grid{grid-template-columns:1fr}.starter-grid button{display:grid;grid-template-columns:34px 1fr;column-gap:9px}.starter-grid button>span{grid-row:1/3;margin:0}.starter-grid button b,.starter-grid button small{align-self:center}.empty-state{justify-content:flex-start;padding-top:11vh}.two-fields{grid-template-columns:1fr}.composer-meta span:last-child{display:none}.session-pill span{display:none}.chat{padding-top:18px}.message.user{margin-left:20px}}@media(min-width:900px){.drawer{position:relative;transform:none;box-shadow:none;z-index:1}.drawer-close,.scrim,#menuButton{display:none}.composer-zone{left:310px}}
[hidden]{display:none!important}
/* Mobile dock: let the control rows wrap on narrow screens instead of pushing
   past the edge, and never let the composer leave the visible viewport. */
@media(max-width:430px){.composer-actions{flex-wrap:wrap;row-gap:6px}.left-actions{flex-wrap:wrap;flex:1 1 auto;min-width:0;row-gap:6px}.right-actions{flex:0 0 auto}}