:root{--bg:#090b0f;--panel:#0f1218;--panel-2:#141820;--line:#242a35;--muted:#88909e;--text:#f2f4f7;--accent:#b7f36b;--accent-2:#8bd64b;--blue:#8ab4ff;--font-sans:Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:"SFMono-Regular", Consolas, "Liberation Mono", monospace;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:var(--font-sans), system-ui, sans-serif;margin:0}button,input,textarea{font:inherit}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.landing-shell{background:radial-gradient(circle at 50% -15%, #263121 0, transparent 35%), var(--bg);min-height:100vh;overflow:hidden}.landing-nav{border-bottom:1px solid #ffffff12;align-items:center;gap:36px;max-width:1180px;height:70px;margin:0 auto;padding:0 28px;display:flex}.brand{letter-spacing:-.02em;align-items:center;gap:10px;font-weight:700;display:flex}.brand-mark{width:32px;height:32px;color:var(--accent);background:#202919;border:1px solid #536334;border-radius:9px;place-items:center;display:grid}.brand-mark.small{border-radius:6px;width:25px;height:25px;font-size:12px}.nav-links{color:#aeb4bf;gap:28px;font-size:14px;display:flex}.nav-links a:hover{color:#fff}.landing-nav>.button{margin-left:auto}.button{border:1px solid #2d333f;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:40px;padding:0 17px;font-size:14px;font-weight:600;transition:all .18s;display:inline-flex}.button:hover{border-color:#4c5565;transform:translateY(-1px)}.button-primary{color:#0a0d08;background:var(--accent);border-color:var(--accent)}.button-primary:hover{background:#c7ff81;border-color:#c7ff81}.button-quiet{background:#ffffff06}.hero{text-align:center;max-width:920px;margin:0 auto;padding:108px 24px 64px}.eyebrow{color:#bec9b2;font:500 12px var(--font-mono);background:#141911;border:1px solid #30372b;border-radius:99px;align-items:center;gap:8px;padding:7px 12px;display:inline-flex}.pulse,.status-dot{background:var(--accent);border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #b7f36b1c}.hero h1{letter-spacing:-.06em;max-width:850px;margin:30px auto 22px;font-size:clamp(46px,7vw,78px);font-weight:650;line-height:.99}.hero-copy{color:#9da5b1;max-width:700px;margin:0 auto;font-size:19px;line-height:1.65}.hero-actions{justify-content:center;gap:12px;margin-top:34px;display:flex}.hero-note{color:#737c89;justify-content:center;align-items:center;gap:7px;margin-top:22px;font-size:12px;display:flex}.product-frame{background:#0c0f14;border:1px solid #313845;border-radius:13px;width:min(1160px,100% - 48px);height:610px;margin:20px auto 88px;overflow:hidden;box-shadow:0 40px 100px #0000008c,0 0 0 8px #ffffff04}.frame-topbar{border-bottom:1px solid var(--line);color:#8d95a2;height:42px;font:11px var(--font-mono);align-items:center;padding:0 14px;display:flex}.window-controls{gap:6px;width:160px;display:flex}.window-controls i{background:#343b47;border-radius:50%;width:9px;height:9px}.frame-breadcrumb{align-items:center;gap:7px;margin:auto;display:flex}.frame-status{justify-content:flex-end;align-items:center;gap:8px;width:160px;display:flex}.frame-body{grid-template-columns:48px 180px minmax(0,1fr) 260px;height:calc(100% - 42px);display:grid}.frame-rail{border-right:1px solid var(--line);color:#6f7888;flex-direction:column;align-items:center;gap:24px;padding-top:20px;display:flex}.frame-rail svg:first-child{color:#d5dae2}.frame-explorer{border-right:1px solid var(--line);color:#a2aab6;font:12px var(--font-mono);flex-direction:column;gap:8px;padding:18px 13px;display:flex}.frame-explorer strong{font:10px var(--font-sans);letter-spacing:.1em;color:#666f7d;margin-bottom:8px}.frame-explorer small{color:#78818f;padding-left:22px}.frame-editor{grid-template-rows:36px 1fr 145px;min-width:0;display:grid}.editor-tab{border-right:1px solid var(--line);color:#b8bfca;height:36px;font:12px var(--font-mono);background:#11151b;border-top:1px solid #0000;align-items:center;gap:7px;padding:0 14px;display:flex}.frame-editor pre{color:#b9c2cf;font:13px/2 var(--font-mono);background:linear-gradient(90deg,#0d1015 48px,#151a22 49px,#0d1015 50px);margin:0;padding:32px;overflow:hidden}.frame-editor pre em{color:#c79bf8;font-style:normal}.terminal-pane{border-top:1px solid var(--line);color:#858e9d;font:12px/1.8 var(--font-mono);background:#0a0d11;padding:22px}.terminal-pane span{color:var(--accent)}.terminal-pane b{color:#ccd6c1;font-weight:500}.frame-agent{border-left:1px solid var(--line);color:#8e97a5;padding:18px;font-size:12px;line-height:1.6}.agent-heading{color:#dce1e8;border-bottom:1px solid var(--line);align-items:center;gap:8px;padding-bottom:14px;font-weight:600;display:flex}.agent-heading svg{color:var(--accent)}.frame-agent p{margin:20px 0}.agent-step{color:#7f8997;align-items:center;gap:8px;margin:11px 0;display:flex}.agent-step svg{color:var(--accent)}.agent-step.active{color:#dce3ea}.agent-step.active span{border:2px solid #53616f;border-top-color:var(--accent);border-radius:50%;width:12px;height:12px}.capabilities{grid-template-columns:repeat(4,1fr);max-width:1160px;margin:0 auto 80px;padding:0 24px;display:grid}.capabilities article{border:1px solid var(--line);background:#ffffff03;border-right:0;padding:28px}.capabilities article:first-child{border-radius:10px 0 0 10px}.capabilities article:last-child{border-right:1px solid var(--line);border-radius:0 10px 10px 0}.capabilities svg{color:var(--accent)}.capabilities h2{margin:20px 0 8px;font-size:15px}.capabilities p{color:#818a97;margin:0;font-size:13px;line-height:1.55}.security-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:1fr 1fr;max-width:1112px;margin:0 auto 100px;display:grid}.security-strip>div{color:#858e9a;gap:18px;padding:34px;font-size:13px;line-height:1.6;display:flex}.security-strip>div:first-child{border-right:1px solid var(--line)}.security-strip svg{color:var(--accent);flex:none}.security-strip strong{color:#e5e8ed}.ide-shell{background:#0b0e13;grid-template-rows:44px minmax(0,1fr) 23px;height:100vh;display:grid;overflow:hidden}.ide-topbar{background:#10141a;border-bottom:1px solid #292f39;align-items:center;gap:10px;padding:0 9px 0 12px;font-size:12px;display:flex}.ide-brand{align-items:center;gap:8px;margin-right:5px;display:flex}.project-switcher{color:#aeb5c0;background:#171c24;border:1px solid #2b323e;border-radius:5px;align-items:center;gap:22px;padding:6px 9px;display:flex}.topbar-spacer{flex:1}.connection-badge{color:#7e8794;align-items:center;gap:6px;margin-right:5px;display:flex}.connection-badge svg{color:#6a7280}.connection-badge.ready{color:#a9bd96}.connection-badge.ready svg{color:var(--accent)}.icon-button,.activity-bar button,.panel-title button,.agent-panel-title button,.bottom-tabs button{color:#8993a1;background:0 0;border:0;place-items:center;display:grid}.run-button,.deploy-button{border:1px solid #303743;border-radius:5px;align-items:center;gap:6px;padding:6px 11px;display:flex}.run-button{color:#7e916c;background:#24311d}.deploy-button{color:#747d8a;background:#191e26}button:disabled{cursor:not-allowed;opacity:.7}.ide-grid{grid-template-columns:45px 230px minmax(360px,1fr) 360px;min-height:0;display:grid}.ide-grid.agent-collapsed{grid-template-columns:45px 230px minmax(360px,1fr)}.activity-bar{border-right:1px solid var(--line);background:#0e1217;flex-direction:column;align-items:center;gap:4px;padding:7px 0;display:flex}.activity-bar button{border-left:2px solid #0000;width:37px;height:38px}.activity-bar button.active{color:#e5e9ef;border-left-color:var(--accent)}.activity-bar span{flex:1}.file-panel{border-right:1px solid var(--line);background:#11151b;min-width:0}.panel-title,.agent-panel-title{border-bottom:1px solid var(--line);color:#8e97a4;letter-spacing:.08em;justify-content:space-between;align-items:center;height:36px;padding:0 12px;font-size:10px;display:flex}.empty-files{text-align:center;color:#697382;flex-direction:column;align-items:center;height:calc(100% - 36px);padding:48px 22px;display:flex}.empty-files strong{color:#c7cdd6;margin:14px 0 5px;font-size:13px}.empty-files p{margin:0 0 16px;font-size:11px;line-height:1.6}.empty-files button{color:#bbc3ce;background:#1b212a;border:1px solid #343c48;border-radius:5px;align-items:center;gap:6px;padding:7px 10px;font-size:11px;display:flex}.draft-files{height:calc(100% - 36px);min-height:0;padding:8px 7px 20px;overflow:auto}.draft-files-heading{color:#717b89;letter-spacing:.08em;justify-content:space-between;align-items:center;height:28px;padding:0 7px;font-size:9px;display:flex}.draft-files-heading small{color:#596270;font:10px var(--font-mono)}.draft-files>button{color:#929ba8;text-align:left;width:100%;min-width:0;height:29px;font:11px var(--font-mono);background:0 0;border:0;border-radius:4px;align-items:center;gap:7px;padding:0 8px;display:flex}.draft-files>button:hover{color:#c4cad3;background:#171c23}.draft-files>button.active{color:#e0e4ea;background:#20262f}.draft-files>button svg{color:#7e8a9a;flex:none}.draft-files>button span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.draft-note{color:#6f7c6a;background:#10150f;border:1px solid #293128;border-radius:6px;align-items:flex-start;gap:8px;margin:18px 5px 0;padding:10px;font-size:10px;line-height:1.5;display:flex}.draft-note svg{color:var(--accent);flex:none;margin-top:1px}.editor-area{grid-template-rows:36px minmax(180px,1fr) 195px;min-width:0;min-height:0;display:grid}.tabs-row{border-bottom:1px solid var(--line);background:#0f1318;display:flex}.tabs-row .editor-tab.active{border-top-color:var(--accent);background:#0c1015}.monaco-wrap{min-height:0}.bottom-panel{background:#0c1015;border-top:1px solid #2a303a;min-height:0}.bottom-tabs{border-bottom:1px solid #1f252d;align-items:center;gap:17px;height:34px;padding:0 11px;display:flex}.bottom-tabs button{border-bottom:1px solid #0000;height:34px;font-size:10px}.bottom-tabs span{flex:1}.terminal-empty{color:#5f6875;height:calc(100% - 34px);font:11px var(--font-mono);justify-content:center;align-items:center;gap:9px;display:flex}.agent-panel{border-left:1px solid var(--line);background:#11151b;grid-template-rows:36px minmax(0,1fr) 126px;min-width:0;min-height:0;display:grid}.apps-panel{background:var(--workspace-panel);grid-template-rows:42px auto minmax(0,1fr) auto;min-height:0;display:grid}.apps-intro{color:#8f959e;padding:20px 16px 14px;font-size:11px;line-height:1.5}.apps-intro-icon{color:#bdf27d;background:radial-gradient(circle at 50% 20%,#354528,#1b2217 72%);border:1px solid #495a38;border-radius:13px;place-items:center;width:46px;height:46px;margin-bottom:14px;display:grid}.apps-intro strong{color:#eceef1;letter-spacing:-.02em;font-size:15px}.apps-intro p{max-width:300px;margin:7px 0 0}.apps-list{align-content:start;gap:8px;min-height:0;padding:0 12px 12px;display:grid;overflow:auto}.app-card{background:#111317;border:1px solid #343a42;border-radius:9px;grid-template-columns:30px minmax(0,1fr) auto;align-items:start;gap:9px;padding:11px;display:grid}.app-card:hover{background:#151a14;border-color:#526644}.app-card-coming{opacity:.62}.app-card-coming:hover{background:#111317;border-color:#343a42}.app-card-icon{background:#20252c;border-radius:8px;place-items:center;width:30px;height:30px;display:grid}.app-card-copy{min-width:0}.app-card-title{align-items:center;gap:6px;display:flex}.app-card-title strong{color:#e3e6e9;font-size:11px}.app-card-title span{color:#818a95;font:8px var(--font-mono);text-transform:uppercase}.app-card-copy small{color:#7f8893;font-size:9px}.app-card-copy p{color:#9aa1ab;margin:5px 0 0;font-size:9px;line-height:1.4}.app-card-actions{align-self:center;justify-items:stretch;gap:5px;display:grid}.app-card-actions button{color:#c7f39d;white-space:nowrap;background:#202b1c;border:1px solid #4c613d;border-radius:6px;height:25px;padding:0 8px;font-size:9px;font-weight:600}.app-card-actions button:hover{background:#2b3b25}.app-card-actions button.app-customize{color:#aeb5bf;background:#181b20;border-color:#34383e}.app-card-actions button:disabled{color:#707783;background:#1b1e23;border-color:#34383e}.apps-footer{color:#9bad8b;background:#121711;border:1px solid #2e3928;border-radius:7px;align-items:center;gap:7px;margin:0 12px 12px;padding:9px 10px;font-size:9px;display:flex}.agent-panel-title span{align-items:center;gap:7px;display:flex}.agent-panel-title svg{color:var(--accent)}.agent-thread{scrollbar-color:#303742 transparent;min-height:0;padding:20px 15px 24px;overflow-y:auto}.builder-intro{text-align:left;color:#747e8b;font-size:11px;line-height:1.55}.builder-intro .agent-orb{margin:0 0 14px}.builder-intro>strong{color:#dce1e8;font-size:14px}.builder-intro>p{margin:7px 0 15px}.agent-empty{text-align:center;color:#707a88;padding:42px 24px;font-size:12px;line-height:1.6}.agent-orb{width:54px;height:54px;color:var(--accent);background:radial-gradient(circle at 50% 25%,#303c26,#161c13);border:1px solid #3b4930;border-radius:15px;place-items:center;margin:0 auto 15px;display:grid}.agent-empty strong{color:#d8dde5}.agent-empty p{margin:8px 0 20px}.scope-card{text-align:left;background:#0e1217;border:1px solid #2b323c;border-radius:7px;flex-direction:column;gap:4px;padding:11px;display:flex}.scope-card span{color:#66707d;text-transform:uppercase;letter-spacing:.06em;font-size:10px}.scope-card b{color:#9ca5b1;font-size:11px}.prompt-suggestions{gap:7px;margin-top:13px;display:grid}.prompt-suggestions button{color:#929daa;text-align:left;background:#0e1217;border:1px solid #29313b;border-radius:6px;padding:9px 10px;font-size:10px;line-height:1.45}.builder-state{color:var(--accent);background:#0e1217;border:1px solid #313a46;border-radius:7px;align-items:flex-start;gap:10px;margin-top:14px;padding:12px;display:flex}.builder-state div{gap:3px;display:grid}.builder-state strong{color:#d5dbe3;font-size:11px}.builder-state span{color:#778290;font-size:10px;line-height:1.45}.builder-state.error{color:#f09a9f;background:#171011;border-color:#503234}.proposal-card{color:#838e9b;background:#0d120c;border:1px solid #374431;border-radius:8px;margin-top:14px;padding:13px;font-size:10px}.proposal-heading{color:var(--accent);gap:9px;display:flex}.proposal-heading>div{gap:2px;display:grid}.proposal-heading strong{color:#e1e6dd;font-size:12px}.proposal-heading span{color:#788973;text-transform:uppercase;letter-spacing:.06em;font-size:9px}.proposal-card>p{margin:12px 0;line-height:1.55}.proposal-files{border-top:1px solid #293126;display:grid}.proposal-files>div{border-bottom:1px solid #252c23;grid-template-columns:15px minmax(0,1fr);gap:2px 4px;min-width:0;padding:8px 0;display:grid}.proposal-files svg{color:#83927c;grid-row:1/3;margin-top:1px}.proposal-files span{color:#c2c9bf;font:10px var(--font-mono);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.proposal-files small{color:#626e60;font-size:9px}.proposal-commands{gap:5px;margin-top:12px;display:grid}.proposal-commands>span{color:#687463;text-transform:uppercase;letter-spacing:.06em;font-size:8px}.proposal-commands code{color:#9eaa99;text-overflow:ellipsis;white-space:nowrap;background:#090d08;border-radius:4px;padding:6px 7px;overflow:hidden}.apply-button{border:1px solid var(--accent);color:#0b0f09;background:var(--accent);border-radius:5px;justify-content:center;align-items:center;gap:6px;width:100%;height:32px;margin-top:12px;font-size:10px;font-weight:700;display:flex}.apply-button:hover{background:#c7ff81}.agent-composer{background:#0c1015;border:1px solid #2a313c;border-radius:8px;margin:0 10px 10px;overflow:hidden}.agent-composer textarea{resize:none;color:#c8ced6;background:0 0;border:0;outline:none;width:100%;height:78px;padding:11px;font-size:11px;line-height:1.5}.agent-composer>div{color:#555f6c;justify-content:space-between;align-items:center;padding:0 8px 8px 11px;font-size:9px;display:flex}.agent-composer button{background:var(--accent);color:#11160d;border:0;border-radius:5px;place-items:center;width:25px;height:25px;display:grid}.agent-composer button:disabled{color:#77876a;background:#2b3327}.spin{animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.status-bar{color:#809078;font:10px var(--font-mono);background:#171d14;border-top:1px solid #263022;align-items:center;gap:16px;padding:0 9px;display:flex}.status-bar span{align-items:center;gap:5px;display:flex}.status-spacer{flex:1}@media (max-width:900px){.nav-links{display:none}.frame-body{grid-template-columns:44px 150px 1fr}.frame-agent{display:none}.capabilities{grid-template-columns:1fr 1fr;gap:10px}.capabilities article,.capabilities article:first-child,.capabilities article:last-child{border:1px solid var(--line);border-radius:8px}.ide-grid,.ide-grid.agent-collapsed{grid-template-columns:42px 190px minmax(320px,1fr)}.agent-panel,.connection-badge{display:none}}@media (max-width:640px){.landing-nav{padding:0 16px}.landing-nav>.button{padding:0 11px}.hero{padding-top:76px}.hero h1{font-size:44px}.hero-copy{font-size:16px}.hero-actions{flex-direction:column}.product-frame{width:calc(100% - 24px);height:500px}.frame-body{grid-template-columns:42px 1fr}.frame-explorer{display:none}.capabilities{grid-template-columns:1fr}.security-strip{grid-template-columns:1fr;margin-inline:16px}.security-strip>div:first-child{border-right:0;border-bottom:1px solid var(--line)}.file-panel{display:none}.ide-grid,.ide-grid.agent-collapsed{grid-template-columns:42px minmax(280px,1fr)}.project-switcher{max-width:140px;overflow:hidden}.deploy-button{display:none}}.ide-shell{--workspace-panel:#14161a;--workspace-panel-raised:#1b1e23;--workspace-canvas:#0f1114;--workspace-line:#2b2e34;--workspace-muted:#8d929b;--workspace-text:#f2f3f5;background:var(--workspace-canvas);min-width:720px;height:100vh;color:var(--workspace-text);grid-template-rows:48px minmax(0,1fr) 24px;display:grid;overflow:hidden}.ide-shell button:not(:disabled){cursor:pointer}.ide-topbar{border-bottom:1px solid var(--workspace-line);background:#17191d;gap:8px;height:48px;padding:0 10px}.ide-brand{margin:0 2px 0 0}.ide-brand .brand-mark.small{color:#c2f482;background:#20281a;border-color:#53683e;border-radius:8px;width:28px;height:28px;font-size:12px}.project-switcher{color:#8e939c;background:0 0;border:0;border-radius:7px;gap:6px;height:32px;padding:0 9px;font-size:12px}.project-switcher:hover{background:#22252a}.project-switcher strong{color:#e5e7ea;font-weight:550}.topbar-search{color:#777d86;background:#111317;border:1px solid #33363c;border-radius:7px;align-items:center;gap:7px;width:min(260px,25vw);height:30px;margin-left:8px;padding:0 8px;font-size:11px;display:flex}.topbar-search:hover{color:#b6bbc3;border-color:#464a52}.topbar-search span{text-align:left;text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.topbar-search kbd{color:#656b74;font:9px var(--font-mono);background:#1c1f24;border:1px solid #31343a;border-radius:4px;padding:2px 5px}.ide-topbar .run-button,.ide-topbar .publish-button,.ide-topbar .quiet-topbar-button{border:1px solid #373a41;border-radius:7px;align-items:center;gap:6px;height:30px;padding:0 11px;font-size:11px;font-weight:550;display:flex}.ide-topbar .run-button{color:#a8c886;background:#26351d;border-color:#40532e;margin-left:4px}.ide-topbar .run-button:not(:disabled){color:#c5ef98;background:#314624;border-color:#668943}.ide-topbar .run-button.running{box-shadow:inset 0 0 0 1px #b7f36b1f}.ide-topbar .quiet-topbar-button{color:#8e949d;background:0 0}.ide-topbar .publish-button{color:#17191c;background:#e7e9ec;border-color:#e7e9ec}.avatar-button{color:#d6d9df;background:#30343b;border:1px solid #454a54;border-radius:50%;place-items:center;width:28px;height:28px;font-size:10px;font-weight:650;display:grid}.ide-grid,.ide-grid.tool-panel-collapsed{background:#0e1013;grid-template-columns:62px minmax(300px,372px) minmax(360px,1fr);min-height:0;display:grid}.ide-grid.tool-panel-collapsed{grid-template-columns:62px minmax(360px,1fr)}.activity-bar{border-right:1px solid var(--workspace-line);background:#15171b;justify-content:space-between;align-items:stretch;padding:7px 5px 5px;display:flex}.activity-primary,.activity-secondary{gap:2px;display:grid}.activity-bar button{color:#7e848e;background:0 0;border:0;border-radius:7px;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:51px;height:48px;padding:4px 1px 3px;display:flex}.activity-bar button span{flex:initial;font-size:8px;line-height:1}.activity-bar button:hover{color:#c9cdd3;background:#202328}.activity-bar button.active{color:#d8f5b7;background:#2a3324;border-left-color:#0000}.activity-bar button.active svg{color:#b7ef78}.tool-panel{border-right:1px solid var(--workspace-line);background:var(--workspace-panel);min-width:0;min-height:0}.tool-panel>*,.standard-panel,.agent-panel{height:100%;min-height:0}.panel-title{border-bottom:1px solid var(--workspace-line);color:#d9dce1;letter-spacing:0;height:42px;padding:0 12px 0 14px;font-size:12px}.panel-title strong{font-weight:600}.panel-title button,.agent-toolbar button,.workspace-tabs button,.preview-toolbar button,.bottom-tabs button{color:#858b95;background:0 0;border:0;place-items:center;display:grid}.panel-title button{border-radius:6px;width:28px;height:28px}.panel-title button:hover,.workspace-tabs button:hover,.bottom-tabs button:hover{color:#d8dbe0;background:#25282e}.agent-panel{background:var(--workspace-panel);border-left:0;grid-template-rows:42px 38px minmax(0,1fr) auto;display:grid}.agent-toolbar{border-bottom:1px solid #24272c;align-items:center;gap:3px;padding:0 8px;display:flex}.agent-toolbar button{border-radius:6px;gap:5px;width:auto;height:28px;padding:0 8px;font-size:10px;display:flex}.agent-toolbar button.active{color:#e5e8ec;background:#292c32}.agent-toolbar span{flex:1}.agent-thread{padding:20px 16px 24px}.builder-intro{color:#8f959e;font-size:11px;line-height:1.55}.builder-intro .agent-orb{color:#bdf27d;background:radial-gradient(circle at 50% 20%,#354528,#1b2217 72%);border:1px solid #495a38;border-radius:13px;width:46px;height:46px;margin:4px 0 14px}.builder-intro>strong{color:#eceef1;letter-spacing:-.02em;font-size:15px}.builder-intro>p{max-width:300px;margin:7px 0 14px}.scope-card{background:#111317;border-color:#34383e;flex-direction:row;align-items:flex-start;gap:9px;padding:10px}.scope-card svg{color:#99c66c;margin-top:2px}.scope-card div{gap:3px;display:grid}.scope-card b{color:#aeb4bd;font-size:10px;font-weight:500}.prompt-suggestions{gap:6px;margin-top:12px}.prompt-suggestions button{color:#9da3ac;background:#111317;border-color:#31343a;border-radius:7px;padding:9px 10px}.prompt-suggestions button:hover{color:#d1d7cc;background:#171c14;border-color:#4c593f}.agent-run-card,.proposal-card,.checkpoint-card{background:#111317;border:1px solid #353940;border-radius:9px;margin-top:14px;padding:12px}.agent-run-heading{color:#c8f099;align-items:center;gap:8px;margin-bottom:11px;font-size:11px;display:flex}.agent-run-heading strong{color:#e3e6e9}.build-step{color:#666d77;align-items:center;gap:8px;min-height:25px;font-size:10px;display:flex}.build-step svg{color:#7e8b73}.build-step.active{color:#b7bdc5}.build-step.active svg{color:#b7ef78}.builder-state{background:#111317;border-color:#3a3e46;border-radius:8px}.proposal-card{color:#929a88;background:#121611;border-color:#3c4934}.proposal-files button{width:100%;min-width:0;color:inherit;text-align:left;background:0 0;border:0;border-bottom:1px solid #2b3228;grid-template-columns:16px minmax(0,1fr);gap:2px 4px;padding:8px 0;display:grid}.proposal-files button svg{grid-row:1/3;margin-top:1px}.proposal-files button span{color:#d2d7ce;font:10px var(--font-mono);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.proposal-files button small{color:#6e7869;font-size:9px}.checkpoint-card{gap:10px;display:grid}.checkpoint-card>div{color:#aacd82;align-items:flex-start;gap:8px;display:flex}.checkpoint-card span{gap:2px;display:grid}.checkpoint-card b{color:#d9dce1;font-size:10px}.checkpoint-card small{color:#747b84;font-size:9px}.checkpoint-card button,.history-list>button{color:#b9bec6;background:#202328;border:1px solid #3b3f46;border-radius:6px;justify-content:center;align-items:center;gap:6px;height:29px;font-size:9px;display:flex}.agent-composer{background:#101216;border:1px solid #3a3e45;border-radius:10px;margin:8px 10px 10px;box-shadow:0 -12px 26px #0e10138c}.agent-composer textarea{color:#e0e3e7;height:82px;padding:11px 12px 5px;font-size:11px}.agent-composer:focus-within{border-color:#667a53;box-shadow:0 0 0 1px #b7f36b14,0 -12px 26px #0e10138c}.composer-actions{gap:4px;min-height:36px;justify-content:flex-start!important;padding:0 7px 7px!important}.composer-actions>span{flex:1}.composer-actions small{color:#59606a;font:8px var(--font-mono)}.agent-composer .composer-tool,.agent-composer .model-selector,.agent-composer .composer-submit{border-radius:6px;height:27px}.agent-composer .composer-tool{color:#747b84;background:#1b1e23;border:1px solid #30343a;width:27px}.agent-composer .model-selector{color:#777e87;background:0 0;border:0;gap:5px;width:auto;padding:0 8px;font-size:9px;display:flex}.agent-composer .composer-submit{color:#141810;background:#b9ed7d;width:27px}.standard-panel{flex-direction:column;min-height:0;display:flex}.panel-actions{border-bottom:1px solid #24272c;gap:6px;padding:8px;display:flex}.panel-actions button{color:#747b84;background:#1d2025;border:1px solid #32363d;border-radius:6px;align-items:center;gap:5px;height:28px;padding:0 8px;font-size:9px;display:flex}.panel-actions button.active{color:#c6ddad;background:#242c20;border-color:#526644}.file-create-form{color:#8b939d;background:#15181d;border-bottom:1px solid #24272c;grid-template-columns:16px minmax(0,1fr) 26px 26px;align-items:center;gap:5px;min-height:42px;padding:6px 8px;display:grid}.file-create-form input{color:#e0e4e8;min-width:0;height:28px;font:9px var(--font-mono);background:#0e1013;border:1px solid #46513f;border-radius:5px;outline:0;padding:0 8px}.file-create-form button{color:#9199a2;background:#25292f;border:0;border-radius:5px;place-items:center;width:26px;height:26px;display:grid}.file-create-form button[type=submit]{color:#15200e;background:#aede76}.file-action-error{color:#dc8f95;background:#211518;border-bottom:1px solid #3b292c;padding:7px 10px;font-size:9px}.draft-files{flex:1;height:auto;padding:8px 7px 18px}.folder-row{color:#aeb4bd;align-items:center;gap:5px;height:30px;padding:0 7px;font-size:10px;display:flex}.folder-row strong{flex:1;font-weight:600}.folder-row small{color:#626973;font:9px var(--font-mono)}.draft-entry{color:#949ba4;border-radius:4px;align-items:center;min-width:0;height:30px;padding:0 4px 0 18px;font-size:10px;display:flex}.draft-entry.active{color:#eceef1;background:#292d33}.draft-entry:hover{background:#202329}.draft-entry-main{min-width:0;height:100%;color:inherit;text-align:left;background:0 0;border:0;flex:1;align-items:center;gap:6px;padding:0;display:flex}.draft-entry-main>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.folder-entry{color:#afb5bd}.draft-entry-actions{opacity:0;display:flex}.draft-entry:hover .draft-entry-actions,.draft-entry:focus-within .draft-entry-actions{opacity:1}.draft-entry-actions button{color:#727a84;background:0 0;border:0;border-radius:4px;place-items:center;width:23px;height:23px;display:grid}.draft-entry-actions button:hover{color:#d7dce1;background:#343941}.draft-note{color:#7e8c74}.panel-search{border-bottom:1px solid #24272c;align-items:center;gap:7px;height:48px;margin:0;padding:8px;display:flex}.panel-search svg{color:#737a83;margin-left:8px}.panel-search input{color:#d8dce1;background:0 0;border:0;outline:0;flex:1;min-width:0;height:30px;font-size:11px}.panel-search:focus-within{background:#191c20}.package-list>p{color:#69717b;margin:6px 0;font-size:9px}.search-results{flex:1;min-height:0;overflow:auto}.search-results>button{color:#9299a2;width:100%;height:38px;font:10px var(--font-mono);background:0 0;border:0;border-bottom:1px solid #24272c;align-items:center;gap:8px;padding:0 12px;display:flex}.search-results>button:hover{color:#d8dce1;background:#1c1f24}.search-results>button span{text-align:left;text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.panel-empty{text-align:center;color:#555c66;flex-direction:column;align-items:center;max-width:260px;margin:0 auto;padding:58px 18px 20px;display:flex}.panel-empty strong{color:#c7cbd1;margin-top:13px;font-size:12px}.panel-empty p{color:#777e87;margin:6px 0 0;font-size:10px;line-height:1.55}.git-branch{color:#a5bd89;background:#111317;border:1px solid #30343b;border-radius:7px;align-items:center;gap:9px;margin:10px;padding:11px;display:flex}.git-branch span{gap:2px;display:grid}.git-branch small,.history-list>small,.package-list>small{color:#656c75;letter-spacing:.06em;font-size:8px}.git-branch b{color:#dadde2;font-size:10px}.history-list,.package-list{gap:7px;padding:10px;display:grid}.history-list article{color:#a8c884;background:#181b1f;border-left:2px solid #6c854f;align-items:flex-start;gap:8px;padding:10px;display:flex}.history-list article div{gap:3px;display:grid}.history-list article b{color:#cdd1d6;font-size:10px}.history-list article span{color:#707781;font-size:9px}.integration-note{color:#918773;background:#191711;border:1px solid #403b30;border-radius:7px;align-items:flex-start;gap:8px;margin:auto 10px 10px;padding:9px;font-size:9px;line-height:1.45;display:flex}.package-list>div{border-bottom:1px solid #25282d;grid-template-columns:18px minmax(0,1fr);align-items:center;height:34px;padding:0 8px;display:grid}.package-list>div svg{color:#7f9b63;grid-row:1/3}.package-list>div span{color:#b9bec6;font:10px var(--font-mono);align-self:end}.package-list>div small{color:#5f6670;align-self:start;font-size:8px}.panel-primary-button{color:#8da873;background:#20291a;border:1px solid #4a5d38;border-radius:6px;justify-content:center;align-items:center;gap:6px;height:30px;margin:0 12px;font-size:10px;display:flex}.workspace-stage{background:#0f1114;grid-template-rows:39px minmax(180px,1fr) 172px;min-width:0;min-height:0;display:grid}.workspace-stage.bottom-collapsed{grid-template-rows:39px minmax(0,1fr)}.workspace-tabs{border-bottom:1px solid var(--workspace-line);background:#15171b;align-items:stretch;min-width:0;display:flex}.workspace-tabs>button{color:#858c95;min-width:112px;font:10px var(--font-mono);border-right:1px solid #292c32;border-radius:0;justify-content:flex-start;align-items:center;gap:6px;padding:0 12px;display:flex}.workspace-tabs>button.active{color:#e1e4e8;background:#0f1114;box-shadow:inset 0 2px #aee46e}.workspace-tabs>span{flex:1}.workspace-tabs>span~button{border-right:0;justify-content:center;min-width:34px;padding:0}.workspace-content,.monaco-wrap{min-width:0;min-height:0;overflow:hidden}.bottom-panel{border-top:1px solid var(--workspace-line);background:#111317;min-height:0}.bottom-tabs{border-bottom:1px solid #25282d;gap:2px;height:35px;padding:0 8px}.bottom-tabs button{text-transform:none;border-bottom:1px solid #0000;width:auto;height:34px;padding:0 8px;font-size:10px}.bottom-tabs button.active{color:#d9dde2;border-bottom-color:#aee46e}.terminal-empty{color:#666d76;font-size:10px}.preview-console{height:calc(100% - 35px);font:10px/1.6 var(--font-mono);background:#0d0f12;padding:8px 11px 14px;overflow:auto}.console-line{color:#949ba5;grid-template-columns:46px minmax(0,1fr);gap:9px;min-width:0;display:grid}.console-line>span{color:#5d646e;text-transform:uppercase;font-size:8px}.console-line code{overflow-wrap:anywhere;white-space:pre-wrap}.console-line.warn code,.console-line.warn>span{color:#c7a66b}.console-line.error code,.console-line.error>span{color:#e98d92}.preview-panel{background:#202329;grid-template-rows:42px minmax(0,1fr);width:100%;height:100%;display:grid}.preview-toolbar{background:#181b1f;border-bottom:1px solid #32363d;align-items:center;gap:4px;padding:0 8px;display:flex}.preview-toolbar button{border-radius:5px;width:27px;height:27px}.preview-toolbar button:not(:disabled):hover,.preview-toolbar button.active{color:#dce2e8;background:#292d33}.preview-address{color:#747b84;min-width:0;height:28px;font:9px var(--font-mono);background:#101216;border:1px solid #33373e;border-radius:6px;flex:1;align-items:center;gap:7px;margin:0 3px;padding:0 10px;display:flex}.preview-address svg{color:#9a8058}.preview-address.running svg{color:#9fd465}.preview-address.building svg{color:#d0ad6d}.preview-address.error svg{color:#e48489}.preview-viewport{background-color:#202329;background-image:linear-gradient(45deg,#1b1e23 25%,#0000 25%),linear-gradient(-45deg,#1b1e23 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#1b1e23 75%),linear-gradient(-45deg,#0000 75%,#1b1e23 75%),none;background-position:0 0,0 8px,8px -8px,-8px 0;background-repeat:repeat,repeat,repeat,repeat,repeat;background-size:16px 16px;background-attachment:scroll,scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box,border-box;justify-content:center;align-items:stretch;min-width:0;min-height:0;padding:0;display:flex;position:relative;overflow:auto}.preview-viewport iframe{background:#fff;border:0;flex:none;width:100%;height:100%}.preview-viewport.mobile{align-items:flex-start;padding:18px}.preview-viewport.mobile iframe{border:1px solid #464b53;border-radius:16px;width:min(390px,100%);height:max(720px,100% - 36px);box-shadow:0 18px 44px #0006}.preview-building-badge{z-index:2;color:#d3b97b;background:#1d1a13f0;border:1px solid #66583b;border-radius:7px;align-items:center;gap:6px;height:27px;padding:0 9px;font-size:9px;display:flex;position:absolute;top:12px;right:12px}.preview-empty{text-align:center;background:#191c20;border:1px dashed #444951;border-radius:12px;flex-direction:column;align-items:center;width:min(560px,100% - 48px);margin:auto;padding:42px;display:flex}.preview-glyph{color:#a9d575;background:#20281b;border:1px solid #46543a;border-radius:14px;place-items:center;width:56px;height:56px;display:grid}.preview-empty strong{color:#e3e6e9;margin-top:16px;font-size:14px}.preview-empty p{color:#858c95;max-width:390px;margin:7px 0 17px;font-size:11px;line-height:1.55}.preview-empty>button{color:#8ea978;background:#232d1d;border:1px solid #46583a;border-radius:6px;align-items:center;gap:6px;height:31px;padding:0 12px;font-size:10px;display:flex}.preview-empty>button:not(:disabled){color:#c3ec96;background:#2c3f21;border-color:#668943}.preview-empty.error{border-color:#634044}.preview-empty.error .preview-glyph{color:#e68c92;background:#29191b;border-color:#664247}.preview-empty>small{color:#5f6670;margin-top:15px;font-size:9px}.status-bar{color:#8d9b82;background:#1d221a;border-top:1px solid #2a2e34;gap:16px;height:24px;padding:0 9px;font-size:9px}.status-bar button{color:#9aa98e;background:0 0;border:0;align-items:center;gap:5px;height:20px;padding:0 4px;font-size:9px;display:flex}.status-bar .preview-status-running{color:#a9c98b}.status-bar .preview-status-running svg{color:#aee46e}.status-bar .preview-status-error,.status-bar .preview-status-error svg{color:#d88186}@media (max-width:1080px){.ide-grid,.ide-grid.tool-panel-collapsed{grid-template-columns:56px minmax(290px,330px) minmax(360px,1fr)}.ide-grid.tool-panel-collapsed{grid-template-columns:56px minmax(360px,1fr)}.activity-bar button{width:45px}.topbar-search{display:none}}@media (max-width:820px){.ide-shell{min-width:0}.ide-grid,.ide-grid.tool-panel-collapsed{grid-template-columns:50px minmax(0,1fr)}.tool-panel{z-index:5;width:min(372px,100vw - 50px);position:absolute;top:48px;bottom:24px;left:50px;box-shadow:18px 0 42px #00000073}.activity-bar button{width:39px}.activity-bar button span,.project-switcher>span,.ide-topbar .quiet-topbar-button{display:none}.workspace-stage{grid-column:2}}