/* Vellum design tokens. Both themes cover every platform surface. */
:root,[data-theme="dark"]{color-scheme:dark;--bg:#0b0d0c;--surface:#121513;--surface-alt:#1b1f1c;--ink:#f1f4ee;--muted:#a5afa7;--line:#303830;--accent:#b4f43c;--accent-hover:#c7ff62;--accent-soft:#263719;--primary:#b4f43c;--primary-hover:#c7ff62;--on-primary:#142003;--green:#b4f43c;--success:#a7e87c;--danger:#ff9d9d;--danger-soft:#3b2024;--focus:#9ed729;--glow:#a5ed3212;--shadow-color:#00000035;--overlay:#000000aa;--font:'DM Sans',sans-serif;--heading:'Manrope',sans-serif;--hero-grid:#b0d3890a;--code-bg:#0f1310;--code-text:#d8e5d4;--code-muted:#99aa9a;--code-panel:#171d18;--code-selected:#2a3924}
[data-theme="light"]{color-scheme:light;--bg:#f6f7f4;--surface:#fff;--surface-alt:#edf0e9;--ink:#172015;--muted:#5b685a;--line:#d3dacf;--accent:#426c08;--accent-hover:#305005;--accent-soft:#e4efcf;--primary:#b4f43c;--primary-hover:#a2e32b;--on-primary:#142003;--green:#426c08;--success:#3f691d;--danger:#a32e3b;--danger-soft:#fae9eb;--focus:#56840b;--glow:#88b83212;--shadow-color:#15220a12;--overlay:#10171080;--hero-grid:#304e1909;--code-bg:#f9fbf6;--code-text:#243421;--code-muted:#576d50;--code-panel:#eef2e9;--code-selected:#dde9d0}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:14px/1.6 var(--font);-webkit-font-smoothing:antialiased}button,input,textarea,select{font:inherit;color:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}a{color:inherit;text-decoration:none}button,input,textarea,select{outline-offset:4px}button:focus-visible,a:focus-visible{outline:3px solid var(--focus);outline-offset:4px}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--heading);font-weight:650;line-height:1.2;letter-spacing:-.045em}h1{font-size:44px}h2{font-size:30px}h3{font-size:19px}svg.lucide{width:18px;height:18px;flex-shrink:0;vertical-align:middle}p{color:var(--muted)}.btn{border:1px solid transparent;border-radius:10px;padding:11px 17px;display:inline-flex;align-items:center;justify-content:center;gap:9px;font-size:13px;font-weight:550;white-space:nowrap;transition:background .18s,transform .18s}.btn:hover{transform:translateY(-1px)}.primary{background:var(--accent);color:var(--on-primary);border-color:var(--accent)}.primary:hover{background:var(--accent-hover)}.secondary{background:var(--surface);border-color:var(--line)}.secondary:hover{background:var(--surface-alt)}.ghost{background:transparent}.small{padding:8px 13px;font-size:12px}.wide{width:100%}.text-btn{border:0;background:transparent;padding:8px;font-size:13px}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border:1px solid transparent;border-radius:8px;background:transparent;flex-shrink:0}.icon-btn:hover{background:var(--accent-soft);color:var(--accent)}.icon-btn.primary{background:var(--accent);color:var(--on-primary)}.logo{display:inline-flex;align-items:center;gap:8px;font-family:var(--heading);font-size:27px;font-weight:800;letter-spacing:-1.4px;color:var(--ink);white-space:nowrap}.logo img{border-radius:9px}.logo-dot{margin-left:-7px;color:var(--accent)}.public-header{height:94px;max-width:1344px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:0 44px}.public-header nav{display:flex;gap:28px;color:var(--muted);font-size:13px}.public-header nav a:hover{color:var(--accent)}.header-actions{display:flex;align-items:center;gap:16px}.language{display:inline-flex;align-items:center;gap:6px;color:var(--muted)}.language svg{width:16px;height:16px}.language select{padding:5px 1px;border:none;background:transparent;font-size:12px;max-width:88px;cursor:pointer}.hero{position:relative;text-align:center;padding:69px 24px 70px;overflow:hidden;background:radial-gradient(ellipse 44% 49% at 50% 73%,var(--glow),transparent 100%)}.eyebrow{display:inline-flex;align-items:center;gap:9px;font-size:10px;letter-spacing:1.25px;font-weight:600;color:var(--muted)}.status-dot{width:6px;height:6px;background:var(--surface-alt);border-radius:50%;display:inline-block}.eyebrow-line{width:15px;height:1px;background:var(--surface-alt)}.hero h1{font-size:65px;line-height:1.17;letter-spacing:-4px;margin:24px 0 20px;font-weight:650}.hero h1>span{color:var(--accent)}.hero-sub{max-width:590px;margin:auto;font-size:16px;line-height:1.85;color:var(--muted)}.prompt-box{max-width:714px;margin:35px auto 0;background:var(--surface);border:1px solid var(--line);border-radius:17px;padding:18px 18px 13px;box-shadow:0 8px 30px var(--shadow-color),0 1px 2px var(--shadow-color);text-align:left}.prompt-box textarea{display:block;border:0;background:none;resize:vertical;min-height:85px;width:100%;font-size:15px;padding:4px 5px}.prompt-box textarea::placeholder{color:var(--muted)}.prompt-box textarea:focus{outline:none}.prompt-box:focus-within{border-color:var(--line);box-shadow:0 0 0 3px var(--shadow-color)}.prompt-bottom{display:flex;align-items:center;justify-content:space-between;gap:8px}.ai-chip{display:flex;gap:6px;align-items:center;font-size:11px;color:var(--muted);padding:4px}.ai-chip svg{width:15px}.prompt-controls{display:flex;align-items:center;gap:14px}.prompt-controls select{max-width:130px;border:0;font-size:11px;background:transparent;color:var(--muted)}.prompt-hints{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin-top:19px}.prompt-hints button{display:flex;align-items:center;gap:7px;background:var(--surface);border:1px solid var(--line);border-radius:7px;padding:7px 12px;font-size:11px;color:var(--muted)}.prompt-hints button:hover{background:var(--accent-soft);border-color:var(--line)}.prompt-hints svg{width:14px;height:14px}.free-note{font-size:10px;color:var(--muted);margin:20px 0 0}.free-note svg{width:12px;height:12px}.section{max-width:1256px;padding:70px 38px;margin:auto}.overline{font-size:10px;letter-spacing:1.7px;font-weight:600;color:var(--muted);display:block;margin-bottom:13px}.section-heading h2{font-size:32px;max-width:560px}.section-heading p{font-size:13px;margin-top:12px}.idea-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:31px}.idea-card{text-align:left;border:none;background:transparent;padding:0;min-width:0}.idea-preview{height:206px;border-radius:11px;padding:21px;overflow:hidden;transition:transform .2s,box-shadow .2s}.idea-card:hover .idea-preview{transform:translateY(-4px);box-shadow:0 14px 25px var(--shadow-color)}.mini-nav{display:flex;justify-content:space-between;align-items:center;font-weight:700;font-size:10px;letter-spacing:-.2px}.mini-nav span{font-size:4.9px;font-weight:400;letter-spacing:.6px}.preview-portfolio{background:var(--surface-alt);color:var(--ink)}.mini-editorial{font-family:Georgia,serif;font-size:29px;line-height:1.06;margin:28px 0 28px}.mini-editorial em{color:var(--muted)}.mini-bottom{display:flex;justify-content:space-between;align-items:center;font-size:5px;letter-spacing:.8px}.mini-bottom>span{font-size:17px}.preview-saas{background:var(--surface-alt);color:var(--muted)}.mini-saas{font-size:29px;font-family:var(--heading);line-height:1.08;letter-spacing:-1px;font-weight:600;margin:24px 0 18px}.mini-saas em{font-style:normal;color:var(--muted)}.mini-pill{font-size:6px;background:var(--surface-alt);color:var(--ink);padding:6px 10px;border-radius:3px}.preview-pitch{background:var(--surface-alt);color:var(--ink)}.mini-pitch{font-family:Georgia,serif;font-size:33px;line-height:1.04;margin:24px 0}.preview-forma{background:var(--surface-alt);color:var(--ink)}.mini-forma{font-size:30px;font-family:Georgia,serif;line-height:1.05;margin:25px 0}.mini-forma em{font-weight:normal}.idea-meta{display:flex;align-items:center;justify-content:space-between;padding:15px 2px}.idea-meta strong{display:block;font-size:12px;font-weight:550}.idea-meta small{display:block;color:var(--muted);font-size:10px;margin-top:2px}.idea-meta>svg{width:15px;color:var(--muted)}.how{border-top:1px solid var(--line)}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:65px;margin-top:48px}.step-number{font-size:12px;color:var(--accent);display:inline-block;background:var(--accent-soft);padding:7px 10px;border-radius:8px;margin-bottom:20px}.steps h3{font-size:18px;letter-spacing:-.5px;margin-bottom:13px}.steps p{font-size:13px;line-height:1.9}.cloud-section{margin-top:24px;margin-bottom:60px;display:grid;grid-template-columns:1fr 1fr;gap:90px;border-radius:20px;background:var(--surface-alt);padding:52px;max-width:1180px}.cloud-copy h2{margin:18px 0;max-width:400px;font-size:33px;line-height:1.25}.cloud-copy>p{font-size:13px;line-height:1.9;max-width:450px}.cloud-copy>.btn{margin-top:25px}.cloud-features{display:flex;flex-direction:column;justify-content:center;gap:14px}.cloud-features>div:not(.cloud-caption){display:flex;align-items:center;gap:16px;padding:20px;background:var(--surface);border:1px solid var(--line);border-radius:12px;font-size:13px}.cloud-features>div>svg:first-child{color:var(--accent)}.cloud-features>div>svg:last-child{margin-left:auto;width:14px;color:var(--muted)}.cloud-caption{text-align:center;font-size:9px;letter-spacing:.4px;color:var(--muted);margin-top:5px}.cloud-caption .status-dot{background:var(--surface-alt);width:5px;height:5px;margin-right:4px}footer{max-width:1256px;margin:auto;border-top:1px solid var(--line);padding:38px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:25px}footer .logo{font-size:24px}footer .logo img{width:25px;height:25px}footer p{font-size:11px;margin-top:7px}.footer-links{display:flex;align-items:center;gap:25px;font-size:11px;color:var(--muted)}.footer-links svg{width:12px}footer>small{width:100%;text-align:right;color:var(--muted);font-size:9px}.auth-top{display:flex;align-items:center;justify-content:space-between;padding:25px 40px;position:absolute;top:0;left:0;width:100%;z-index:1}.auth-layout{display:grid;grid-template-columns:1fr 1fr;min-height:100vh}.auth-art{background:var(--surface-alt);padding:160px 12% 70px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.auth-art h1{font-size:49px;line-height:1.17;max-width:480px;margin:24px 0}.auth-art>p{max-width:350px;font-size:14px;color:var(--muted)}.auth-example{max-width:360px;width:100%;padding:25px 28px;background:var(--surface-alt);border-radius:16px;border:1px solid var(--line);margin:45px 0;transform:rotate(-3deg);box-shadow:0 22px 40px var(--shadow-color)}.auth-example>div{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:11px}.auth-example>div>span{margin-left:auto}.auth-example blockquote{font-family:Georgia,serif;font-size:35px;line-height:1.18;margin:32px 0;color:var(--ink)}.auth-example small{font-size:8px;letter-spacing:2px;color:var(--muted)}.auth-art-bottom{font-size:9px;letter-spacing:2px;color:var(--muted)}.auth-form{padding:120px 45px 60px;display:flex;align-items:center;justify-content:center}.auth-form-inner{max-width:380px;width:100%}.auth-form h2{font-size:33px;line-height:1.3;margin:12px 0 30px}.auth-form label,.modal form>label,.form-row>label,.settings-card label{display:flex;flex-direction:column;gap:7px;font-size:12px;font-weight:500;margin:17px 0}input:not([type=checkbox]),textarea,select:not(.language select){border:1px solid var(--line);border-radius:8px;padding:11px 13px;background:var(--surface);min-width:0}textarea{resize:vertical}input:focus,textarea:focus,select:focus{outline:2px solid var(--focus);border-color:var(--line)}input::placeholder,textarea::placeholder{color:var(--muted)}input:disabled{background:var(--surface-alt);color:var(--muted)}.checkbox-label{flex-direction:row!important;align-items:flex-start!important;gap:9px!important;font-size:11px!important;font-weight:400!important;line-height:1.7}.checkbox-label input{accent-color:var(--accent);margin-top:3px}.checkbox-label a{text-decoration:underline;color:var(--accent)}.auth-switch{text-align:center;font-size:12px;margin:23px 0}.auth-switch a{color:var(--accent);font-weight:500}.auth-form .tiny{text-align:center;margin-top:35px}.form-error{font-size:12px;color:var(--danger);margin:10px 0}.tiny{font-size:11px}.muted{color:var(--muted)}.notice{display:flex;align-items:flex-start;gap:9px;background:var(--surface-alt);border:1px solid var(--line);border-radius:9px;padding:13px 16px;color:var(--muted);font-size:12px;line-height:1.75;margin:20px 0}.notice svg{margin-top:2px;width:16px;height:16px}.app-layout{display:flex;min-height:100vh}.sidebar{width:234px;background:var(--surface-alt);border-right:1px solid var(--line);padding:25px 17px 15px;position:fixed;top:0;bottom:0;left:0;display:flex;flex-direction:column;z-index:20}.sidebar>.logo{padding:0 11px;font-size:26px}.sidebar>.logo img{width:29px;height:29px}.workspace-label{display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:9px;padding:10px;margin:29px 0 18px;background:var(--surface);font-size:11px;line-height:1.4}.workspace-avatar{width:29px;height:29px;display:grid;place-items:center;border-radius:7px;background:var(--surface-alt);color:var(--muted);font-size:12px}.workspace-label small{display:block;font-size:9px;color:var(--muted);margin-top:3px}.workspace-label>svg{width:13px;margin-left:auto;color:var(--muted)}.sidebar>.btn{font-size:12px;padding:10px}.sidebar nav{margin-top:24px;display:flex;flex-direction:column;gap:5px}.sidebar nav>a{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:8px;font-size:12px;color:var(--muted)}.sidebar nav>a:hover{background:var(--surface-alt)}.sidebar nav>a.active{background:var(--surface-alt);color:var(--accent);font-weight:550}.sidebar nav>a>svg{width:17px;height:17px}.nav-divider{height:1px;background:var(--surface-alt);margin:12px}.tiny-badge{font-size:9px;margin-left:auto;color:var(--muted);background:var(--surface-alt);padding:2px 6px;border-radius:5px}.sidebar-bottom{margin-top:auto;padding-top:20px}.credit-mini{background:var(--surface);border:1px solid var(--line);padding:12px 13px;border-radius:10px;margin-bottom:14px}.credit-mini>div{display:flex;align-items:center;gap:5px;font-size:10px;color:var(--muted)}.credit-mini svg{width:15px;height:15px}.credit-mini strong{font-size:15px;font-weight:600;color:var(--accent)}.credit-mini a{display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:9px;margin-top:7px}.user-profile{display:flex;align-items:center;gap:9px;background:transparent;border:0;text-align:left;width:100%;padding:5px;font-size:11px}.avatar{width:32px;height:32px;border-radius:50%;background:var(--surface-alt);color:var(--muted);display:grid;place-items:center;font-size:12px;font-weight:600}.user-profile small{display:block;color:var(--muted);font-size:9px}.user-profile>svg{margin-left:auto;width:14px;color:var(--muted)}.app-main{margin-left:234px;flex:1;min-width:0}.app-header{height:72px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 36px;background:var(--surface);font-size:12px;color:var(--muted)}.app-header>div{display:flex;align-items:center;gap:23px}.cloud-online{font-size:10px;color:var(--muted)}.cloud-online>.status-dot{background:var(--surface-alt);width:5px;height:5px;margin-right:5px}.small-avatar{width:28px;height:28px}.menu-toggle{display:none}.dashboard{padding:0 48px 60px;max-width:1350px;margin:auto}.dashboard-hero{padding:50px 0 45px;text-align:center;background:radial-gradient(ellipse 50% 60% at 50% 62%,var(--glow),transparent)}.hello{font-size:12px;color:var(--muted);display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:13px}.hello>span{color:var(--muted);font-size:19px}.dashboard-hero h1{font-size:40px;margin-bottom:13px}.dashboard-hero>p{font-size:13px;color:var(--muted)}.dashboard-hero .prompt-box{margin-top:27px;max-width:680px}.dashboard-hero .prompt-hints{margin-top:16px}.row-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:20px}.row-heading h2{font-size:18px;letter-spacing:-.5px}.row-heading>a{font-size:11px;color:var(--muted);display:flex;gap:7px;align-items:center}.row-heading>a>svg{width:13px;height:13px}.empty{padding:44px 25px;text-align:center;border:1px dashed var(--line);border-radius:12px}.empty-icon{background:var(--surface-alt);border-radius:12px;width:48px;height:48px;margin:0 auto 16px;display:grid;place-items:center;color:var(--muted)}.empty h3{font-size:18px;margin:10px 0}.empty p{font-size:12px}.empty .btn{margin-top:21px}.page{padding:40px 42px 70px;max-width:1350px;margin:auto}.page-title{margin-bottom:32px}.page-title:has(>.btn){display:flex;align-items:center;justify-content:space-between;gap:20px}.page-title h1{font-size:33px;margin-bottom:12px}.page-title p{max-width:690px;font-size:13px;line-height:1.8}.list-controls{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:25px}.filter-chips{display:flex;gap:7px;flex-wrap:wrap}.filter-chips button{border:1px solid transparent;background:transparent;border-radius:7px;padding:6px 12px;color:var(--muted);font-size:11px}.filter-chips .active{border-color:var(--line);background:var(--accent-soft);color:var(--accent)}.search{display:flex;gap:8px;align-items:center;border:1px solid var(--line);border-radius:8px;padding-left:10px;background:var(--surface);color:var(--muted)}.search input{border:0!important;font-size:11px;width:160px;padding:8px!important;background:transparent!important}.search>svg{width:14px;height:14px}.projects-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.project-card{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--surface);transition:transform .2s}.project-card:hover{transform:translateY(-3px);border-color:var(--line)}.project-cover{height:165px;padding:22px;position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.kind-website{background:var(--surface-alt);color:var(--muted)}.kind-landing{background:var(--surface-alt);color:var(--muted)}.kind-presentation{background:var(--surface-alt);color:var(--muted)}.kind-app{background:var(--surface-alt);color:var(--muted)}.project-cover-icon{opacity:.65;display:inline-block;margin-bottom:8px}.project-cover-icon svg{width:27px;height:27px}.project-cover-title{font-family:var(--heading);font-size:19px;font-weight:600;line-height:1.3;letter-spacing:-.5px;max-width:90%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-cover-tag{font-size:8px;letter-spacing:.5px;text-transform:uppercase;opacity:.65;margin-top:7px}.project-open{position:absolute;right:12px;top:12px;opacity:.4}.project-meta{padding:15px 16px}.project-meta>strong{font-size:12px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:550}.project-meta>div{display:flex;align-items:center;justify-content:space-between;margin-top:7px;font-size:9px;color:var(--muted)}.state{font-size:9px;background:var(--surface-alt);color:var(--muted);padding:3px 7px;border-radius:5px;white-space:nowrap}.state.green{background:var(--surface-alt);color:var(--success)}.app-main .idea-grid{grid-template-columns:repeat(2,1fr);max-width:850px}.app-main .idea-preview{height:250px;padding:28px}.app-main .mini-editorial,.app-main .mini-saas,.app-main .mini-pitch,.app-main .mini-forma{font-size:40px;margin:30px 0}.editor{height:100vh;display:flex;flex-direction:column;background:var(--surface)}.editor-header{height:69px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 20px;gap:15px}.editor-header>div{display:flex;align-items:center;gap:14px}.editor-header .logo{font-size:23px}.editor-header .logo img{width:25px;height:25px}.editor-title{display:block;border-left:1px solid var(--line);padding-left:18px;font-size:12px;font-weight:550;max-width:320px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.editor-title small{display:block;font-size:9px;color:var(--muted);font-weight:400}.editor-actions .btn{padding:8px 12px;font-size:11px;gap:7px}.editor-actions svg{width:15px}.editor-main{display:flex;flex:1;min-height:0}.chat-panel{width:345px;display:flex;flex-direction:column;border-right:1px solid var(--line);background:var(--surface-alt);flex-shrink:0}.chat-heading{display:flex;align-items:center;gap:7px;height:52px;padding:0 20px;font-size:12px;color:var(--muted);border-bottom:1px solid var(--line)}.chat-heading span{margin-left:auto;font-size:9px;color:var(--muted)}.chat-history{padding:27px 20px;flex:1;overflow-y:auto}.chat-intro{margin-bottom:30px}.ai-avatar{width:31px;height:31px;background:var(--accent-soft);border-radius:9px;display:grid;place-items:center;color:var(--muted);margin-bottom:15px}.chat-intro h3{font-size:16px;letter-spacing:-.4px;margin-bottom:9px}.chat-intro p{font-size:12px;line-height:1.8;color:var(--muted)}.chat-message{font-size:12px;line-height:1.85;margin:14px 0;white-space:pre-wrap;word-break:break-word}.chat-message.user{background:var(--surface-alt);padding:12px 14px;border-radius:10px;color:var(--muted)}.chat-message.assistant{display:flex;gap:8px;color:var(--muted);padding:8px 2px}.chat-message.assistant>svg{margin-top:4px;width:15px;height:15px;color:var(--muted)}.processing>svg{animation:pulse 2s infinite}.chat-form{margin:12px 14px 16px;padding:10px;border:1px solid var(--line);border-radius:11px;background:var(--surface);box-shadow:0 3px 15px var(--shadow-color)}.chat-form textarea{border:0;background:none;resize:none;width:100%;font-size:12px;padding:5px;min-height:70px}.chat-form>div{display:flex;align-items:center;justify-content:space-between;padding:0 3px}.chat-form>div>span{font-size:8px;color:var(--muted)}.chat-form .icon-btn{width:27px;height:27px;border-radius:7px}.chat-form svg{width:15px;height:15px}.preview-panel{flex:1;min-width:0;display:flex;flex-direction:column;background:var(--surface-alt)}.preview-toolbar{height:52px;background:var(--surface);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 17px;gap:10px;flex-shrink:0}.tabs{display:flex;align-items:center;gap:4px}.tabs button{display:flex;align-items:center;gap:6px;border:0;border-radius:6px;padding:7px 9px;font-size:11px;background:transparent;color:var(--muted)}.tabs button.active{background:var(--surface-alt);color:var(--accent)}.tabs svg{width:14px;height:14px}.device-buttons{display:flex;gap:3px}.device-buttons .icon-btn{width:29px;height:29px;color:var(--muted)}.device-buttons .icon-btn.selected{background:var(--surface-alt);color:var(--accent)}.device-buttons svg{width:15px;height:15px}.preview-content{flex:1;overflow:auto;position:relative;min-height:0}.preview-frame{height:100%;width:100%;margin:auto;transition:width .2s}.preview-frame.mobile{width:390px;max-width:100%;padding:20px 0;height:100%}.preview-frame.mobile iframe{border-radius:20px;border:6px solid var(--line);box-shadow:0 10px 40px var(--shadow-color)}.preview-frame iframe{border:0;width:100%;height:100%;display:block;background:var(--surface)}.preview-empty{height:100%;min-height:320px;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:40px;text-align:center}.empty-art{width:74px;height:74px;display:grid;place-items:center;background:linear-gradient(145deg,var(--surface),var(--surface-alt));border:1px solid var(--line);border-radius:23px;color:var(--muted);box-shadow:0 14px 30px var(--shadow-color);margin-bottom:24px}.empty-art svg{width:30px;height:30px}.preview-empty h2{font-size:23px;color:var(--muted);letter-spacing:-.7px;margin:4px 0 11px}.preview-empty p{font-size:12px;color:var(--muted)}.preview-empty>.tiny{font-size:8px;letter-spacing:1.9px;margin-top:50px;color:var(--muted)}.code-view{height:100%;display:flex;flex-direction:column;background:var(--surface-alt)}.code-view>div{padding:12px 20px;display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:12px}.code-view textarea{flex:1;resize:none;border:0!important;border-radius:0;background:var(--surface-alt);color:var(--muted);font:12px/1.8 ui-monospace,monospace;padding:20px;white-space:pre;tab-size:2}.panel-content{padding:30px;max-width:900px}.panel-content>h2{font-size:23px;margin-bottom:25px}.panel-content>p{font-size:12px;margin-bottom:20px}.version-row{display:flex;align-items:center;gap:13px;background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:16px;margin:12px 0}.version-icon{background:var(--surface-alt);color:var(--muted);border-radius:8px;padding:8px}.version-row>div:nth-child(2){flex:1;min-width:0}.version-row strong{font-size:12px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:500}.version-row small{font-size:10px;color:var(--muted)}.modal-overlay{position:fixed;inset:0;background:var(--glow);backdrop-filter:blur(5px);z-index:100;display:flex;align-items:center;justify-content:center;padding:20px}.modal{position:relative;background:var(--surface);border-radius:18px;padding:34px;width:560px;max-width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 25px 80px var(--shadow-color)}.modal-close{position:absolute;top:12px;right:12px;color:var(--muted)}.modal h2{font-size:27px;margin:8px 22px 20px 0;line-height:1.3}.modal>p{font-size:12px;line-height:1.85;margin-bottom:22px}.modal .overline{font-size:9px}.form-row{display:flex;gap:15px}.form-row>label{flex:1;min-width:0}.modal textarea{width:100%}.copy-field{display:flex;gap:7px;background:var(--surface-alt);border:1px solid var(--line);border-radius:8px;padding:5px}.copy-field input{flex:1;width:100%;background:transparent!important;border:0!important;font-size:12px;padding:8px!important}.copy-field .btn{padding:8px 12px}.publication{margin-top:25px;border-top:1px solid var(--line);padding-top:25px}.qr-row{display:flex;align-items:center;gap:30px;padding:23px 0}.qr-row>div{display:flex;flex-direction:column;gap:12px;align-items:flex-start}.text-link{color:var(--accent);font-size:11px}.danger{color:var(--danger)}.inline-form{display:flex;gap:10px;margin:18px 0}.inline-form input{flex:1;min-width:0}.inline-form .btn{font-size:11px;padding:8px 12px}.domain-card{background:var(--surface-alt);border:1px solid var(--line);border-radius:11px;padding:17px;margin-top:18px}.domain-card .row-heading{margin-bottom:16px;font-size:12px}.domain-card>.btn{margin-top:15px}.dns-record{display:grid;grid-template-columns:54px 1fr;gap:4px 8px;font-size:10px;padding:10px 0;border-top:1px solid var(--line)}.dns-record strong{color:var(--muted)}.dns-record code{overflow-wrap:anywhere;font-size:10px;color:var(--muted)}.dns-record code:last-child{grid-column:2}.collection-list{display:flex;flex-direction:column;gap:11px;margin-top:20px}.collection-row{border:1px solid var(--line);border-radius:10px;background:var(--surface);display:flex;align-items:center;gap:13px;padding:17px;text-align:left}.collection-row>svg:first-child{color:var(--muted);background:var(--surface-alt);box-sizing:content-box;padding:9px;border-radius:8px}.collection-row>svg:last-child{margin-left:auto;color:var(--muted);width:15px}.collection-row strong{font-size:12px;font-weight:550;display:block}.collection-row small{font-size:10px;color:var(--muted);display:block;margin-top:3px}.compact{padding:25px}.compact>svg{color:var(--muted);margin-bottom:12px}.collection-api{background:var(--surface-alt);border-radius:8px;padding:14px;overflow-wrap:anywhere}.collection-api strong{font-size:11px}.collection-api p{font-size:10px;margin-top:7px}.records-list{max-height:330px;overflow:auto;margin-top:22px}.record{display:flex;align-items:flex-start;gap:9px;border-top:1px solid var(--line);padding:12px 0}.record pre{flex:1;min-width:0;white-space:pre-wrap;word-break:break-word;font-size:11px;color:var(--muted);margin:0}.balance-card{display:flex;justify-content:space-between;align-items:center;background:var(--surface-alt);border:1px solid var(--line);border-radius:14px;padding:30px;margin-bottom:25px}.balance-card>div>span{font-size:12px;color:var(--muted)}.balance-card h2{font-size:51px;color:var(--accent);margin-top:8px}.balance-card h2 small{font-size:12px;display:block;color:var(--muted);letter-spacing:0;font-weight:400;margin-top:9px}.balance-cost{text-align:right;color:var(--muted);max-width:165px;font-size:11px}.balance-cost strong{font-size:28px;margin-left:6px}.balance-cost>span{display:block}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:25px 0 40px}.pricing-card{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:25px}.pricing-card.recommended{border-color:var(--line);background:var(--surface-alt)}.pricing-card h2{font-size:35px;margin:20px 0}.pricing-card h2 small{display:block;font:12px var(--font);letter-spacing:0;color:var(--muted);margin-top:6px}.price{font-size:22px;letter-spacing:-.6px;color:var(--muted)}.pricing-card p{font-size:11px;margin:10px 0 25px;color:var(--muted)}.table-title{font-size:19px;margin:20px 0}.ledger{border:1px solid var(--line);border-radius:12px;padding:0 22px;background:var(--surface)}.ledger>div{display:flex;align-items:center;gap:13px;border-bottom:1px solid var(--line);padding:15px 0}.ledger>div:last-child{border:0}.ledger-icon{color:var(--muted);background:var(--surface-alt);padding:8px;border-radius:8px}.ledger svg{width:15px;height:15px}.ledger>div>span:nth-child(2){flex:1}.ledger strong{font-size:12px;font-weight:500}.ledger small{display:block;font-size:9px;color:var(--muted)}.positive{color:var(--success)}.referral-page{max-width:950px}.referral-hero{text-align:center;padding:15px 20px 30px}.gift-art{display:grid;place-items:center;width:70px;height:70px;border-radius:20px;background:var(--surface-alt);color:var(--muted);margin:0 auto 25px}.gift-art svg{width:30px;height:30px}.referral-hero h1{max-width:570px;margin:15px auto 18px;font-size:39px;line-height:1.2}.referral-hero>p{max-width:530px;margin:auto;font-size:13px;line-height:1.9}.reward-pair{display:flex;align-items:center;justify-content:center;gap:36px;margin:35px 0}.reward-pair>span{font:600 40px var(--heading);color:var(--muted);background:var(--surface-alt);border:1px solid var(--line);padding:17px 31px;border-radius:14px}.reward-pair small{display:block;font-size:9px;font-weight:400;letter-spacing:.4px;color:var(--muted)}.reward-pair>i{font-size:23px;font-style:normal;color:var(--muted)}.referral-link{max-width:540px;margin:25px auto 0;text-align:left}.referral-link>label{font-size:11px;color:var(--muted);display:block;margin-bottom:9px}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:25px 0}.stats-grid>div{border:1px solid var(--line);border-radius:12px;background:var(--surface);padding:25px;text-align:center}.stats-grid strong{display:block;font-size:27px;font-family:var(--heading);color:var(--muted)}.stats-grid span{font-size:10px;color:var(--muted)}.referral-rules{max-width:640px;text-align:center;margin:25px auto;font-size:10px;line-height:1.9}.settings-page{max-width:900px;margin-left:0}.settings-card{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:28px;margin:22px 0}.settings-card h2{font-size:20px;letter-spacing:-.5px;margin-bottom:20px}.settings-card form{max-width:500px}.settings-card .btn{margin-top:8px}.legal-links{display:flex;gap:22px;font-size:11px;color:var(--muted)}.legal-page{max-width:800px;margin:auto;padding:60px 35px 80px}.legal-page>h1{font-size:42px;margin-bottom:17px}.legal-page>p{font-size:12px;margin-bottom:40px}.legal-page section{margin:27px 0}.legal-page section h2{font-size:20px;letter-spacing:-.4px;margin-bottom:10px}.legal-page section p{font-size:14px;line-height:1.9;color:var(--muted)}.legal-page section a{color:var(--accent);text-decoration:underline}.pricing-public{max-width:1060px;text-align:center;padding-top:70px}.pricing-public>h1{margin-bottom:25px}.pricing-public>p{max-width:600px;margin:20px auto}.pricing-public .pricing-card{text-align:left}.pricing-public .notice{text-align:left;max-width:100%}.error-page{min-height:100vh;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:28px;padding:35px;text-align:center}.initial-loader{height:100vh;display:flex;align-items:center;justify-content:center;font:700 32px var(--heading);color:var(--accent);gap:10px}.initial-loader span{width:6px;height:6px;border-radius:50%;background:var(--accent);animation:pulse 1s infinite}#toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,20px);background:var(--surface-alt);color:var(--on-primary);border-radius:10px;padding:13px 22px;font-size:12px;z-index:200;opacity:0;pointer-events:none;max-width:90vw;transition:.2s}#toast.show{opacity:1;transform:translate(-50%,0)}#toast.bad{background:var(--surface-alt)}@keyframes pulse{50%{opacity:.35;transform:scale(.92)}}
@media(min-width:1550px){.hero{padding-top:90px}.hero h1{font-size:75px}.hero-sub{max-width:640px}.idea-preview{height:230px}.mini-editorial,.mini-saas,.mini-pitch,.mini-forma{font-size:35px}.dashboard-hero{padding-top:65px;padding-bottom:60px}.chat-panel{width:380px}}
@media(max-width:1100px){.public-header{padding:0 28px}.public-header nav{gap:18px;font-size:11px}.header-actions{gap:10px}.hero h1{font-size:56px}.idea-grid{gap:14px}.idea-preview{padding:17px;height:190px}.mini-editorial,.mini-saas,.mini-pitch,.mini-forma{font-size:25px}.mini-nav span{font-size:4px}.cloud-section{margin-left:35px;margin-right:35px;gap:40px;padding:40px}.sidebar{width:212px;padding-left:13px;padding-right:13px}.app-main{margin-left:212px}.dashboard{padding:0 30px 40px}.page{padding:30px}.projects-grid{grid-template-columns:repeat(2,1fr)}.pricing-card{padding:20px}.chat-panel{width:295px}.editor-header{padding:0 12px}.editor-header .logo{display:none}.editor-title{border:0;padding-left:0}.tabs button{padding:7px}.tabs button span{font-size:10px}.auth-art h1{font-size:40px}}
@media(max-width:800px){.public-header nav{display:none}.public-header{height:78px;padding:0 23px}.header-actions>.text-btn{display:none}.header-actions .language svg{display:none}.header-actions .language select{max-width:75px;font-size:11px}.hero{padding:50px 22px 50px}.hero h1{font-size:48px;letter-spacing:-2.5px}.hero-sub{max-width:470px;font-size:14px}.section{padding:48px 25px}.section-heading h2{font-size:27px}.idea-grid{grid-template-columns:repeat(2,1fr);gap:18px}.idea-preview{height:220px;padding:23px}.mini-editorial,.mini-saas,.mini-pitch,.mini-forma{font-size:32px}.steps{gap:25px}.steps p{font-size:12px}.steps h3{font-size:16px}.cloud-section{grid-template-columns:1fr;margin:10px 25px 35px;padding:35px;gap:25px}.cloud-copy h2{max-width:500px}.cloud-features{gap:10px}.cloud-features>div:not(.cloud-caption){padding:15px}.cloud-caption{margin-top:10px}.footer-links{gap:17px}footer{padding:30px 25px}.auth-layout{grid-template-columns:1fr}.auth-art{display:none}.auth-top{padding:25px}.auth-form{min-height:100vh;padding:110px 30px 60px}.sidebar{transform:translateX(-100%);width:235px;transition:transform .2s;box-shadow:15px 0 60px var(--shadow-color)}.menu-open .sidebar{transform:translateX(0)}.app-main{margin-left:0}.app-header{padding:0 20px;gap:14px;height:65px}.app-header>span{margin-right:auto}.app-header>div{gap:14px}.menu-toggle{display:inline-flex}.app-header .cloud-online{display:none}.dashboard-hero h1{font-size:34px}.page-title h1{font-size:29px}.editor-header{height:62px}.editor-title{max-width:190px}.editor-header>div{gap:5px}.editor-actions{gap:4px!important}.editor-actions .btn{padding:7px 9px}.editor-actions .btn span{display:none}.editor-main{flex-direction:column-reverse}.chat-panel{width:100%;height:38%;border:0;border-top:1px solid var(--line)}.chat-heading{height:34px;padding:0 14px;font-size:10px;flex-shrink:0}.chat-history{padding:10px 14px}.chat-intro{display:none}.chat-message{font-size:11px;margin:7px 0}.chat-message.user{padding:8px 11px}.chat-form{margin:4px 10px 10px;flex-shrink:0}.chat-form textarea{min-height:38px;max-height:65px;height:38px}.preview-panel{height:62%;min-height:200px}.preview-toolbar{height:43px;padding:0 10px}.preview-empty{min-height:180px;padding:18px}.preview-empty h2{font-size:18px}.preview-empty>.tiny{margin-top:18px}.empty-art{width:48px;height:48px;border-radius:14px;margin-bottom:10px}.empty-art svg{width:22px}.preview-frame.mobile{padding:10px 0;width:340px}.balance-card h2{font-size:40px}.pricing-grid{gap:13px}.pricing-card{padding:17px}.pricing-card .btn{font-size:10px;padding:8px}.pricing-card h2{font-size:30px}.price{font-size:19px}.referral-hero h1{font-size:34px}.list-controls{flex-wrap:wrap}.stats-grid>div{padding:20px 12px}.legal-page{padding:40px 25px}.legal-page>h1{font-size:35px}}
@media(max-width:480px){.logo{font-size:24px}.logo img{width:27px;height:27px}.public-header{padding:0 17px}.header-actions{gap:8px}.header-actions .btn{padding:8px 10px;font-size:11px}.header-actions .btn svg{display:none}.hero{padding:42px 17px}.hero h1{font-size:39px;letter-spacing:-2px;margin-top:20px}.hero-sub{font-size:13px;line-height:1.85}.eyebrow{font-size:8px;gap:6px;letter-spacing:.8px}.prompt-box{padding:13px;border-radius:13px;margin-top:26px}.prompt-box textarea{font-size:13px;min-height:80px}.prompt-controls{gap:5px}.prompt-controls select{font-size:9px;max-width:90px}.prompt-controls .btn{font-size:11px;padding:9px 11px}.prompt-controls .btn svg{width:13px;height:13px}.ai-chip{font-size:9px;gap:3px}.ai-chip svg{width:12px;height:12px}.prompt-hints{gap:6px}.prompt-hints button{padding:6px 9px;font-size:9px;gap:5px}.prompt-hints svg{width:12px;height:12px}.free-note{font-size:9px}.section{padding:38px 18px}.section-heading h2{font-size:24px}.section-heading p{font-size:12px}.overline{font-size:8px}.idea-grid{gap:12px;margin-top:24px}.idea-preview{height:158px;padding:15px;border-radius:9px}.mini-nav{font-size:8px}.mini-nav span{font-size:3.4px;letter-spacing:0}.mini-editorial,.mini-saas,.mini-pitch,.mini-forma{font-size:22px;margin:20px 0}.mini-bottom{font-size:3.5px;letter-spacing:.4px}.mini-pill{font-size:5px;padding:4px 6px}.mini-bottom>span{font-size:12px}.mini-saas{margin:18px 0 12px}.idea-meta{padding:10px 2px}.idea-meta strong{font-size:10px}.idea-meta small{font-size:8px}.idea-meta svg{width:12px;height:12px}.steps{grid-template-columns:1fr;gap:27px;margin-top:30px}.steps article{position:relative;padding-left:50px}.step-number{position:absolute;left:0;top:0;font-size:10px;padding:6px 8px}.steps h3{font-size:16px;margin-bottom:8px}.steps p{font-size:12px}.cloud-section{margin:10px 18px 30px;padding:27px;gap:20px}.cloud-copy h2{font-size:27px}.cloud-copy>p{font-size:12px}.cloud-features>div:not(.cloud-caption){padding:13px;gap:10px;font-size:11px}.cloud-features svg{width:16px}footer{padding:28px 18px;gap:25px}.footer-links{flex-wrap:wrap;gap:17px;font-size:10px}footer>small{text-align:left;font-size:8px}.dashboard{padding:0 18px 40px}.dashboard-hero{padding:35px 0}.dashboard-hero h1{font-size:29px}.dashboard-hero>p{font-size:12px;max-width:290px;margin:auto}.dashboard-hero .prompt-box{margin-top:23px}.row-heading h2{font-size:17px}.projects-grid{gap:13px}.project-cover{height:130px;padding:14px}.project-cover-title{font-size:15px}.project-cover-icon svg{width:21px;height:21px}.project-cover-tag{font-size:6px}.project-meta{padding:11px}.project-meta>strong{font-size:10px}.project-meta>div{font-size:8px}.state{font-size:7px;padding:2px 5px}.page{padding:29px 18px 50px}.page-title:has(>.btn){flex-wrap:wrap;gap:7px}.page-title h1{font-size:28px}.page-title p{font-size:12px}.page-title>.btn{font-size:11px;padding:8px 12px}.filter-chips{gap:3px}.filter-chips button{padding:5px 8px;font-size:10px}.search{width:100%}.search input{width:100%}.app-main .idea-grid{gap:12px}.app-main .idea-preview{height:160px;padding:14px}.app-main .mini-editorial,.app-main .mini-saas,.app-main .mini-pitch,.app-main .mini-forma{font-size:23px;margin:18px 0}.app-main .mini-saas{margin:16px 0 9px}.app-header{padding:0 14px}.app-header .small-avatar{display:none}.modal{padding:27px 22px;border-radius:14px}.modal-overlay{padding:12px}.modal h2{font-size:24px}.modal .form-row{flex-direction:column;gap:0}.modal .form-row>label{margin:8px 0}.inline-form{flex-wrap:wrap}.inline-form>input{width:100%}.inline-form>.btn{width:100%}.balance-card{padding:23px}.balance-cost{max-width:115px;font-size:9px}.balance-card h2 small{font-size:10px}.pricing-grid{grid-template-columns:1fr;gap:15px}.pricing-card{padding:25px}.pricing-card h2{font-size:36px;margin:15px 0}.pricing-card .btn{font-size:12px}.price{font-size:23px}.pricing-card p{margin:8px 0 18px}.referral-hero{padding:5px 0 20px}.referral-hero h1{font-size:30px}.referral-hero>p{font-size:12px}.reward-pair{gap:22px}.reward-pair>span{font-size:35px;padding:14px 26px}.copy-field input{font-size:10px}.copy-field .btn{font-size:10px;padding:7px 10px;gap:5px}.copy-field .btn svg{width:12px;height:12px}.stats-grid{gap:9px}.stats-grid>div{padding:17px 8px}.stats-grid strong{font-size:24px}.stats-grid span{font-size:8px}.settings-card{padding:22px}.panel-content{padding:20px}.panel-content .row-heading{flex-wrap:wrap}.tabs button{padding:6px;font-size:9px;gap:4px}.tabs button span{font-size:9px}.tabs svg{width:12px;height:12px}.device-buttons .icon-btn{width:25px;height:25px}.device-buttons svg{width:13px;height:13px}.editor-title{max-width:140px;font-size:11px}.editor-header .icon-btn{width:27px}.editor-actions .btn{padding:7px}.editor-header{padding:0 8px}.version-row{padding:12px;gap:8px}.version-row strong{font-size:10px}.version-row small{font-size:8px}.version-row .btn{font-size:9px;padding:6px 8px}.version-icon{padding:6px}.legal-page>h1{font-size:30px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
/* Framework selection and project source editor */
.framework-field{border:0;margin:22px 0;padding:0}.framework-field legend{font-size:12px;font-weight:550}.framework-field>p{font-size:11px;margin:5px 0 12px}.framework-options{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.framework-options>label{cursor:pointer;border:1px solid var(--line);border-radius:10px;padding:12px 10px;display:flex;align-items:flex-start;gap:7px;background:var(--surface-alt)}.framework-options>label:has(input:checked){border-color:var(--line);background:var(--surface-alt);box-shadow:0 0 0 1px var(--shadow-color)}.framework-options input{accent-color:var(--accent);margin:4px 0 0}.framework-options strong{display:block;font-size:12px}.framework-options small{display:block;font-size:9px;font-weight:400;color:var(--muted);line-height:1.6;margin-top:4px}.source-workspace{height:100%;display:flex;flex-direction:column;background:var(--surface-alt);color:var(--muted);min-height:200px}.source-toolbar{display:flex;align-items:center;gap:12px;padding:9px 13px;background:var(--surface-alt);flex-shrink:0;font-size:10px}.source-toolbar>div{display:flex;align-items:center;gap:5px;margin-left:auto}.source-toolbar .icon-btn{color:var(--muted)}.source-toolbar .icon-btn:hover{background:var(--surface-alt)}.framework-badge{font:600 9px var(--font);letter-spacing:.8px;background:var(--surface-alt);color:var(--muted);padding:4px 7px;border-radius:5px}#source-state{color:var(--muted);font-size:10px}.source-body{display:flex;flex:1;min-height:0}.source-tree{width:200px;flex-shrink:0;background:var(--surface-alt);overflow:auto;border-right:1px solid var(--line);padding:10px 5px}.source-tree>button{display:flex;gap:6px;align-items:center;padding:8px;width:100%;border:0;border-radius:5px;background:transparent;color:var(--muted);font-size:10px;text-align:left;white-space:nowrap}.source-tree>button>span{overflow:hidden;text-overflow:ellipsis}.source-tree>button.active{background:var(--surface-alt);color:var(--muted)}.source-tree svg{width:12px;height:12px}.source-tree>button>svg:last-child:not(:first-child){width:10px;margin-left:auto}.source-editor{display:flex;flex-direction:column;min-width:0;flex:1}.source-filename{padding:8px 16px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;min-height:41px;font-size:11px;color:var(--muted)}.source-filename .icon-btn{width:24px;height:24px;color:var(--muted)}.source-filename svg{width:12px}.source-editor textarea{flex:1;min-height:120px;resize:none;width:100%;border:0;border-radius:0;background:var(--surface-alt);color:var(--muted);padding:18px;font:12px/1.9 ui-monospace,SFMono-Regular,Consolas,monospace;white-space:pre;tab-size:2}.source-editor textarea:focus{outline:0}.source-empty,.managed-note{font-size:11px;color:var(--muted);padding:12px 18px}.managed-note{background:var(--surface-alt);color:var(--muted);padding:7px 15px}.build-error{margin:0;padding:14px 18px;background:var(--surface-alt);color:var(--danger);font:11px/1.8 ui-monospace,monospace;white-space:pre-wrap;overflow:auto;max-height:140px;flex-shrink:0}.build-error[hidden]{display:none}
@media(max-width:1000px){.source-tree{width:165px}.source-toolbar{gap:8px}.source-toolbar .btn{font-size:10px;padding:7px 9px}}
@media(max-width:600px){.source-body{flex-direction:column}.source-tree{width:100%;display:flex;padding:5px;gap:5px;max-height:42px;flex-shrink:0;border-right:0;border-bottom:1px solid var(--line)}.source-tree>button{width:auto;flex-shrink:0;max-width:230px;padding:6px}.source-toolbar{padding:7px;gap:5px;flex-wrap:wrap}.source-toolbar .btn svg{display:none}.source-toolbar .icon-btn{width:25px;height:25px}.source-filename{min-height:28px;padding:5px 12px;font-size:10px}.source-editor textarea{font-size:11px;padding:12px;min-height:70px}#source-state{font-size:8px}.framework-options{gap:7px}.framework-options>label{padding:10px 7px;gap:5px}.framework-options small{font-size:8px}.framework-options strong{font-size:11px}}
/* Curated, live starter previews */
.template-categories{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:28px 0 24px}.template-categories button{display:flex;align-items:center;gap:7px;padding:9px 15px;border:1px solid var(--line);background:var(--surface);color:var(--muted);border-radius:30px;font-size:11px}.template-categories button svg{width:14px;height:14px}.template-categories button.active{background:var(--surface-alt);color:var(--on-primary);border-color:var(--line)}.template-categories>span{margin-left:auto;color:var(--muted);font-size:10px}.template-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}.template-card{background:var(--surface);border:1px solid var(--line);border-radius:15px;overflow:hidden;box-shadow:0 3px 10px var(--shadow-color);transition:transform .2s,box-shadow .2s}.template-card:hover{transform:translateY(-4px);box-shadow:0 16px 35px var(--shadow-color)}.template-thumb{display:block;position:relative;overflow:hidden;isolation:isolate;border:0;border-bottom:1px solid var(--line);padding:0;background:var(--surface-alt);width:100%;aspect-ratio:1.48;cursor:pointer;text-align:left}.template-thumb iframe{position:absolute;left:0;top:0;border:0;width:1200px;height:830px;transform-origin:0 0;transform:scale(var(--template-scale,.3));pointer-events:none}.template-hover{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:8px;background:var(--glow);color:var(--on-primary);font-size:12px;opacity:0;transition:opacity .2s;backdrop-filter:blur(1px)}.template-thumb:hover .template-hover,.template-thumb:focus-visible .template-hover{opacity:1}.template-info{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:18px 18px 12px}.template-info h3{font-size:17px;letter-spacing:-.5px}.template-info p{font-size:10px;margin-top:5px;color:var(--muted)}.template-type{font-size:8px;color:var(--muted);background:var(--surface-alt);padding:4px 8px;border-radius:5px;white-space:nowrap}.template-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 15px 16px}.template-actions>.text-btn{font-size:10px;display:flex;align-items:center;gap:6px;color:var(--muted)}.template-actions>.text-btn svg{width:13px;height:13px}.template-actions>.btn{font-size:10px;padding:7px 11px;border-color:var(--line);color:var(--muted)}.template-actions>.btn svg{width:12px;height:12px}.template-disclaimer{font-size:10px;color:var(--muted);margin-top:22px;text-align:center}.template-modal{max-width:1260px;width:96vw;padding:24px;max-height:95vh;overflow:hidden}.template-modal-head{display:flex;justify-content:space-between;align-items:center;padding:0 44px 18px 4px;gap:20px}.template-modal-head h2{margin:0;font-size:26px}.template-modal-head .overline{margin-bottom:7px}.template-full-preview{height:72vh;overflow:hidden;border:1px solid var(--line);border-radius:8px}.template-full-preview iframe{width:100%;height:100%;border:0;background:var(--surface)}.selected-template{background:var(--surface-alt);border:1px solid var(--line);border-radius:9px;padding:12px 15px;margin:16px 0}.selected-template>strong{font-size:14px}.selected-template>span{font-size:10px;color:var(--muted);margin-left:12px}.selected-template>p{font-size:10px;margin-top:5px}.model-badge{display:inline-flex;align-items:center;gap:7px;color:var(--muted);font-size:10px;white-space:nowrap}.model-badge svg{width:15px;height:15px}.model-badge small{font-size:8px;margin-left:5px;padding:3px 5px;background:var(--surface-alt);border-radius:4px;color:var(--muted)}.creation-model{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:16px 0 20px}.creation-model>span{color:var(--muted);font-size:9px}.app-main .template-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.inspiration{padding-top:45px;padding-bottom:80px}.inspiration .section-heading h2{max-width:680px}.inspiration .section-heading p{font-size:14px}
@media(max-width:1050px){.template-grid,.app-main .template-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.template-categories>span{display:none}}
@media(max-width:600px){.template-grid,.app-main .template-grid{grid-template-columns:1fr;gap:20px}.template-info h3{font-size:18px}.template-info p{font-size:11px}.template-type{font-size:9px}.template-actions>.btn{font-size:11px}.template-categories{gap:6px;margin:22px 0 19px}.template-categories button{font-size:10px;padding:7px 10px}.template-modal{padding:15px;max-height:94vh}.template-modal-head{align-items:flex-start;padding-right:25px;gap:10px}.template-modal-head h2{font-size:23px}.template-modal-head .btn{font-size:10px;padding:8px;align-self:end}.template-full-preview{height:72vh}.template-modal-head .overline{font-size:8px;max-width:160px}.model-badge{font-size:8px;gap:4px}.model-badge small{margin-left:2px;font-size:7px}.model-badge svg{width:12px;height:12px}.creation-model{flex-wrap:wrap;gap:8px}.inspiration{padding-top:35px}.selected-template>span{display:block;margin:3px 0}.template-disclaimer{font-size:9px}.template-categories .active{box-shadow:none}}

.auto-foundation{font-size:13px;line-height:1.6;color:var(--muted,var(--muted));margin:0 0 18px}

/* Graphite + electric lime identity */
::selection{background:var(--primary);color:var(--on-primary)}
body{accent-color:var(--primary)}
h1,h2,h3{font-weight:700}
.logo{color:var(--ink);letter-spacing:-1.5px}.logo img{border-radius:7px}.logo-dot{color:var(--accent)}
.btn{border-radius:7px;font-weight:650}.primary,.icon-btn.primary{background:var(--primary);border-color:var(--primary);color:var(--on-primary)}.primary:hover,.icon-btn.primary:hover{background:var(--primary-hover);border-color:var(--primary-hover);color:var(--on-primary)}
.secondary:hover{background:var(--surface-alt);border-color:var(--muted)}
.display-controls{display:flex;align-items:center;gap:10px}.theme-toggle{border:1px solid var(--line);color:var(--muted);background:var(--surface);width:34px;height:34px}.theme-toggle:hover{border-color:var(--accent);color:var(--accent)}
.public-header{height:84px}.public-header nav{color:var(--muted)}
.language select{color:var(--muted)}select option{color:var(--ink);background:var(--surface)}
.hero{padding:74px 24px 64px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:radial-gradient(ellipse 45% 65% at 80% 100%,var(--glow),transparent),radial-gradient(ellipse 50% 70% at 10% 0%,var(--glow),transparent);isolation:isolate}
.hero:before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:linear-gradient(var(--hero-grid) 1px,transparent 1px),linear-gradient(90deg,var(--hero-grid) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(to bottom,#000,transparent 88%)}
.eyebrow{color:var(--muted);font:500 10px/1.5 ui-monospace,SFMono-Regular,monospace;letter-spacing:1.5px}.hero .eyebrow{padding:7px 12px;border:1px solid var(--line);border-radius:5px;background:var(--surface)}.status-dot{background:var(--accent);box-shadow:0 0 10px var(--glow)}
.hero h1{font-size:clamp(44px,5vw,72px);line-height:1.1;letter-spacing:-3.8px;margin:26px 0 23px;font-weight:750}.hero h1>span{color:var(--accent)}.hero-sub{color:var(--muted);line-height:1.8;max-width:610px;font-size:15px}
.prompt-box{max-width:760px;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:20px;margin-top:34px;box-shadow:0 14px 60px var(--shadow-color)}
.prompt-box:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--glow),0 14px 60px var(--shadow-color)}
.prompt-box textarea{background:transparent;border:0;padding:4px 2px;min-height:95px;color:var(--ink)}.prompt-box textarea::placeholder{color:var(--muted)}
.prompt-controls select{background:var(--surface-alt);border:1px solid var(--line);padding:8px;border-radius:6px;color:var(--muted)}
.model-badge{color:var(--muted)}.model-badge>svg{color:var(--accent)}.model-badge small{background:var(--surface-alt);color:var(--muted);border:1px solid var(--line)}
.prompt-hints button{background:var(--surface);border-color:var(--line);border-radius:6px;color:var(--muted);padding:8px 13px;font-size:11px}.prompt-hints button:hover{color:var(--ink);border-color:var(--accent);background:var(--surface-alt)}.free-note{color:var(--muted);font-size:11px}.free-note svg{color:var(--accent)}
.overline{color:var(--muted);font-family:ui-monospace,SFMono-Regular,monospace;letter-spacing:1.5px}
.template-categories button{border-radius:6px;background:var(--surface);color:var(--muted)}.template-categories button.active{color:var(--accent);background:var(--accent-soft);border-color:var(--accent)}
.template-card{border-radius:10px;border-color:var(--line);box-shadow:none}.template-card:hover{border-color:var(--muted);box-shadow:0 15px 30px var(--shadow-color)}.template-actions>.btn{color:var(--ink);border-color:var(--line)}.template-type{background:var(--surface-alt);color:var(--muted);border:1px solid var(--line)}.template-hover{background:#060b06aa;color:#f4f8ee}
.template-thumb iframe,.template-full-preview iframe,.preview-frame iframe{background:#fff;color-scheme:light}
.cloud-section{background:var(--surface);border:1px solid var(--line);border-radius:12px;gap:70px}.cloud-features>div:not(.cloud-caption){background:var(--surface-alt);border:1px solid var(--line);border-radius:8px}.cloud-features>div>svg:first-child{color:var(--accent)}.cloud-caption{color:var(--muted)}
.step-number{border:1px solid var(--line);border-radius:5px;background:var(--surface-alt);color:var(--accent)}
.auth-top>.display-controls{padding:5px;background:var(--bg);border-radius:7px}.auth-art{background:radial-gradient(ellipse at 0% 100%,var(--glow),transparent 70%),var(--surface);border-right:1px solid var(--line)}.auth-art h1{font-weight:750}.auth-art>p{color:var(--muted)}.auth-art .eyebrow{color:var(--accent)}
.auth-example{transform:none;box-shadow:0 24px 60px var(--shadow-color);border-radius:10px;background:var(--bg);border-color:var(--line);padding:24px}.auth-example>div{color:var(--accent)}.auth-example blockquote{font:650 28px/1.3 var(--heading);letter-spacing:-1.1px;margin:25px 0;color:var(--ink)}.auth-example small{color:var(--muted);display:block;margin-top:25px}.auth-example .auth-capabilities{display:grid;gap:0;font-size:11px;color:var(--muted)}.auth-capabilities>span{display:flex;gap:8px;align-items:center;padding:12px 0;border-top:1px solid var(--line)}.auth-capabilities>span svg{width:14px;height:14px}.auth-capabilities>span svg:last-child{margin-left:auto;color:var(--accent)}
input:not([type=checkbox]),textarea,select:not(.language select){background:var(--surface);border-color:var(--line);color:var(--ink)}input:disabled{background:var(--surface-alt);color:var(--muted)}input::placeholder,textarea::placeholder{color:var(--muted)}input:focus,textarea:focus,select:focus{border-color:var(--focus);outline:2px solid var(--glow)}input[type=checkbox]{accent-color:var(--accent)}.prompt-box textarea,.chat-form textarea{background:transparent;border:0}.prompt-box textarea:focus{outline:none}
.notice{background:var(--accent-soft);color:var(--ink);border-color:var(--line)}.form-error,.danger{color:var(--danger)}
.sidebar{background:var(--surface);border-color:var(--line)}.workspace-label{background:var(--bg);border-color:var(--line);border-radius:7px}.workspace-avatar,.avatar{background:var(--accent-soft);color:var(--accent);border-radius:7px}.sidebar nav>a{color:var(--muted);border-radius:6px}.sidebar nav>a.active{background:var(--accent-soft);color:var(--accent);box-shadow:inset 2px 0 var(--accent)}.sidebar nav>a:hover{background:var(--surface-alt);color:var(--ink)}.credit-mini{background:var(--bg);border-color:var(--line);border-radius:7px}.credit-mini strong{color:var(--ink)}.tiny-badge{background:var(--surface-alt);color:var(--accent)}.app-header{background:var(--bg)}
.dashboard-hero{background:radial-gradient(ellipse at 50% 80%,var(--glow),transparent 68%)}.hello>span{color:var(--accent)}.empty{border-color:var(--line);border-radius:8px}.empty-icon,.ai-avatar,.version-icon,.gift-art{background:var(--surface-alt);color:var(--accent);border:1px solid var(--line);border-radius:8px}
.project-card{border-radius:9px}.project-cover{background:var(--surface-alt);color:var(--ink);border-bottom:1px solid var(--line);background-image:radial-gradient(circle at 80% 20%,var(--glow),transparent 70%)}.project-cover-icon{color:var(--accent);opacity:1}.project-cover-tag{opacity:1;color:var(--muted)}.state{background:var(--surface-alt);color:var(--muted)}.state.green{background:var(--accent-soft);color:var(--success)}
.editor{background:var(--bg);height:100dvh}.editor-header,.preview-toolbar{background:var(--surface)}.chat-panel{background:var(--bg)}.chat-heading{border-color:var(--line);color:var(--ink)}.chat-heading>svg{color:var(--accent)}.chat-message.user{background:var(--surface-alt);color:var(--ink);border:1px solid var(--line);border-radius:8px}.chat-message.assistant{color:var(--muted)}.chat-message.assistant>svg{color:var(--accent)}.chat-form{background:var(--surface);border-color:var(--line);border-radius:8px}.chat-form:focus-within{border-color:var(--focus)}.preview-panel{background:var(--bg)}.tabs button.active,.device-buttons .icon-btn.selected{background:var(--accent-soft);color:var(--accent)}.preview-empty h2{color:var(--ink)}.empty-art{background:var(--surface);color:var(--accent);border-color:var(--line);border-radius:12px;box-shadow:none}
.source-workspace,.code-view{background:var(--code-bg);color:var(--code-text)}.source-toolbar,.source-tree{background:var(--code-panel);border-color:var(--line)}.source-toolbar .icon-btn,.source-tree>button,.source-filename,.source-filename .icon-btn,#source-state,.source-empty,.managed-note{color:var(--code-muted)}.source-tree>button.active,.source-toolbar .icon-btn:hover{background:var(--code-selected);color:var(--code-text)}.framework-badge{background:var(--accent-soft);color:var(--accent)}.source-editor textarea,.code-view textarea{background:var(--code-bg);color:var(--code-text)}.source-filename{border-color:var(--line)}.managed-note{background:var(--code-panel)}.build-error{background:var(--danger-soft);color:var(--danger)}
.modal-overlay{background:var(--overlay);backdrop-filter:blur(7px)}.modal{background:var(--surface);border:1px solid var(--line);border-radius:12px;box-shadow:0 25px 90px var(--shadow-color)}.selected-template{background:var(--surface-alt);border-color:var(--line)}.qr-row>img{background:#fff;border:8px solid #fff;border-radius:8px}
.balance-card{background:var(--surface-alt);border-color:var(--line);border-radius:10px}.balance-card h2{color:var(--ink)}.balance-cost strong{color:var(--accent)}.pricing-card,.settings-card,.stats-grid>div,.ledger{border-radius:9px}.pricing-card.recommended{border-color:var(--accent);background:var(--surface)}.price,.stats-grid strong{color:var(--ink)}.positive{color:var(--success)}.reward-pair>span{background:var(--surface);color:var(--accent);border-color:var(--line);border-radius:8px}.ledger-icon{background:var(--surface-alt)}.collection-row>svg:first-child{color:var(--accent)}
.appearance-card{display:flex;align-items:center;justify-content:space-between;gap:30px}.appearance-card h2{margin-bottom:9px}.appearance-card p{font-size:12px;max-width:350px}.appearance-card label{min-width:180px}.appearance-card select{width:100%}
#toast{background:var(--ink);color:var(--bg);border:1px solid var(--line);border-radius:8px;box-shadow:0 10px 30px var(--shadow-color)}#toast.bad{background:var(--danger-soft);color:var(--danger)}
@media(max-width:800px){.public-header{height:74px}.hero{padding:54px 22px}.hero h1{font-size:48px;letter-spacing:-2.5px}.cloud-section{gap:25px}.editor-header .theme-toggle{width:30px;height:30px}.appearance-card{align-items:flex-start;flex-direction:column;gap:8px}.appearance-card label{width:100%}}
@media(max-width:480px){.display-controls{gap:6px}.theme-toggle{width:30px;height:30px}.theme-toggle svg{width:15px;height:15px}.public-header .logo{font-size:23px;gap:6px}.public-header .logo img{width:25px;height:25px}.hero{padding:42px 17px}.hero h1{font-size:36px;letter-spacing:-1.9px;line-height:1.13}.hero-sub{font-size:13px}.hero .eyebrow{font-size:8px;padding:6px 9px;letter-spacing:.8px}.prompt-box{padding:14px;margin-top:27px}.prompt-box textarea{font-size:13px;min-height:92px}.prompt-controls{gap:5px}.prompt-controls select{max-width:89px;font-size:9px;padding:7px 3px}.prompt-controls .btn{font-size:10px;padding:9px}.prompt-hints button{font-size:10px;padding:7px 9px}.cloud-section{gap:20px}.auth-top{padding:22px 20px}.editor-title{max-width:110px}.editor-header .theme-toggle{width:27px;height:29px}.appearance-card{gap:0}.free-note{font-size:10px}.template-categories button{font-size:10px}.modal{border-radius:10px}}
.auth-example .auth-capabilities>span{margin-left:0;width:100%}
.status-dot,.cloud-online>.status-dot,.cloud-caption .status-dot{background:var(--accent)}

/* Generation activity: phases come from the worker, time is not a percentage. */
.generation-center{min-height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px;gap:26px;position:relative;isolation:isolate;background:radial-gradient(ellipse at 50% 65%,var(--glow),transparent 65%)}
.generation-center>[data-progress-host]{width:100%;max-width:570px}
.generation-card{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:26px;box-shadow:0 18px 65px var(--shadow-color)}
.generation-heading{display:flex;align-items:center;gap:14px}.generation-heading>div{flex:1;min-width:0}.generation-heading .overline{font-size:9px;margin-bottom:6px}.generation-heading h2{font-size:21px;letter-spacing:-.7px;line-height:1.35}
.generation-emblem{display:grid;place-items:center;flex-shrink:0;position:relative;width:47px;height:47px;color:var(--accent);background:var(--accent-soft);border-radius:11px}.generation-emblem>svg{width:23px;height:23px}.generation-emblem.is-working:after{content:'';position:absolute;inset:-4px;border:1px solid var(--line);border-top:2px solid var(--accent);border-radius:14px;animation:generation-orbit 3s linear infinite}
.generation-time{font:11px/1.6 ui-monospace,SFMono-Regular,monospace;color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap;background:var(--surface-alt);padding:5px 8px;border-radius:5px;align-self:flex-start}
.generation-stage{display:flex;align-items:center;gap:8px;margin-top:25px;min-height:23px}.generation-stage strong{font-size:12px;font-weight:500;color:var(--ink);line-height:1.6}.activity-dot{width:6px;height:6px;background:var(--accent);border-radius:50%;flex-shrink:0;animation:generation-breathe 1.8s ease-in-out infinite}
.generation-track{height:3px;overflow:hidden;border-radius:3px;background:var(--surface-alt);margin:14px 0 23px}.generation-track>span{display:block;width:38%;height:100%;background:linear-gradient(90deg,transparent,var(--accent),transparent);animation:generation-scan 2.2s ease-in-out infinite}
.generation-steps{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);padding:0;margin:0;gap:10px}.generation-steps li{display:flex;align-items:center;gap:7px;font-size:10px;color:var(--muted)}.generation-steps li>span{display:grid;place-items:center;width:23px;height:23px;border:1px solid var(--line);border-radius:50%;font-size:9px;flex-shrink:0}.generation-steps li>span svg{width:12px;height:12px}.generation-steps .done,.generation-steps .current{color:var(--accent)}.generation-steps .done>span{background:var(--accent-soft);border-color:var(--accent-soft)}.generation-steps .current>span{border-color:var(--accent)}
.generation-note{display:flex;align-items:flex-start;gap:8px;margin-top:23px;padding-top:18px;border-top:1px solid var(--line);font-size:11px;line-height:1.8;color:var(--muted)}.generation-note>svg{width:14px;height:14px;margin-top:3px}.generation-note.connection-warning{color:var(--ink)}.generation-error .generation-emblem{color:var(--danger);background:var(--danger-soft)}.generation-error .generation-stage strong{color:var(--danger)}.generation-card>.btn{margin-top:16px}.generation-success .generation-emblem{color:var(--success)}
.generation-banner{flex-shrink:0;max-height:44%;overflow:auto}.generation-banner .generation-card{border:0;border-bottom:1px solid var(--line);border-radius:0;box-shadow:none;padding:13px 19px}.compact-progress .generation-heading h2{font-size:13px;letter-spacing:-.2px}.compact-progress .generation-heading .overline{display:none}.compact-progress .generation-emblem{width:27px;height:27px;border-radius:7px}.compact-progress .generation-emblem>svg{width:15px;height:15px}.compact-progress .generation-emblem.is-working:after{inset:-3px;border-radius:9px}.compact-progress .generation-time{font-size:9px;padding:3px 6px}.compact-progress .generation-stage{margin-top:9px;min-height:0}.compact-progress .generation-stage strong{font-size:11px}.compact-progress .generation-track{margin:10px 0}.compact-progress .generation-steps{max-width:460px}.compact-progress .generation-note{margin:10px 0 0;padding:0;border:0;font-size:10px}.compact-progress.generation-success .generation-stage,.compact-progress.generation-success .generation-note{display:none}
.generation-blueprint{width:200px;height:108px;display:grid;grid-template-columns:repeat(3,1fr);gap:9px;border:1px solid var(--line);border-radius:9px;padding:32px 12px 12px;position:relative;background:var(--surface);overflow:hidden;transform:perspective(600px) rotateX(8deg) rotateY(-8deg)}.generation-blueprint:before{content:'';position:absolute;left:12px;top:13px;width:45%;height:5px;border-radius:3px;background:var(--line)}.generation-blueprint:after{content:'';position:absolute;inset:0;background:linear-gradient(110deg,transparent 30%,var(--glow) 50%,transparent 70%);animation:generation-scan 2.8s linear infinite}.generation-blueprint>span{background:var(--surface-alt);border:1px solid var(--line);border-radius:4px}.generation-blueprint>span:nth-child(2){border-color:var(--accent);opacity:.65}.generation-center:has(.generation-error) .generation-blueprint,.generation-center:has(.generation-success) .generation-blueprint{display:none}
@keyframes generation-orbit{to{transform:rotate(360deg)}}@keyframes generation-breathe{50%{opacity:.35}}@keyframes generation-scan{from{transform:translateX(-105%)}to{transform:translateX(280%)}}
@media(max-width:800px){.generation-center{padding:20px;gap:12px}.generation-blueprint{display:none}.generation-card{padding:20px}.generation-heading h2{font-size:19px}.generation-heading .overline{font-size:8px}.generation-emblem{width:37px;height:37px}.generation-stage{margin-top:18px}.generation-note{margin-top:16px;padding-top:12px}.generation-steps{gap:6px}.generation-steps li{font-size:9px;gap:5px}.generation-banner .generation-card{padding:10px 14px}.compact-progress .generation-steps{display:none}.compact-progress .generation-track{margin:7px 0}.compact-progress .generation-note{font-size:9px;line-height:1.5}.generation-banner{max-height:48%}}
@media(max-width:480px){.generation-center{padding:17px 13px}.generation-card{padding:18px 15px;border-radius:9px}.generation-heading{gap:11px}.generation-heading h2{font-size:17px}.generation-time{font-size:9px;padding:4px 6px}.generation-stage strong{font-size:11px}.generation-steps{gap:5px}.generation-steps li{font-size:9px;flex-direction:column;gap:6px;align-items:flex-start}.generation-steps li>span{width:22px;height:22px}.generation-note{font-size:10px}.generation-track{margin-bottom:15px}.generation-emblem{width:33px;height:33px}.generation-emblem>svg{width:18px;height:18px}}
@media(prefers-reduced-motion:reduce){.generation-emblem:after,.generation-track>span,.activity-dot,.generation-blueprint:after{animation:none!important}.generation-track>span{width:100%;background:var(--accent);opacity:.5}.generation-blueprint{transform:none}}
/* Reversible version history and isolated visual review. */
.chat-version-actions{display:flex;align-items:center;flex-wrap:wrap;gap:5px;margin:0 0 24px 21px}.chat-version-actions .text-btn{display:flex;align-items:center;gap:5px;font-size:10px;padding:6px 8px;border:1px solid var(--line);border-radius:6px;color:var(--muted)}.chat-version-actions .text-btn:hover{color:var(--accent);border-color:var(--accent)}.chat-version-actions svg{width:12px;height:12px}
.version-history{max-width:1100px}.history-free{display:flex;align-items:center;gap:6px;font-size:10px;color:var(--muted)}.history-free svg{width:14px;height:14px;color:var(--accent)}.version-history .version-row{align-items:center;gap:13px}.version-row.version-current{border-color:var(--accent)}.version-row-heading{display:flex;align-items:center;gap:8px;margin-bottom:7px}.version-number{font:500 10px ui-monospace,monospace;color:var(--accent)}.version-row strong{white-space:normal;line-height:1.6;overflow-wrap:anywhere}.version-row small{margin-top:4px}.version-row .state{font-size:8px}.version-history>.row-heading{flex-wrap:wrap}
.version-review-modal{width:1050px;padding:26px;max-height:94dvh}.version-review-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-right:28px}.version-review-heading h2{font-size:22px;line-height:1.5;margin:5px 0 7px;max-height:100px;overflow:auto;overflow-wrap:anywhere}.version-review-heading p{font-size:11px}.version-review-heading .state{flex-shrink:0}.version-preview-frame{height:43vh;min-height:180px;margin-top:19px;border:1px solid var(--line);border-radius:8px;overflow:hidden;background:var(--bg)}.version-preview-frame iframe{width:100%;height:100%;border:0;background:#fff;color-scheme:light}.version-review-modal .version-preview-note{font-size:10px;margin:8px 0 16px}.version-restore-summary{background:var(--surface-alt);border:1px solid var(--line);border-radius:8px;padding:14px 16px}.version-restore-summary>div{display:flex;align-items:flex-start;gap:9px}.version-restore-summary svg{color:var(--accent);width:16px;height:16px;margin-top:2px;flex-shrink:0}.version-restore-summary p{font-size:11px;line-height:1.8}.version-restore-summary>div p{color:var(--ink)}.version-restore-summary>p{margin-top:8px}.version-restore-summary .notice{margin-bottom:0}.version-review-actions{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap;margin-top:18px}.version-review-modal>.form-error{margin-bottom:0}
@media(max-width:800px){.version-review-modal{padding:20px}.version-review-heading h2{font-size:18px}.version-preview-frame{height:36vh}.version-review-actions .btn{font-size:11px}}
@media(max-width:480px){.editor-title{max-width:94px}.editor-actions .undo-button{padding:7px}.version-review-modal{padding:20px 15px;max-height:94dvh}.version-preview-frame{height:29vh;min-height:150px}.version-review-heading{display:block;padding-right:15px}.version-review-heading .state{display:inline-block;margin-top:8px}.version-review-actions{display:grid;grid-template-columns:1fr}.version-review-actions .primary{grid-row:1}.version-review-modal .version-preview-note{font-size:9px}.version-history .version-row{gap:8px;padding:13px 10px}.version-row .btn svg{display:none}.history-free{font-size:9px}.version-history .row-heading h2{margin:0}.version-restore-summary{padding:11px}.chat-version-actions{margin-left:20px}}

/* Chat intent modes */
.chat-mode-control{display:flex!important;align-items:center;gap:8px!important;border-bottom:1px solid var(--line);padding:0 0 8px;margin-bottom:8px}.chat-mode-control>svg{width:16px;color:var(--accent)}.chat-mode-control select{background:transparent;border:0;color:var(--ink);font:inherit;font-size:12px;font-weight:600;flex:1;min-width:0;padding:5px 0;cursor:pointer}.chat-mode-control select option{background:var(--surface);color:var(--ink)}.chat-mode-hint{font-size:11px;line-height:1.5;color:var(--muted);margin:0 0 8px}.chat-mode-tag{display:block;font-size:10px;color:var(--muted);margin-bottom:6px}.chat-answer{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.75;margin-top:12px;font-size:13px}.chat-message.assistant>div{min-width:0;flex:1}.plan-action{display:flex;flex-direction:column;gap:10px;margin-top:16px;padding-top:14px;border-top:1px solid var(--line)}.plan-action>span,.plan-action>small{font-size:11px;color:var(--muted);line-height:1.5}.plan-action button{white-space:normal;text-align:left;justify-content:center}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

@media(max-width:700px){.editor.discussion-mode .preview-panel{height:29%;min-height:150px;flex:0 0 29%}.editor.discussion-mode .chat-panel{height:71%;min-height:0;flex:1}.chat-form{flex-shrink:0}.chat-history{min-height:0}}

/* Saved project previews, scaled from a desktop viewport without interactive controls. */
.project-cover.has-preview{height:auto;aspect-ratio:16/10;overflow:hidden;padding:0;isolation:isolate}.project-cover-frame{position:absolute;top:0;left:0;width:1280px;height:800px;border:0;transform:scale(var(--cover-scale,0));transform-origin:top left;pointer-events:none;background:#fff;opacity:0}.project-cover.preview-ready .project-cover-frame{opacity:1}.project-cover.preview-ready>.project-cover-icon,.project-cover.preview-ready>.project-cover-title,.project-cover.preview-ready>.project-cover-tag{visibility:hidden}.project-cover.has-preview .project-open{z-index:1;background:var(--surface);border:1px solid var(--line);border-radius:7px;padding:5px;opacity:0;transition:opacity .15s}.project-card:hover .project-open,.project-card:focus-visible .project-open{opacity:1}.project-card:focus-visible{outline:2px solid var(--accent);outline-offset:3px}

.project-cover{height:auto;aspect-ratio:16/10}

/* Attachments share the composer in both creation and project conversations. */
.attachment-box{margin:10px 0;border:1px dashed var(--line);border-radius:12px;padding:10px;background:var(--surface);min-width:0;transition:border-color .15s}
.attachment-box.drag-over{border-color:#a3e635;background:rgba(163,230,53,.08)}
.attachment-toolbar{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}
.attachment-pick{display:flex;align-items:center;gap:5px;border:0;background:transparent;color:var(--ink);font:inherit;font-size:12px;font-weight:650;padding:4px;cursor:pointer}
.attachment-pick span{font-size:19px;color:#84b832}.attachment-pick:disabled{opacity:.45;cursor:default}
.attachment-toolbar>span,.attachment-types,.attachment-privacy{font-size:10px;color:var(--muted);line-height:1.5}.attachment-types{margin:2px 0}.attachment-privacy{margin:8px 0 0}
.attachment-error{color:#e57474;font-size:11px;line-height:1.5;margin:6px 0 0}.attachment-error:empty{display:none}
.attachment-items{display:flex;flex-direction:column;gap:6px;max-height:205px;overflow:auto}.attachment-items:not(:empty){margin-top:9px}
.attachment-item{display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:8px;padding:8px;min-width:0;background:var(--bg)}
.attachment-file-icon{flex:0 0 24px;font-size:22px;color:var(--muted)}.attachment-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.attachment-info strong{font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:550}.attachment-info small{font-size:10px;color:var(--muted)}.attachment-item.error small,.attachment-partial{color:#bc9644;font-size:10px}.attachment-info progress{width:100%;height:3px;accent-color:#a3e635}.attachment-item button{flex:0 0 22px;border:0;background:none;color:var(--muted);font-size:18px;cursor:pointer;padding:2px}.attachment-item button:hover{color:var(--ink)}
.attached-history{display:flex;flex-direction:column;gap:5px;margin-top:10px}.attached-history a{display:flex;justify-content:space-between;gap:8px;border:1px solid var(--line);padding:7px 9px;border-radius:7px;text-decoration:none;font-size:11px;color:inherit}.attached-history a span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attached-history small{flex-shrink:0;opacity:.6}
.chat-form .attachment-box{padding:7px;margin:5px 0 9px}.chat-form .attachment-items{max-height:145px}.chat-form .attachment-privacy{font-size:9px}
.chat-form>.attachment-box{display:block}.attachment-item.processing progress{animation:attachment-pulse 1.2s ease-in-out infinite}@keyframes attachment-pulse{50%{opacity:.35}}
@media(max-width:800px){.editor-main .chat-panel{height:50%;flex:0 0 50%;min-height:0}.editor-main .preview-panel{height:50%;flex:1;min-height:120px}.chat-form{max-height:calc(100% - 38px);overflow-y:auto}.chat-form .attachment-types{display:none}.chat-form .attachment-toolbar>span{font-size:9px}.chat-form .attachment-items{max-height:105px}}
@media(prefers-reduced-motion:reduce){.attachment-item.processing progress{animation:none}}

/* Voice requests: recording, transcription and editable review in each composer. */
.voice-composer{margin:8px 0;min-width:0}.voice-actions{display:flex;gap:8px;align-items:center}.voice-actions button,.voice-panel-actions button{display:inline-flex;align-items:center;justify-content:center;gap:6px;background:var(--surface-alt);border:1px solid var(--line);border-radius:7px;padding:6px 9px;color:var(--ink);font-size:11px;line-height:1.4;font-weight:550}.voice-actions svg{height:15px;width:15px;color:var(--accent)}.voice-actions button:hover,.voice-panel-actions button:hover{border-color:var(--accent)}
.voice-panel{background:var(--surface);border:1px solid var(--line);border-radius:9px;padding:10px;margin-top:8px;max-height:300px;overflow-y:auto}.voice-state{display:flex;align-items:center;gap:7px;font-size:12px;color:var(--ink);font-weight:550;margin-bottom:7px;min-height:0}.voice-state:empty{display:none}.voice-state time{font-variant-numeric:tabular-nums;margin-left:auto}.voice-live{width:7px;height:7px;border-radius:50%;background:var(--danger);animation:attachment-pulse 1s infinite}.voice-spinner{width:12px;height:12px;border:2px solid var(--line);border-top-color:var(--accent);border-radius:50%;animation:voice-spin .8s linear infinite}@keyframes voice-spin{to{transform:rotate(360deg)}}
.voice-panel audio{display:block;width:100%;height:34px;margin:8px 0}.voice-panel textarea[data-voice-text]{display:block;width:100%;font:inherit;font-size:12px;line-height:1.55;min-height:85px;max-height:180px;resize:vertical;padding:9px;border:1px solid var(--line);border-radius:7px;background:var(--bg);color:var(--ink)}.voice-panel-actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.voice-panel-actions .voice-use{background:var(--primary);border-color:var(--primary);color:var(--on-primary)}.voice-panel-actions .voice-stop{border-color:var(--danger);color:var(--danger)}.voice-privacy{font-size:10px;line-height:1.5;color:var(--muted);margin-top:8px}.voice-error{font-size:11px;line-height:1.5;color:var(--danger);margin-top:6px}.voice-error:empty{display:none}.chat-form>.voice-composer{display:block;padding:0}.chat-form:has(.voice-active){max-height:calc(100% - 50px);overflow-y:auto}.prompt-box>.voice-composer{padding:0 12px}.chat-form .voice-panel{padding:8px}.chat-form .voice-panel textarea[data-voice-text]{min-height:90px;height:auto}
@media(max-width:800px){.voice-panel{max-height:260px}.voice-actions button{padding:5px 8px;font-size:10px}.chat-form .voice-privacy{font-size:9px}}
@media(prefers-reduced-motion:reduce){.voice-live,.voice-spinner{animation:none}}
/* Referral rewards */
.invite-page{max-width:1140px;margin:auto}.invite-hero{display:flex;justify-content:space-between;gap:48px;align-items:center;padding:24px 0 32px}.invite-hero .overline{display:flex;align-items:center;gap:8px;color:var(--accent)}.invite-hero h1{font-size:clamp(32px,4vw,52px);line-height:1.06;max-width:620px;letter-spacing:-2px;margin:18px 0}.invite-hero p{max-width:590px;color:var(--muted);line-height:1.65}.invite-total{flex:none;border:1px solid var(--line);border-radius:28px;min-width:220px;padding:28px;background:var(--surface);display:flex;flex-direction:column}.invite-total>span{color:var(--muted);font-size:12px}.invite-total strong{font-size:68px;line-height:1.2;letter-spacing:-4px}.invite-total i{font-size:28px;font-style:normal;color:var(--accent);margin-left:8px}.invite-rewards{display:grid;grid-template-columns:1fr 1fr;gap:18px}.invite-rewards article{padding:28px;border:1px solid var(--line);border-radius:20px;background:var(--surface)}.invite-step{display:flex;justify-content:space-between;color:var(--muted);font-size:13px;letter-spacing:2px}.invite-rewards strong{display:block;font-size:48px;letter-spacing:-2px;margin:18px 0 10px}.invite-rewards strong small{font-size:14px;letter-spacing:0;color:var(--muted);font-weight:400;margin-left:10px}.invite-rewards h2{font-size:19px;margin:8px 0}.invite-rewards p{font-size:14px;color:var(--muted);line-height:1.7;max-width:450px;margin-bottom:0}.invite-paid{border-color:color-mix(in srgb,var(--accent) 50%,var(--line))!important;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 8%,var(--surface)),var(--surface))!important}.invite-paid>strong,.invite-paid .invite-step svg{color:var(--accent)}.invite-share{margin:24px 0;padding:28px;border:1px solid var(--line);border-radius:20px;background:var(--surface)}.invite-share h2{font-size:20px;margin:0 0 8px}.invite-share p{color:var(--muted);font-size:14px;margin:0 0 20px}.invite-share .copy-field input{font-family:monospace;min-width:0}.invite-stats{display:grid;grid-template-columns:repeat(3,1fr);margin:32px 0;gap:18px}.invite-stats>div{border-left:2px solid var(--line);padding:0 22px;display:flex;flex-direction:column;gap:5px}.invite-stats strong{font-size:32px}.invite-stats span{font-size:13px;color:var(--muted)}.invite-activity h2,.invite-faq h2{font-size:22px;letter-spacing:-.6px}.invite-empty{text-align:center;padding:38px 20px;border:1px dashed var(--line);border-radius:18px}.invite-empty>svg{width:28px;height:28px;color:var(--accent)}.invite-empty h3{font-size:16px;margin:12px 0 8px}.invite-empty p{font-size:13px;color:var(--muted)}.invite-table{overflow-x:auto;border:1px solid var(--line);border-radius:16px}.invite-table table{border-collapse:collapse;width:100%;font-size:13px}.invite-table th,.invite-table td{padding:18px;text-align:left;border-bottom:1px solid var(--line)}.invite-table th{color:var(--muted);font-weight:500}.invite-table tr:last-child td{border-bottom:0}.invite-table small{display:block;font-size:11px;color:var(--muted);margin-top:7px}.ref-status{display:inline-block;border-radius:20px;padding:5px 9px;background:var(--surface);color:var(--muted);white-space:nowrap;font-size:11px;border:1px solid var(--line)}.ref-rewarded{color:var(--accent)}.ref-pending,.ref-review{color:#be8b31}.ref-blocked,.ref-reversed{color:#d27575}.invite-faq{margin-top:38px}.invite-faq details{border-bottom:1px solid var(--line);padding:18px 0}.invite-faq summary{display:flex;align-items:center;justify-content:space-between;cursor:pointer;font-weight:500;list-style:none;gap:12px}.invite-faq summary::-webkit-details-marker{display:none}.invite-faq details[open] summary svg{transform:rotate(45deg)}.invite-faq details p{color:var(--muted);font-size:14px;line-height:1.75;max-width:780px;padding-right:22px}.invite-faq>a{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:13px;margin-top:24px}.referral-review article{padding:20px 0;border-bottom:1px solid var(--line);overflow-wrap:anywhere}.referral-review article>small{display:block;color:var(--muted);margin:8px 0}.referral-review article>div{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:12px}
@media(max-width:700px){.invite-hero{gap:14px;align-items:flex-start}.invite-total{min-width:105px;padding:16px 12px;border-radius:18px}.invite-total strong{font-size:42px;letter-spacing:-2px}.invite-total i{font-size:16px;margin-left:2px}.invite-total>span{font-size:10px}.invite-hero h1{font-size:32px;letter-spacing:-1px}.invite-hero .overline{font-size:9px}.invite-hero p{font-size:13px}.invite-rewards{grid-template-columns:1fr;gap:12px}.invite-rewards article{padding:22px}.invite-share{padding:20px}.invite-share .copy-field{flex-wrap:wrap}.invite-share .copy-field input{flex:1;min-width:170px}.invite-share .copy-field button{padding:12px}.invite-stats{gap:8px}.invite-stats>div{padding:0 12px}.invite-stats strong{font-size:26px}.invite-stats span{font-size:11px}.invite-table th,.invite-table td{padding:13px 10px}}