@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap";:root{color:#e8ebf4;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--bg:#090c13;--panel:#10151f;--line:#252d3b;--muted:#8a95a8;--text:#e8ebf4;--purple:#9a83ff;--mint:#82edc3;--mono:"DM Mono",monospace;background:#090c13;font-family:DM Sans,sans-serif}*{box-sizing:border-box}body{background:var(--bg);min-width:320px;min-height:100vh;margin:0}button,input,textarea{font:inherit}button{cursor:pointer;color:inherit}button:disabled{opacity:.55;cursor:not-allowed}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--purple);outline-offset:2px}.app-shell{min-height:100vh}.sidebar{z-index:20;background:#0c1018;border-right:1px solid #202735;flex-direction:column;width:254px;padding:21px 14px 12px;display:flex;position:fixed;inset:0 auto 0 0}.sidebar-brand,.brand-lockup{align-items:center;gap:11px;padding:0 7px 24px;display:flex}.brand-mark{color:#0a1113;background:linear-gradient(135deg,#a28cff,#76f0c5);border-radius:12px;place-items:center;width:38px;height:38px;display:grid;box-shadow:0 0 28px #9780ff20}.sidebar-brand b,.brand-lockup b{letter-spacing:.08em;font:800 15px Manrope,sans-serif;display:block}.sidebar-brand span,.brand-lockup span{color:#8590a4;font:500 9px var(--mono);letter-spacing:.15em;margin-top:3px;display:block}.workspace-switch{text-align:left;border:1px solid var(--line);background:#111722;border-radius:11px;align-items:center;gap:9px;width:100%;margin-bottom:28px;padding:10px;display:flex}.workspace-avatar,.account-avatar,.top-avatar{color:#cfc4ff;background:#332a52;border-radius:9px;flex-shrink:0;place-items:center;font-weight:700;display:grid}.workspace-avatar{width:31px;height:31px}.workspace-copy{flex:1;min-width:0}.workspace-copy b,.workspace-copy small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.workspace-copy b{font-size:11px}.workspace-copy small{color:var(--muted);margin-top:3px;font-size:10px}.workspace-switch>svg{color:var(--muted)}.nav-caption{font:500 10px var(--mono);color:#69758a;letter-spacing:.15em;padding:0 11px 9px}.main-nav{gap:4px;display:grid}.nav-item{color:#9ba5b6;text-align:left;background:0 0;border:1px solid #0000;border-radius:9px;align-items:center;gap:11px;width:100%;height:41px;padding:0 11px;font-size:12px;display:flex}.nav-item svg{color:#7e8a9e}.nav-item:hover{color:#e8ebf4;background:#141a25}.nav-item.active{color:#e4ddff;background:#211c34;border-color:#393052}.nav-item.active svg{color:#ad9aff}.nav-item kbd{font:10px var(--mono);color:#7d8798;border:1px solid #353c4b;border-radius:4px;margin-left:auto;padding:2px 4px}.nav-count{color:#8793a6;background:#1d2532;border-radius:6px;margin-left:auto;padding:3px 6px;font-size:10px}.second-caption{margin-top:29px}.sidebar-bottom{margin-top:auto}.core-status{background:#101c1c;border:1px solid #263a3a;border-radius:10px;align-items:center;gap:9px;margin-bottom:17px;padding:11px 9px;display:flex}.status-icon{width:30px;height:30px;color:var(--mint);background:#1c3732;border-radius:8px;place-items:center;display:grid}.core-status>div{flex:1}.core-status b,.core-status small{display:block}.core-status b{font-size:11px}.core-status small{color:#a1b1b1;margin-top:4px;font-size:9px}.status-check{color:var(--mint)}.live-dot{vertical-align:middle;background:#74e9ba;border-radius:50%;width:6px;height:6px;margin-right:5px;display:inline-block;box-shadow:0 0 10px #74e9ba70}.help-link{color:#8c97aa;text-align:left;background:0 0;border:0;align-items:center;gap:8px;width:100%;padding:8px 10px;font-size:11px;display:flex}.help-link svg:last-child{margin-left:auto}.account-button{text-align:left;background:0 0;border:0;border-top:1px solid #222a37;align-items:center;gap:9px;width:100%;margin-top:12px;padding:13px 4px 4px;display:flex}.account-avatar{width:32px;height:32px}.account-button>span:nth-child(2){flex:1;min-width:0}.account-button b,.account-button small{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.account-button b{font-size:10px;font-weight:600}.account-button small{color:var(--muted);margin-top:3px;font-size:10px}.account-button>svg{color:#8590a4}.main-area{flex-direction:column;min-height:100vh;margin-left:254px;display:flex}.topbar{z-index:10;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0b0f17d9;border-bottom:1px solid #202735;justify-content:space-between;align-items:center;height:65px;padding:0 34px;display:flex;position:sticky;top:0}.topbar-left{align-items:center;gap:8px;display:flex}.breadcrumb{color:#8c97aa;align-items:center;gap:11px;font-size:11px;display:flex}.breadcrumb b{color:#e4e8f1;font-weight:600}.crumb-slash{color:#485263}.topbar-actions{align-items:center;gap:17px;display:flex}.top-status{color:#91a0ad;font-size:10px}.credits-pill{color:#d6cbff;background:#211c33;border:1px solid #3b3258;border-radius:8px;align-items:center;gap:7px;padding:8px 11px;font-size:11px;display:flex}.credits-pill svg{color:#b9a7ff}.top-avatar{border:0;width:30px;height:30px}.content-wrap{flex:1;width:100%;max-width:1280px;margin:0 auto;padding:39px 44px 55px}.build-view{max-width:920px;margin:0 auto}.hero-heading{text-align:center;padding:20px 0 28px}.eyebrow{color:#a998ff;font:500 10px var(--mono);letter-spacing:.15em;align-items:center;gap:7px;display:flex}.hero-heading .eyebrow{justify-content:center}.hero-heading h1,.page-title-row h1{letter-spacing:-.045em;color:#f4f5fa;margin:15px 0 10px;font:700 clamp(28px,4vw,43px) Manrope,sans-serif}.hero-heading h1 span{color:#a694ff}.hero-heading p,.page-title-row p{color:#8e99ad;margin:0;font-size:13px;line-height:1.7}.builder-composer{background:linear-gradient(150deg,#151b28,#10151e 75%);border:1px solid #343247;border-radius:17px;padding:18px 19px 14px;box-shadow:0 20px 80px #0002,0 0 0 1px #a78bfa08}.composer-top,.composer-footer{justify-content:space-between;align-items:center;gap:14px;display:flex}.composer-label{color:#a9b1c2;font:500 9px var(--mono);letter-spacing:.14em;align-items:center;gap:8px;display:flex}.composer-pulse{background:var(--purple);border-radius:50%;width:7px;height:7px;box-shadow:0 0 12px #a58bfa}.composer-private{color:#7e8a9d;align-items:center;gap:5px;font-size:10px;display:flex}.builder-composer textarea{resize:vertical;color:#f2f2f9;background:0 0;border:0;outline:none;width:100%;min-height:112px;padding:18px 0 15px;font-size:14px;line-height:1.8}.builder-composer textarea::placeholder{color:#6e7a8e}.builder-composer textarea:focus-visible{outline:none}.composer-divider{background:#28303e;height:1px;margin:0 -1px 14px}.target-switch{gap:4px;display:flex}.target-switch button{color:#8792a6;background:0 0;border:1px solid #0000;border-radius:8px;align-items:center;gap:7px;padding:8px 10px;font-size:11px;display:flex}.target-switch button.selected{color:#e2dcff;background:#2a2340;border-color:#43365f}.target-switch button.selected svg{color:#b4a1ff}.composer-actions{gap:8px;display:flex}.primary-button,.secondary-button,.prototype-button{white-space:nowrap;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:36px;padding:0 13px;font-size:11px;font-weight:700;transition:transform .15s,filter .15s;display:inline-flex}.primary-button{color:#151020;background:linear-gradient(115deg,#b5a2ff,#9279f4);border:1px solid #b6a6ff;box-shadow:0 5px 18px #9279f424}.primary-button:hover:not(:disabled){filter:brightness(1.08);transform:translateY(-1px)}.secondary-button{color:#c9d0de;background:#171e2a;border:1px solid #30394a}.prototype-button{color:#aeb8ca;background:#141a25;border:1px solid #30384a}.composer-note{color:#738095;align-items:center;gap:6px;margin-top:13px;font-size:10px;display:flex}.composer-note svg{color:#a594fa}.build-progress{color:#c8c0ff;margin-top:15px;font-size:11px}.build-progress>div:last-child{align-items:center;gap:7px;margin-top:8px;display:flex}.progress-track{background:#28253a;border-radius:5px;height:3px;overflow:hidden}.progress-track span{background:linear-gradient(90deg,#947bfa,#83edc3);width:60%;height:100%;animation:1.8s ease-in-out infinite alternate progress;display:block}.section-heading{justify-content:space-between;align-items:center;gap:15px;margin:34px 0 14px;display:flex}.section-heading h2{margin:0 0 5px;font:650 15px Manrope,sans-serif}.section-heading p{color:#8994a8;margin:0;font-size:11px}.quiet-label{font:10px var(--mono);letter-spacing:.1em;color:#69758a}.starter-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.starter-card{text-align:left;background:#10151f;border:1px solid #242d3b;border-radius:11px;align-items:center;gap:12px;min-width:0;padding:14px;transition:all .15s;display:flex}.starter-card:hover{background:#151927;border-color:#554a78;transform:translateY(-1px)}.starter-icon{color:#b8a7ff;background:#201c31;border:1px solid #35304c;border-radius:10px;flex-shrink:0;place-items:center;width:36px;height:36px;font-size:18px;display:grid}.starter-text{flex:1;min-width:0}.starter-text b,.starter-text small{display:block}.starter-text b{font-size:12px;font-weight:600}.starter-text small{color:#8691a4;margin-top:5px;font-size:10px}.starter-arrow{color:#68758a}.trust-strip{border-top:1px solid #222a37;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:27px;padding-top:20px;display:grid}.trust-strip>div{align-items:flex-start;gap:9px;display:flex}.trust-strip svg{color:#9f8cf7;flex-shrink:0;margin-top:2px}.trust-strip b,.trust-strip small{display:block}.trust-strip b{font-size:10px;font-weight:600}.trust-strip small{color:#7f8ba0;margin-top:4px;font-size:9px;line-height:1.5}.alert{border:1px solid;border-radius:9px;align-items:flex-start;gap:9px;margin-bottom:18px;padding:12px 14px;font-size:12px;line-height:1.6;display:flex}.alert>svg{flex-shrink:0;margin-top:2px}.alert span{white-space:pre-wrap;overflow-wrap:anywhere;flex:1}.alert button{color:inherit;opacity:.7;background:0 0;border:0;padding:0}.alert.error{color:#ffb9b9;background:#2a171d;border-color:#63343a}.alert.success{color:#a6f1d0;background:#12241f;border-color:#2e5c4d}.page-view{max-width:1060px;margin:0 auto}.page-title-row{justify-content:space-between;align-items:center;gap:20px;margin:9px 0 27px;display:flex}.page-title-row h1{margin:11px 0 7px;font-size:32px}.project-toolbar{color:#8591a5;justify-content:space-between;align-items:center;margin-bottom:17px;font-size:11px;display:flex}.search-field{color:#7f8b9e;background:#10151e;border:1px solid #2a3342;border-radius:8px;align-items:center;gap:8px;width:min(350px,100%);height:36px;padding:0 10px;display:flex}.search-field input{color:#e8ebf4;background:0 0;border:0;outline:none;width:100%;font-size:11px}.project-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;display:grid}.project-card{text-align:left;background:#111722;border:1px solid #27303e;border-radius:12px;min-width:0;padding:15px;transition:all .15s}.project-card:hover{border-color:#51466f;transform:translateY(-2px)}.project-card-top{justify-content:space-between;align-items:center;margin-bottom:17px;display:flex}.project-icon{color:#b7a5ff;background:#242039;border-radius:9px;place-items:center;width:36px;height:36px;display:grid}.project-status{color:#92dfbe;background:#14271f;border:1px solid #285141;border-radius:5px;padding:4px 6px;font-size:9px}.project-card>b{overflow-wrap:anywhere;font:600 13px Manrope,sans-serif;display:block}.project-card p{color:#8b97ab;min-height:33px;font-size:10px;line-height:1.6;overflow:hidden}.project-card-bottom{color:#7e8ba0;border-top:1px solid #27303e;justify-content:space-between;align-items:center;padding-top:12px;font-size:9px;display:flex}.project-card-bottom svg{color:#b3a4ff}.empty-state{text-align:center;background:#0f141d;border:1px dashed #30394a;border-radius:14px;flex-direction:column;align-items:center;padding:70px 20px;display:flex}.empty-icon{color:#b7a5ff;background:#211d34;border-radius:14px;place-items:center;width:52px;height:52px;display:grid}.empty-state h3{margin:17px 0 7px;font:650 17px Manrope,sans-serif}.empty-state p{color:#8994a8;max-width:380px;margin:0 0 20px;font-size:12px;line-height:1.7}.code-workspace{background:#0e131c;border:1px solid #293242;border-radius:12px;grid-template-columns:245px minmax(0,1fr);min-height:470px;display:grid;overflow:hidden}.file-tree{border-right:1px solid #293242;padding:13px 8px}.file-tree-title{color:#95a0b3;font:10px var(--mono);letter-spacing:.08em;align-items:center;gap:7px;padding:5px 7px 13px;display:flex}.file-tree-title span{color:#737f93;margin-left:auto}.file-row{text-align:left;color:#929db0;width:100%;font:10px var(--mono);background:0 0;border:1px solid #0000;border-radius:6px;align-items:center;gap:8px;padding:8px 9px;display:flex}.file-row span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.file-row.active{color:#d5cbff;background:#242039;border-color:#3e3559}.file-row svg{color:#9d8bf0;flex-shrink:0}.code-panel{flex-direction:column;min-width:0;display:flex}.code-panel-head{color:#b3bdcc;height:43px;font:10px var(--mono);border-bottom:1px solid #293242;justify-content:space-between;align-items:center;padding:0 13px;display:flex}.code-panel-head>span{text-overflow:ellipsis;align-items:center;gap:8px;display:flex;overflow:hidden}.icon-button{color:#8592a6;background:0 0;border:0;border-radius:6px;place-items:center;padding:6px;display:grid}.icon-button:hover{color:#d9deea;background:#222b3a}.code-content{color:#c6d2e3;max-height:620px;font:11px/1.8 var(--mono);white-space:pre;tab-size:2;margin:0;padding:18px;overflow:auto}.preview-stage{background:#111722;border:1px solid #293242;border-radius:14px;padding:16px}.preview-browser{background:#0d1119;border:1px solid #303949;border-radius:10px;overflow:hidden}.browser-chrome{color:#8490a4;background:#151b27;border-bottom:1px solid #293242;align-items:center;gap:12px;height:42px;padding:0 13px;font-size:10px;display:flex}.browser-chrome>div{gap:5px;display:flex}.browser-chrome i{background:#485366;border-radius:50%;width:7px;height:7px}.browser-chrome>span{margin:auto}.preview-canvas{place-items:center;min-height:390px;padding:35px;display:grid}.preview-ready{text-align:center;max-width:480px}.preview-check{color:#8fe6bf;background:#142a23;border:1px solid #31564b;border-radius:14px;place-items:center;width:48px;height:48px;margin:0 auto 16px;display:grid}.preview-ready h2{margin:0 0 10px;font:650 20px Manrope,sans-serif}.preview-ready p{color:#8f9bb0;margin:0 0 20px;font-size:12px;line-height:1.8}.billing-lock{color:#9aebc6;background:#13231f;border:1px solid #2c5748;border-radius:7px;align-items:center;gap:7px;padding:8px 10px;font-size:10px;display:flex}.billing-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.billing-summary{background:#111722;border:1px solid #293242;border-radius:12px;padding:16px}.summary-icon{color:#b6a3ff;background:#26203c;border-radius:9px;place-items:center;width:32px;height:32px;margin-bottom:18px;display:grid}.billing-summary>small{color:#8591a5;font:10px var(--mono);letter-spacing:.07em;display:block}.billing-summary>strong{overflow-wrap:anywhere;margin-top:7px;font:700 22px Manrope,sans-serif;display:block}.billing-summary>p{color:#8c98ab;margin:6px 0 0;font-size:10px}.billing-info{color:#f0d99a;background:#211d15;border:1px solid #4b412c;border-radius:11px;gap:13px;margin-top:15px;padding:17px;display:flex}.billing-info>svg{flex-shrink:0}.billing-info b{font-size:12px}.billing-info p{color:#b9ad91;margin:6px 0 0;font-size:11px;line-height:1.7}.plan-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.plan-card{background:#111722;border:1px solid #2b3443;border-radius:12px;padding:16px}.plan-name{text-transform:capitalize;font-size:12px;font-weight:700}.plan-price{margin:18px 0 6px;font:700 24px Manrope,sans-serif}.plan-price small{color:#8b97aa;margin-left:5px;font:11px DM Sans,sans-serif}.plan-card p{color:#8b97aa;font-size:11px}.plan-foot{color:#9ce6c7;border-top:1px solid #293242;align-items:center;gap:6px;margin-top:15px;padding-top:13px;font-size:10px;display:flex}.empty-inline{color:#8b97aa;padding:20px;font-size:12px}.settings-card{background:#111722;border:1px solid #293242;border-radius:12px;gap:15px;margin-bottom:13px;padding:20px;display:flex}.settings-icon{color:#b9a7ff;background:#25203a;border-radius:10px;flex-shrink:0;place-items:center;width:40px;height:40px;display:grid}.settings-content{flex:1;min-width:0}.settings-content h2{margin:2px 0 7px;font:650 14px Manrope,sans-serif}.settings-content>p{color:#8d99ad;max-width:650px;margin:0 0 15px;font-size:11px;line-height:1.8}.settings-content form{align-items:flex-end;gap:9px;max-width:600px;display:flex}.settings-content label,.auth-form label{color:#a8b2c4;flex:1;gap:7px;font-size:10px;display:grid}.settings-content input,.auth-form input{color:#e8ebf4;background:#0c111a;border:1px solid #303a4b;border-radius:8px;outline:none;width:100%;height:38px;padding:0 11px;font-size:11px}.settings-hint{color:#7f8ca0;align-items:center;gap:7px;margin-top:13px;font-size:10px;display:flex}.settings-hint svg{color:#8ed8b9}.model-tags{flex-wrap:wrap;gap:7px;display:flex}.model-tags span{color:#c8baff;font:10px var(--mono);background:#201c30;border:1px solid #38314f;border-radius:6px;padding:7px}.app-footer{color:#69758a;font:9px var(--mono);letter-spacing:.04em;border-top:1px solid #202735;justify-content:space-between;gap:10px;padding:15px 44px;display:flex}.app-footer>span:last-child{color:#89b8a5}.mobile-menu,.mobile-close,.mobile-scrim{display:none}.auth-screen{background:#090c13;grid-template-columns:minmax(380px,520px) minmax(0,1fr);min-height:100vh;display:grid;position:relative;overflow:hidden}.auth-card{z-index:1;place-self:center;width:100%;max-width:430px;padding:36px 26px 28px;position:relative}.auth-card .brand-lockup{padding:0 0 45px}.auth-eyebrow{color:#a99aff;font:10px var(--mono);letter-spacing:.12em;align-items:center;gap:8px;display:flex}.auth-card h1{letter-spacing:-.05em;margin:16px 0 13px;font:750 clamp(31px,4vw,42px)/1.18 Manrope,sans-serif}.auth-card h1 span{color:#a694ff}.auth-copy{color:#929db0;margin:0 0 23px;font-size:12px;line-height:1.8}.auth-feature{align-items:center;gap:11px;margin:13px 0;display:flex}.auth-feature>span{color:#b7a5ff;background:#201c30;border:1px solid #39334e;border-radius:9px;place-items:center;width:33px;height:33px;display:grid}.auth-feature b,.auth-feature small{display:block}.auth-feature b{font-size:11px}.auth-feature small{color:#8995a8;margin-top:3px;font-size:10px}.auth-form{margin-top:25px}.auth-tabs{border-bottom:1px solid #2b3341;grid-template-columns:1fr 1fr;margin-bottom:17px;display:grid}.auth-tabs button{color:#8390a4;background:0 0;border:0;border-bottom:2px solid #0000;padding:10px;font-size:11px}.auth-tabs button.active{color:#c8bbff;border-bottom-color:#a18cff}.auth-form label{margin-top:13px}.auth-form input{height:41px}.wide{width:100%;height:41px;margin-top:17px}.auth-foot{color:#778397;justify-content:center;align-items:center;gap:7px;margin-top:20px;font-size:10px;display:flex}.auth-foot svg{color:#8d9caa}.auth-side{background:radial-gradient(at 65% 35%,#28203e 0%,#111321 40%,#0a0d15 78%);border-left:1px solid #202735;flex-direction:column;justify-content:center;padding:60px clamp(35px,7vw,110px);display:flex;position:relative}.side-kicker{font:10px var(--mono);letter-spacing:.17em;color:#a294e8}.auth-side h2{letter-spacing:-.06em;margin:18px 0;font:750 clamp(44px,6vw,72px)/1.08 Manrope,sans-serif}.auth-side h2 em{color:#9e8aff;font-style:normal}.auth-side>p{color:#8c98ac;max-width:350px;font-size:13px;line-height:1.8}.floating-window{background:#10141f;border:1px solid #3a354e;border-radius:12px;width:100%;max-width:420px;margin-top:35px;overflow:hidden;transform:rotate(-1.5deg);box-shadow:0 30px 80px #0005}.window-bar{color:#8791a5;height:36px;font:9px var(--mono);border-bottom:1px solid #2c3141;align-items:center;gap:5px;padding:0 12px;display:flex}.window-bar i{background:#485066;border-radius:50%;width:7px;height:7px}.window-bar span{margin:auto}.window-content{padding:22px}.code-line{background:#39344f;border-radius:5px;height:7px;margin:12px 0}.code-line.long{background:#6c5bb0;width:85%}.code-line.mid{background:#3c6e63;width:67%}.code-line.short{width:43%}.window-success{color:#9ce8c7;border-top:1px solid #2a3140;align-items:center;gap:7px;margin-top:20px;padding-top:15px;font-size:10px;display:flex}.side-bottom{color:#7f8aa0;font:9px var(--mono);letter-spacing:.1em;justify-content:space-between;gap:12px;display:flex;position:absolute;bottom:25px;left:clamp(35px,7vw,110px);right:35px}.side-bottom>span:first-child{color:#8fc6ae}@keyframes spin{to{transform:rotate(360deg)}}.spin{animation:1s linear infinite spin}@keyframes progress{0%{transform:translate(-30%)}to{transform:translate(100%)}}@media (width<=1100px){.sidebar{width:225px}.main-area{margin-left:225px}.content-wrap{padding:30px 25px 45px}.topbar{padding:0 25px}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.auth-screen{grid-template-columns:minmax(350px,460px) minmax(0,1fr)}.auth-side{padding:50px 35px}.side-bottom{left:35px}}@media (width<=800px){.sidebar{width:270px;transition:transform .22s;transform:translate(-100%)}.sidebar.sidebar-open{transform:translate(0)}.main-area{margin-left:0}.mobile-menu{display:grid}.mobile-close{margin-left:auto;display:grid}.mobile-scrim{z-index:15;background:#0009;border:0;display:block;position:fixed;inset:0}.topbar{padding:0 17px}.topbar-actions{gap:10px}.top-status{display:none}.content-wrap{padding:25px 17px 35px}.app-footer{padding:14px 17px}.auth-screen{grid-template-columns:1fr}.auth-card{max-width:440px;padding:28px 24px}.auth-card .brand-lockup{padding-bottom:35px}.auth-side{display:none}.hero-heading{padding:14px 0 23px}.hero-heading h1{font-size:32px}.hero-heading p{max-width:450px;margin:auto}.composer-footer{flex-direction:column;align-items:flex-start}.composer-actions{width:100%}.composer-actions button{flex:1}.starter-grid{grid-template-columns:1fr}.trust-strip{grid-template-columns:1fr;gap:13px}.trust-strip small{font-size:10px}.quiet-label{display:none}.billing-summary-grid,.plan-grid{grid-template-columns:1fr}.billing-summary{grid-template-columns:40px 1fr;align-items:center;column-gap:12px;display:grid}.summary-icon{grid-row:span 2;margin:0}.billing-summary>small{align-self:end}.billing-summary>strong{font-size:18px}.billing-summary>p{grid-column:2}.code-workspace{grid-template-columns:135px minmax(0,1fr)}.file-row{gap:5px;padding:8px 4px;font-size:9px}.file-tree{padding:9px 4px}.code-content{padding:12px;font-size:10px}.page-title-row h1{font-size:27px}.page-title-row{align-items:flex-start}.page-title-row>.primary-button,.page-title-row>.secondary-button{margin-top:12px}.settings-card{padding:15px}.settings-content form{flex-direction:column;align-items:stretch}.settings-content form .primary-button{align-self:flex-start}}@media (width<=460px){.breadcrumb{gap:6px;font-size:10px}.breadcrumb>span:first-child,.crumb-slash{display:none}.credits-pill{padding:7px 8px;font-size:10px}.topbar{height:58px}.content-wrap{padding:20px 12px 30px}.hero-heading h1{font-size:29px}.builder-composer{padding:14px 12px}.composer-private{font-size:9px}.target-switch{width:100%}.target-switch button{flex:1;justify-content:center;padding:8px 5px}.composer-actions{gap:6px}.composer-actions button{padding:0 8px;font-size:10px}.project-grid{grid-template-columns:1fr}.page-title-row{flex-direction:column}.page-title-row>.primary-button,.page-title-row>.secondary-button{margin-top:0}.code-workspace{grid-template-columns:105px minmax(0,1fr)}.file-tree-title{gap:4px;font-size:8px}.file-row,.app-footer{font-size:8px}.auth-card{padding:22px 18px}.auth-card h1{font-size:33px}.settings-card{gap:10px}.settings-icon{width:34px;height:34px}.settings-content h2{font-size:12px}.model-tags span{font-size:8px}.preview-canvas{padding:22px 12px}.browser-chrome{gap:6px}}