@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap');
:root{font:13px/1.5 'DM Sans',system-ui,sans-serif;background:#101216;color:#e6e8ee;color-scheme:dark;--muted:#9097a7;--line:#2b303a;--orange:#ff8b4b;--panel:#15181e}*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}button,.button{background:#20252e;border:1px solid #3a404c;color:#e5e7ed;padding:8px 13px;border-radius:6px;cursor:pointer;text-decoration:none;white-space:nowrap;transition:background .15s}button:hover,.button:hover{background:#303642}button:disabled{opacity:.4;cursor:wait}.primary{background:var(--orange);border-color:var(--orange);color:#23170e;font-weight:700}.primary:hover{background:#ffa36e}a{color:#ffb087}input,textarea{background:#101319;border:1px solid #3e4656;border-radius:7px;color:#e9eaf0;padding:12px;width:100%;outline:none}input:focus,textarea:focus{border-color:var(--orange)}textarea{resize:vertical}label{display:block;color:#c5cad5;margin-bottom:7px}code,pre,.eyebrow,.panel-title,.editor-status,.studio-footer,.product-tags,.version{font-family:'JetBrains Mono',monospace}.eyebrow{font-size:10px;letter-spacing:.12em;color:#b7bdca}header{height:62px;display:flex;align-items:center;padding:0 22px;border-bottom:1px solid var(--line);gap:32px}.brand{display:flex;align-items:center;gap:8px;color:var(--orange);text-decoration:none;font-size:20px}.brand b{color:#f3f4f7;letter-spacing:-.05em;font-size:22px}.brand span{font-size:13px;color:var(--muted);margin-left:3px}.brand i{font:9px monospace;border:1px solid #484039;color:#ffb482;padding:3px 5px;border-radius:3px;font-style:normal;margin-left:6px}.host-status{color:var(--muted);font-size:12px;display:flex;gap:7px;align-items:center}.dot{width:6px;height:6px;display:inline-block;background:#fd9e63;border-radius:50%;box-shadow:0 0 9px #ff8b4b66}.dot.ready{background:#65dba3}.actions{margin-left:auto;display:flex;gap:7px}.actions button,.actions a{font-size:12px}nav{display:flex;padding:0 22px;background:#13161b;border-bottom:1px solid var(--line);gap:25px;height:48px}nav button{border:0;border-bottom:2px solid transparent;border-radius:0;background:none;color:#9ca4b5;padding:0 4px}nav button.active{color:#ffb080;border-bottom-color:var(--orange)}nav button span{color:#5d6576;font:10px monospace;margin-right:8px}.workspace-heading{height:96px;padding:17px 22px 15px;display:flex;align-items:center;justify-content:space-between}.workspace-heading h1{font-size:19px;letter-spacing:-.025em;margin:5px 0 0;font-weight:500}.workspace-heading .eyebrow{color:#ffac7c;font-size:9px}.build-actions{display:flex;gap:7px}.workbench{display:grid;grid-template-columns:310px minmax(380px,1fr) minmax(280px,.68fr);grid-template-rows:minmax(300px,1fr) 260px;gap:1px;background:var(--line);margin:0 16px;height:calc(100dvh - 247px);border:1px solid var(--line);border-radius:9px;overflow:hidden;min-height:600px}.workbench>section{background:var(--panel);min-width:0;min-height:0}.panel-title{height:42px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:0 13px;font-size:10px;letter-spacing:.03em;color:#c2c7d3}.panel-title b{font-weight:400;color:#ffb483}.panel-title small{font-size:9px;color:#878fa1;margin-left:6px}.panel-title button{font-family:'DM Sans',sans-serif;padding:3px 7px;font-size:10px;border:0;background:none;color:#a2aabd}.panel-title button:hover{background:#292e39}.agent-panel{grid-row:1/3;display:flex;flex-direction:column}.agent-panel .panel-title{flex-shrink:0}.conversation{overflow-y:auto;flex:1;padding:18px 14px;scroll-behavior:smooth}.welcome h2{font-size:20px;font-weight:500;margin:3px 0 8px;letter-spacing:-.04em}.welcome p{color:var(--muted);font-size:12px}.welcome button{white-space:normal;text-align:left;font-size:11px;margin-top:10px;background:#2a221d;color:#ffb17f;border-color:#584134}.composer{margin:10px;padding:10px;background:#1e232c;border:1px solid #363e4c;border-radius:9px}.composer textarea{border:0;background:none;padding:3px;min-height:96px;font-size:12px;line-height:1.7;resize:none}.composer>div{display:flex;align-items:center;gap:6px;margin-top:9px}.composer span{font-size:9px;color:#929aac;flex:1}.composer button{font-size:11px;padding:6px 10px}.message{padding:12px 0;overflow-wrap:anywhere;font-size:12px;border-bottom:1px solid #282d37;white-space:pre-wrap}.message.user{background:#29231f;border:1px solid #4b3b30;padding:12px;border-radius:8px;margin:9px 0;color:#ffceae}.message.assistant{line-height:1.75}.message.status,.message.thinking{font:10px/1.6 'JetBrains Mono',monospace;color:#949eb1;border:0;padding:5px 0}.message.tool,.message.command{font:10px/1.7 'JetBrains Mono',monospace;color:#d3bda7;border-left:2px solid #8f5b39;padding:8px;background:#1c1b1b;margin-top:10px}.message.stdout,.message.stderr{font:10px/1.6 'JetBrains Mono',monospace;background:#0f1216;color:#a8bba9;padding:8px;border:0;max-height:220px;overflow:auto}.message.error,.message.tool_error{color:#ff9b91}.message.exit{font-size:10px;color:#9ebcaf;padding:5px 0}.message.file{color:#7de2ba;font:10px monospace}.message.deployment a{color:#ffb483}.editor-panel{display:flex;flex-direction:column}.editor-body{display:flex;flex:1;min-height:0}#fileTree{width:150px;flex-shrink:0;border-right:1px solid var(--line);overflow:auto;padding:9px 0;background:#13161b}#fileTree button{width:100%;text-align:left;border:0;border-radius:0;background:transparent;padding:5px 9px;color:#969fb1;font:10px/1.8 'JetBrains Mono',monospace;overflow:hidden;text-overflow:ellipsis}#fileTree button.active{background:#2e261f;color:#ffbc91}#fileTree button:hover{background:#242a34}#editor{flex:1;min-width:0;min-height:0;overflow:hidden}.cm-editor{height:100%;font:11px/1.7 'JetBrains Mono',monospace}.cm-editor .cm-scroller{overflow:auto}.cm-editor.cm-focused{outline:0}.editor-status{height:28px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 10px;color:#778395;font-size:9px}.editor-status button{padding:0;border:0;background:none;font-size:9px}.preview-panel{display:flex;flex-direction:column}.preview-empty{flex:1;padding:36px 24px;display:flex;flex-direction:column;justify-content:center}.preview-empty .large-symbol{font-size:46px;color:var(--orange)}.preview-empty h2{font-size:23px;font-weight:500;letter-spacing:-.03em;margin:10px 0}.preview-empty p{color:var(--muted);font-size:12px;line-height:1.9}.preview-empty code{font-size:10px;color:#e4b895}.product-tags{display:flex;flex-wrap:wrap;gap:5px;margin-top:18px}.product-tags span{border:1px solid #343b46;padding:4px 6px;color:#9aabbd;font-size:8px}#preview{width:100%;border:0;flex:1;background:#111318;min-height:0}.preview-footer{height:28px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 9px;font:9px monospace;color:#8b97a9}.preview-footer button{border:0;padding:0;background:none;font-size:9px}.terminal-panel{grid-column:2/4;display:flex;flex-direction:column}#terminal{flex:1;min-height:0;background:#101216;padding:10px 5px 4px 12px;overflow:hidden}.studio-footer{height:40px;display:flex;align-items:center;padding:0 20px;gap:26px;color:#778293;font-size:9px}.studio-footer span:nth-child(2){margin:auto}.studio-footer button{border:0;background:none;padding:0;font-size:9px;color:#8c96a7}.join{display:grid;grid-template-columns:1fr 1fr;min-height:100dvh}.join-card{padding:10vh 7vw;max-width:720px}.join h1{font-size:clamp(45px,5vw,76px);line-height:1.05;letter-spacing:-.065em;font-weight:500;margin:35px 0 25px}.join em{font-style:normal;color:var(--orange)}.join p{font-size:15px;color:#9da6b8;max-width:420px;line-height:1.8}.join form{margin-top:30px;max-width:390px}.join label{font-size:12px}.join input{padding:14px}.join form button{margin-top:12px;width:100%;padding:12px}.join details{max-width:390px;margin-top:22px;color:#929bac}.join details summary{cursor:pointer;font-size:12px}.join-foot{font:9px 'JetBrains Mono',monospace;letter-spacing:.08em;color:#667487;margin-top:45px}.join-art{position:relative;background:radial-gradient(ellipse at 90% 20%,#3b251d 0%,#171a20 45%,#11151b 80%);overflow:hidden;border-left:1px solid #2b303a}.orb{position:absolute;width:700px;height:700px;border:1px solid #9b593033;border-radius:50%;left:0;top:10%;box-shadow:0 0 0 55px #7d482a0d,0 0 0 110px #7d482a0a,0 0 0 165px #7d482a08}.code-art{position:absolute;top:32%;left:18%;font:14px/2 'JetBrains Mono',monospace;color:#758092}.code-art span{border-bottom:1px solid #3e4047;display:block;margin-bottom:20px;padding-bottom:10px}.code-art code{font-size:20px;line-height:2.2}.code-art b{color:#ffae7d;font-weight:400}dialog{color:#e9ebf0;background:#191d25;border:1px solid #3c4554;border-radius:14px;max-width:760px;width:90vw;padding:34px;max-height:85dvh}dialog::backdrop{background:#000b;backdrop-filter:blur(5px)}dialog h2{font-size:28px;letter-spacing:-.03em;font-weight:500;line-height:1.2}dialog p{color:#a2adbf;line-height:1.8}dialog pre{white-space:pre-wrap;font-size:11px;line-height:1.8;color:#bbc5d5;background:#10141b;padding:20px;border-radius:8px;max-height:40vh;overflow:auto}dialog .close{float:right;border:0;background:none;font-size:24px;padding:0}dialog label{font-size:11px}dialog textarea{font:10px monospace}dialog .button{display:inline-block}#toast{position:fixed;bottom:55px;left:50%;transform:translateX(-50%);max-width:650px;background:#38281f;color:#ffcfb0;border:1px solid #8b5838;border-radius:8px;padding:13px 20px;box-shadow:0 8px 40px #0008;z-index:20}.sr-only{position:absolute;clip:rect(0,0,0,0);width:1px;height:1px;overflow:hidden}[hidden]{display:none!important}@media(max-width:1150px){.workbench{grid-template-columns:280px minmax(350px,1fr);grid-template-rows:minmax(300px,1fr) 240px}.preview-panel{display:none!important}.terminal-panel{grid-column:2}.brand span{display:none}.host-status{max-width:220px;font-size:10px}.workspace-heading h1{font-size:16px}.build-actions button{font-size:11px}}@media(max-width:760px){.join{display:block}.join-art{display:none}.join-card{padding:60px 28px}.workbench{display:flex;height:auto;flex-direction:column}.agent-panel{height:480px}.editor-panel{height:500px}.terminal-panel{height:300px}.preview-panel{display:flex!important;height:500px}nav{overflow:auto;gap:14px}nav button{font-size:10px}.workspace-heading{height:auto;display:block}.build-actions{margin-top:16px}header{padding:0 14px;gap:12px}.host-status{display:none}.actions{gap:4px}.actions button,.actions a{padding:6px;font-size:10px}.brand i{display:none}.studio-footer{font-size:8px}.studio-footer span:nth-child(2){display:none}}

.reasoning{display:flex;align-items:center;gap:6px;font-size:9px;color:#98a3b5;margin:8px 0}.reasoning input{width:auto;padding:0;accent-color:var(--orange)}