:root{--bg:#f6f5f3;--surface:#fff;--surface-2:#f1efec;--ink:#1c1917;--ink-2:#44403c;--muted:#78716c;--line:#e7e5e2;--line-strong:#d6d3d1;--brand:#d52b1e;--live:#15803d;--danger:#b91c1c;--warn-bg:#fef3c7;--warn-ink:#78350f;--focus:#2563eb;--radius:12px;--radius-sm:8px;--shadow:0 1px 2px #1c19170f, 0 10px 30px #1c191712;--font:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--mono:ui-monospace, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root{--bg:#121110;--surface:#1b1917;--surface-2:#262320;--ink:#f5f5f4;--ink-2:#d6d3d1;--muted:#a8a29e;--line:#2d2926;--line-strong:#403a36;--live:#4ade80;--danger:#f87171;--warn-bg:#3a2e12;--warn-ink:#fde68a;--focus:#60a5fa;--shadow:0 1px 2px #0006, 0 10px 30px #00000059;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*,:before,:after{box-sizing:border-box}html,body{height:100%;margin:0}body{font-family:var(--font);color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;font-size:15px;line-height:1.5}#root{min-height:100%}h1,h2,h3{letter-spacing:-.02em;margin:0;line-height:1.15}a{color:inherit}button,input,textarea{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.muted{color:var(--muted)}.small{font-size:13px}.spacer{flex:1}.lead{font-size:1.1rem}.btn{border-radius:var(--radius-sm);white-space:nowrap;cursor:pointer;background:0 0;border:1px solid #0000;justify-content:center;align-items:center;gap:6px;height:36px;padding:0 12px;font-size:14px;font-weight:550;text-decoration:none;transition:background .15s,opacity .15s;display:inline-flex}.btn:disabled{opacity:.45;cursor:default}.btn-primary{background:var(--ink);color:var(--bg)}.btn-primary:not(:disabled):hover{opacity:.86}.btn-ghost{color:var(--ink-2)}.btn-ghost:not(:disabled):hover,.btn-soft:not(:disabled):hover{background:var(--surface-2)}.btn-soft{background:var(--surface-2);border-color:var(--line)}.btn-icon{width:36px;padding:0}.btn-small{height:30px;padding:0 10px;font-size:13px}.btn-block{width:100%}.link{color:var(--ink);text-underline-offset:3px;cursor:pointer;background:0 0;border:0;padding:0;font-weight:600;text-decoration:underline}.chip{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);color:var(--ink-2);text-align:left;cursor:pointer;padding:7px 12px;font-size:13px}.chip:hover{border-color:var(--line-strong);color:var(--ink)}.spinner{border:2px solid;border-right-color:#0000;border-radius:50%;flex:none;animation:.7s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.spinner{animation-duration:2.4s}}.dot{background:var(--line-strong);border-radius:50%;flex:none;width:8px;height:8px;display:inline-block}.dot-live{background:var(--live);box-shadow:0 0 0 3px color-mix(in srgb, var(--live) 20%, transparent)}.tag{background:var(--surface-2);color:var(--ink-2);border-radius:6px;padding:1px 7px;font-size:12px;font-weight:550;display:inline-block}.tag-ai{background:color-mix(in srgb, var(--brand) 12%, transparent);color:color-mix(in srgb, var(--brand) 80%, var(--ink))}.tag-live{background:color-mix(in srgb, var(--live) 15%, transparent);color:var(--live)}.card{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:16px;padding:28px}.field{gap:6px;margin-bottom:16px;display:grid}.field>span{font-size:13px;font-weight:600}.field input{border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--surface);height:42px;padding:0 12px}.form-error{color:var(--danger);margin:8px 0;font-size:14px}.boot,.page-error{min-height:100vh;color:var(--muted);place-content:center;justify-items:center;gap:12px;display:grid}.brand{letter-spacing:-.02em;align-items:center;gap:10px;font-size:17px;font-weight:750;text-decoration:none;display:inline-flex}.brand-large{margin-bottom:36px;font-size:22px}.app-header{z-index:10;background:color-mix(in srgb, var(--bg) 88%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;height:60px;padding:0 24px;display:flex;position:sticky;top:0}.header-right{align-items:center;gap:14px;display:flex}.usage{color:var(--ink-2);justify-items:end;gap:3px;display:grid}.usage-bar{background:var(--line);border-radius:4px;width:96px;height:4px;display:block;overflow:hidden}.usage-bar span{background:var(--ink);height:100%;display:block}.dashboard-main{max-width:1080px;margin:0 auto;padding:clamp(32px,7vw,72px) 24px 64px}.create{text-align:center;max-width:760px;margin:0 auto 72px}.create h1{letter-spacing:-.04em;font-size:clamp(2.2rem,5vw,3.4rem);font-weight:780}.create .lead{margin:12px 0 28px}.prompt-box{text-align:left;background:var(--surface);border:1px solid var(--line-strong);box-shadow:var(--shadow);border-radius:16px;padding:14px;transition:border-color .15s}.prompt-box:focus-within{border-color:var(--ink-2)}.prompt-box textarea{resize:vertical;background:0 0;border:0;outline:none;width:100%;min-height:96px;font-size:16px;line-height:1.55}.prompt-actions{justify-content:flex-end;align-items:center;gap:12px;display:flex}.suggestions{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:18px;display:flex}.my-sites h2{margin-bottom:16px;font-size:18px}.site-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:18px;margin:0;padding:0;list-style:none;display:grid}.site-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);transition:border-color .15s,box-shadow .15s;position:relative;overflow:hidden}.site-card:hover{border-color:var(--line-strong);box-shadow:var(--shadow)}.site-card-link{text-decoration:none;display:block}.site-thumb{aspect-ratio:16/10;background:var(--surface-2);border-bottom:1px solid var(--line);position:relative;overflow:hidden}.site-thumb iframe{transform-origin:0 0;pointer-events:none;background:#fff;border:0;width:400%;height:400%;position:absolute;inset:0;transform:scale(.25)}.site-thumb-empty{color:var(--line-strong);place-items:center;font-size:40px;font-weight:800;display:grid;position:absolute;inset:0}.site-card-body{gap:2px;padding:12px 14px 14px;display:grid}.site-card-body .small{align-items:center;gap:6px;display:flex}.site-card-delete{background:var(--surface);border-color:var(--line);opacity:0;position:absolute;top:8px;right:8px}.site-card:hover .site-card-delete,.site-card-delete:focus-visible{opacity:1}.editor{flex-direction:column;height:100dvh;display:flex}.editor-header{background:var(--surface);border-bottom:1px solid var(--line);flex:none;align-items:center;gap:6px;height:56px;padding:0 12px;display:flex}.site-name,.site-name-input{border-radius:var(--radius-sm);border:1px solid #0000;max-width:min(36vw,420px);height:34px;padding:0 8px;font-size:15px;font-weight:650}.site-name{text-overflow:ellipsis;white-space:nowrap;cursor:text;background:0 0;overflow:hidden}.site-name:hover{background:var(--surface-2)}.site-name-input{border-color:var(--line-strong);background:var(--surface)}.status{color:var(--muted);align-items:center;gap:6px;margin-left:4px;font-size:13px;display:inline-flex}.status-live{color:var(--live)}.editor-body{flex:1;grid-template-columns:minmax(320px,410px) minmax(0,1fr);min-height:0;display:grid}.chat{background:var(--surface);border-right:1px solid var(--line);flex-direction:column;min-height:0;display:flex}.chat-list{flex-direction:column;flex:1;gap:18px;padding:18px 16px;display:flex;overflow:hidden auto}.msg-user{background:var(--surface-2);border-radius:14px 14px 4px;align-self:flex-end;max-width:88%;padding:9px 14px}.msg-user p{white-space:pre-wrap;overflow-wrap:anywhere;margin:0}.msg-assistant{grid-template-columns:24px minmax(0,1fr);gap:10px;display:grid}.msg-avatar{padding-top:2px}.msg-body{min-width:0}.markdown p{margin:0 0 8px}.markdown ul,.markdown ol{margin:0 0 8px;padding-left:20px}.markdown li+li{margin-top:3px}.markdown code,.activity code{font-family:var(--mono);background:var(--surface-2);border-radius:5px;padding:1px 5px;font-size:12.5px}.md-heading{font-weight:700}.activity{grid-template-columns:minmax(0,1fr);gap:5px;margin:0 0 10px;padding:0;font-size:13px;list-style:none;display:grid}.activity-tool{color:var(--ink-2);flex-wrap:wrap;align-items:center;gap:6px;display:flex}.activity-icon{width:16px;color:var(--live);place-items:center;display:inline-grid}.state-streaming .activity-icon,.state-pending .activity-icon,.state-error,.state-error .activity-icon,.activity-thought{color:var(--muted)}.thought-toggle{max-width:100%;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;padding:0;font-size:13px;display:flex}.thought-toggle svg{flex:none}.thought-preview{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.thought-text{white-space:pre-wrap;margin:6px 0 4px 20px;font-size:13px}.working{color:var(--muted);align-items:center;gap:8px;margin:4px 0 0;font-size:13px;display:flex}.msg-error{border-radius:var(--radius-sm);background:color-mix(in srgb, var(--danger) 10%, transparent);color:var(--danger);margin:6px 0 0;padding:8px 10px;font-size:14px}.msg-note{color:var(--muted);margin:6px 0 0;font-size:13px}.version-chip{border:1px solid var(--line);color:var(--muted);cursor:pointer;background:0 0;border-radius:6px;align-items:center;gap:5px;margin-top:4px;padding:3px 8px;font-size:12px;display:inline-flex}.version-chip:hover{color:var(--ink);border-color:var(--line-strong)}.composer{border-top:1px solid var(--line);flex:none;padding:12px}.composer textarea{resize:none;border:1px solid var(--line-strong);border-radius:var(--radius);background:var(--surface);width:100%;padding:10px 12px;line-height:1.45;display:block}.composer-actions{justify-content:space-between;align-items:center;gap:8px;margin-top:8px;display:flex}.workspace{flex-direction:column;min-width:0;min-height:0;display:flex}.workspace-tabs{border-bottom:1px solid var(--line);background:var(--surface);flex:none;gap:2px;padding:8px 12px 0;display:flex}.workspace-tabs button{height:36px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;align-items:center;gap:6px;padding:0 12px;font-weight:550;display:inline-flex}.workspace-tabs button.active{color:var(--ink);border-bottom-color:var(--ink)}.preview{flex-direction:column;flex:1;min-height:0;display:flex}.preview-bar{flex:none;align-items:center;gap:6px;padding:8px 12px;display:flex}.segmented{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);padding:2px;display:inline-flex}.segmented button{width:32px;height:28px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:6px;place-items:center;display:inline-grid}.segmented button.active{background:var(--surface-2);color:var(--ink)}.address{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);min-width:0;height:32px;font-family:var(--mono);white-space:nowrap;text-overflow:ellipsis;flex:1;align-items:center;gap:2px;padding:0 12px;font-size:12.5px;display:flex;overflow:hidden}.viewing-banner{background:var(--warn-bg);color:var(--warn-ink);flex-wrap:wrap;flex:none;align-items:center;gap:8px 12px;padding:8px 12px;font-size:14px;display:flex}.preview-stage{flex:1;justify-content:center;min-height:0;padding:0 12px 12px;display:flex;overflow:auto}.preview-stage iframe{border:1px solid var(--line);border-radius:var(--radius-sm);max-width:100%;height:100%;box-shadow:var(--shadow);background:#fff;transition:width .25s}.device-phone iframe{border-width:6px;border-color:var(--ink);border-radius:22px}.code{flex:1;grid-template-columns:220px minmax(0,1fr);min-height:0;display:grid}.code-loading{flex:1;place-items:center;display:grid}.file-list{border-right:1px solid var(--line);background:var(--surface);flex-direction:column;gap:2px;padding:10px 8px;display:flex;overflow-y:auto}.file{width:100%;font-family:var(--mono);text-align:left;color:var(--ink-2);cursor:pointer;background:0 0;border:0;border-radius:6px;align-items:center;gap:7px;padding:6px 8px;font-size:12.5px;display:flex}.file span:not(.dirty-dot){text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.file:hover,.file.active{background:var(--surface-2);color:var(--ink)}.file.deleted span{color:var(--muted);text-decoration:line-through}.dirty-dot{background:var(--brand);border-radius:50%;flex:none;width:7px;height:7px;margin-left:auto}.code-main{flex-direction:column;min-width:0;min-height:0;display:flex}.code-bar{border-bottom:1px solid var(--line);background:var(--surface);flex:none;align-items:center;gap:8px;padding:8px 12px;display:flex}.code-bar code{font-family:var(--mono);font-size:13px}.code-area{resize:none;background:var(--surface);width:100%;min-height:0;font-family:var(--mono);tab-size:2;white-space:pre;border:0;outline:none;flex:1;padding:14px 16px;font-size:13px;line-height:1.6;overflow:auto}.drawer{z-index:50;background:var(--surface);border-left:1px solid var(--line);width:min(420px,100%);box-shadow:var(--shadow);padding:16px 18px;animation:.2s slide-in;position:fixed;top:0;bottom:0;right:0;overflow-y:auto}@keyframes slide-in{0%{opacity:0;transform:translate(24px)}}.drawer-header,.modal-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.drawer-header h2,.modal-header h2{font-size:18px}.drawer-intro{margin:4px 0 12px}.version-list{margin:0;padding:0;list-style:none}.version-list li{border-radius:var(--radius-sm);border-bottom:1px solid var(--line);padding:12px 10px}.version-list li.current{background:var(--surface-2)}.version-head{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.version-summary{color:var(--ink-2);margin:6px 0;font-size:14px}.version-foot{align-items:center;gap:4px;display:flex}.modal-backdrop{z-index:60;background:#0c0a0973;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.modal{border:1px solid var(--line);background:var(--surface);width:min(540px,100%);box-shadow:var(--shadow);border-radius:16px;padding:20px 22px}.modal>p{margin:8px 0 18px}.url-input{border:1px solid var(--line-strong);border-radius:var(--radius-sm);height:42px;font-family:var(--mono);align-items:center;font-size:13.5px;display:flex;overflow:hidden}.url-input span{white-space:nowrap;padding:0 10px}.url-input span:first-child{padding-right:0}.url-input span:last-child{padding-left:0}.url-input input{min-width:60px;height:100%;font-family:var(--mono);background:0 0;border:0;outline:none;flex:1;padding:0 2px;font-weight:650}.url-input:focus-within{border-color:var(--ink-2)}.published-info{font-size:14px;line-height:1.7;display:block}.published-info a{overflow-wrap:anywhere;font-weight:600}.modal-actions{justify-content:flex-end;gap:8px;margin-top:18px;display:flex}.mobile-switch{display:none}.hero{text-align:center;max-width:820px;margin:0 auto;padding:clamp(40px,9vw,96px) 24px 48px}.eyebrow{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);color:var(--ink-2);align-items:center;gap:8px;margin:0 0 22px;padding:5px 12px;font-size:13px;font-weight:550;display:inline-flex}.hero h1{letter-spacing:-.045em;font-size:clamp(2.6rem,7vw,4.6rem);font-weight:800;line-height:1.02}.hero-lead{max-width:36rem;color:var(--ink-2);margin:20px auto 32px}.hero-note{margin-top:14px}.prompt-area{text-align:left}.prompt-box-hint{border-color:var(--brand);animation:.35s nudge}@keyframes nudge{25%{transform:translate(-4px)}75%{transform:translate(4px)}}@media (prefers-reduced-motion:reduce){.prompt-box-hint{animation:none}}.prompt-hint{text-align:center;color:var(--brand);margin:10px 0 0;font-size:14px}.btn-create{height:40px;padding:0 16px}.steps,.values,.landing-cta{max-width:1000px;margin:0 auto;padding:48px 24px}.steps h2,.landing-cta h2{text-align:center;margin-bottom:28px;font-size:26px}.steps ol{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px;margin:0;padding:0;list-style:none;display:grid}.steps li,.value{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);padding:22px}.step-number{background:var(--ink);width:28px;height:28px;color:var(--bg);border-radius:7px;place-items:center;font-size:14px;font-weight:700;display:inline-grid}.steps h3,.value h3{margin:14px 0 6px;font-size:17px}.steps p,.value p{color:var(--ink-2);margin:0;font-size:14.5px}.values{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px;padding-top:0;display:grid}.value svg{color:var(--brand)}.landing-cta{text-align:center;padding-bottom:72px}.landing-cta h2{margin-bottom:8px}.landing-cta p{margin:0 0 20px}.site-footer{border-top:1px solid var(--line);max-width:1080px;color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:12px;margin:0 auto;padding:24px;font-size:13px;display:flex}.site-footer nav{gap:16px;display:flex}.site-footer a{color:inherit}a.usage{text-decoration:none}.notice{border-radius:var(--radius-sm);background:var(--warn-bg);color:var(--warn-ink);margin:0 0 16px;padding:10px 14px;font-size:14px}.upgrade-link{color:var(--ink);font-weight:650}.modal-narrow{width:min(460px,100%)}.magic-form{margin-top:18px}.magic-note{text-align:center;margin:12px 0 0}.link-sent{text-align:center;padding:8px 0 4px}.link-sent h2{margin:12px 0 8px;font-size:20px}.link-sent p{margin:0 0 10px}.link-sent-icon{background:var(--surface-2);border-radius:12px;place-items:center;width:48px;height:48px;display:inline-grid}.dev-link{border:1px dashed var(--line-strong);border-radius:var(--radius-sm);padding:8px 10px;font-size:13px;margin-top:14px!important}.dev-link a{font-weight:650}.login-page{place-content:center;justify-items:center;gap:18px;min-height:100vh;padding:32px 16px;display:grid}.login-page .brand{margin:0;text-decoration:none}.login-card{width:min(420px,100vw - 32px)}.login-card h1{margin-bottom:8px;font-size:24px}.verify{color:var(--muted);justify-items:center;gap:10px;padding:12px 0;display:grid}.pricing{max-width:1160px;margin:0 auto;padding:clamp(36px,7vw,72px) 24px 24px}.pricing-hero{text-align:center}.pricing-hero h1{letter-spacing:-.04em;font-size:clamp(2.2rem,5vw,3.4rem);font-weight:800}.pricing-hero .lead{margin:12px 0 24px}.billing-toggle{border:1px solid var(--line);background:var(--surface);border-radius:10px;padding:3px;display:inline-flex}.billing-toggle button{height:34px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:6px;padding:0 16px;font-weight:600;display:inline-flex}.billing-toggle button.active{background:var(--ink);color:var(--bg)}.save{color:var(--live);font-size:12px}.billing-toggle button.active .save{color:inherit;opacity:.8}.trial-banner{border:1px solid var(--line-strong);background:var(--surface);border-radius:16px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:20px;margin:32px 0 8px;padding:20px 24px;display:grid}.trial-banner h2{margin-bottom:4px;font-size:18px}.trial-banner p{color:var(--ink-2);margin:0;font-size:14.5px}.trial-banner p+p{margin-top:6px}.trial-amount{background:var(--brand);color:#fff;letter-spacing:-.02em;border-radius:14px;place-items:center;width:64px;height:64px;font-size:20px;font-weight:800;display:grid}.billing-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin:28px 0 18px;display:flex}.billing-row p{margin:0}.sites-count{font-weight:500}.pricing-common{text-align:center;color:var(--ink-2);margin:28px 0 22px;font-size:14px}.plan-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));align-items:stretch;gap:16px;display:grid}.plan-card{border:1px solid var(--line);background:var(--surface);border-radius:16px;flex-direction:column;padding:24px 22px;display:flex;position:relative}.plan-highlight{border:2px solid var(--ink);box-shadow:var(--shadow)}.plan-flag{background:var(--ink);color:var(--bg);border-radius:6px;padding:3px 10px;font-size:12px;font-weight:700;position:absolute;top:-12px;left:22px}.plan-card h3{font-size:20px}.plan-tagline{min-height:3em;margin:6px 0 14px;font-size:14px}.plan-price{align-items:baseline;gap:6px;margin:0;display:flex}.plan-price strong{letter-spacing:-.04em;font-size:42px;font-weight:800;line-height:1}.plan-price span{color:var(--muted);font-size:14px}.plan-billing{margin:6px 0 18px}.plan-badge-line{border-radius:var(--radius-sm);background:var(--surface-2);align-items:center;gap:8px;margin:18px 0 4px;padding:8px 10px;font-size:13.5px;font-weight:550;display:flex}.plan-badge-line.no-badge{background:color-mix(in srgb, var(--live) 12%, transparent);color:var(--live)}.plan-features{gap:9px;margin:12px 0 0;padding:0;font-size:14px;list-style:none;display:grid}.plan-features li{align-items:flex-start;gap:8px;display:flex}.plan-features svg{color:var(--live);flex:none;margin-top:1px}.plan-features .not-included,.plan-features .not-included svg{color:var(--muted)}.badge-explainer{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(24px,5vw,64px);margin:88px 0 0;display:grid}.badge-explainer h2,.credits-explainer h2,.faq h2{margin-bottom:12px;font-size:26px}.badge-explainer p{color:var(--ink-2)}.mock-browser{border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:12px;overflow:hidden}.mock-bar{background:#efedea;border-bottom:1px solid #e2dfdb;align-items:center;gap:6px;padding:9px 12px;display:flex}.mock-bar span{background:#cfcac4;border-radius:50%;width:9px;height:9px}.mock-bar em{color:#78716c;background:#fff;border-radius:6px;margin-left:10px;padding:2px 10px;font-size:12px;font-style:normal}.mock-page{color:#292524;height:240px;position:relative}.mock-hero{color:#f5ede1;background:#2f2a24;gap:6px;padding:34px 26px;display:grid}.mock-hero b{letter-spacing:-.02em;font-size:22px}.mock-hero i{opacity:.75;font-size:14px;font-style:normal}.mock-lines{gap:8px;padding:22px 26px;display:grid}.mock-lines span{background:#e7e2dc;border-radius:4px;height:8px}.mock-lines span:nth-child(2){width:80%}.mock-lines span:nth-child(3){width:60%}.mock-badge{color:#fff;background:#1c1917;border-radius:8px;align-items:center;gap:6px;padding:6px 10px;font-size:11.5px;font-weight:600;display:inline-flex;position:absolute;bottom:12px;right:12px;box-shadow:0 4px 14px #00000038}.credits-explainer,.faq{max-width:860px;margin:88px auto 0}.credits-explainer{text-align:center}.credit-examples{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;margin-top:22px;display:grid}.credit-examples div{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);gap:4px;padding:18px;display:grid}.credit-examples strong{font-size:18px}.credit-examples span{color:var(--ink-2);font-size:14px}.faq details{border-bottom:1px solid var(--line)}.faq summary{cursor:pointer;padding:16px 0;font-weight:650}.faq details p{color:var(--ink-2);margin:0 0 16px}.pricing .landing-cta{margin-top:56px}.plan-note{border-radius:var(--radius-sm);background:var(--surface-2);padding:8px 10px;font-size:13.5px}.plan-note svg{vertical-align:-2px;margin-right:6px;display:inline-block}.code-locked{text-align:center;flex:1;place-content:center;justify-items:center;gap:10px;padding:32px;display:grid}.code-locked h2{font-size:20px}.code-locked p{max-width:26rem;margin:0 0 8px}.composer-error{min-width:0}.composer-error .form-error{margin:0}@media (width<=1100px){.hide-md{display:none}}@media (width<=860px){.badge-explainer,.trial-banner,.editor-body{grid-template-columns:1fr}.editor-body.show-chat .workspace,.editor-body.show-site .chat{display:none}.mobile-switch{border-top:1px solid var(--line);background:var(--surface);flex:none;grid-template-columns:1fr 1fr;display:grid}.mobile-switch button{height:48px;color:var(--muted);background:0 0;border:0;justify-content:center;align-items:center;gap:6px;font-weight:600;display:inline-flex}.mobile-switch button.active{color:var(--ink);box-shadow:inset 0 2px 0 var(--ink)}.code{grid-template-rows:auto minmax(0,1fr);grid-template-columns:1fr}.file-list{border-right:0;border-bottom:1px solid var(--line);flex-direction:row;overflow-x:auto}.file{flex:none;width:auto}}@media (width<=640px){.hide-sm{display:none}.app-header{padding:0 14px}.editor-header .status{display:none}.preview-stage{padding:0}.preview-stage iframe{box-shadow:none;border-width:0;border-radius:0}}