@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Space+Grotesk:wght@600;700&display=swap";:root{color:#eef2ff;font-synthesis:none;text-rendering:optimizelegibility;background:#070910;font-family:Inter,system-ui,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 15% 10%,#6d28d933,#0000 30%),radial-gradient(circle at 85% 20%,#06b6d421,#0000 28%),#070910;min-width:320px;min-height:100vh;margin:0}button{font:inherit}.app-shell{width:min(1180px,100% - 32px);margin:0 auto;padding:24px 0 64px}.topbar,.section-heading,.project-title-row,.brand{align-items:center;display:flex}.topbar,.section-heading{justify-content:space-between}.brand{gap:12px}.brand-mark,.project-icon,.workbench-icon{background:linear-gradient(135deg,#7c3aed47,#06b6d424);border:1px solid #a855f766;place-items:center;display:grid;box-shadow:0 0 30px #7c3aed1f}.brand-mark{border-radius:13px;width:44px;height:44px}h1,h2,h3,h4,p{margin:0}h1,h2,h3,h4{font-family:Space Grotesk,Inter,sans-serif}h1{font-size:20px}h2{max-width:760px;font-size:clamp(38px,7vw,72px);line-height:.98}h3{font-size:28px}h4{font-size:21px}.eyebrow{color:#a5b4fc;letter-spacing:.16em;margin-bottom:5px;font-size:11px;font-weight:800}.icon-button,.primary-button,.card-button{color:#f8fafc;cursor:pointer;border:1px solid #ffffff1f}.icon-button{background:#ffffff0d;border-radius:12px;place-items:center;width:42px;height:42px;display:grid}.hero{justify-content:space-between;align-items:flex-end;gap:32px;min-height:390px;padding:72px 0 48px;display:flex}.hero-copy{color:#aeb7c9;max-width:680px;margin-top:22px;font-size:17px;line-height:1.7}.status-pill,.coming-soon{white-space:nowrap;color:#cbd5e1;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:999px;font-size:13px;font-weight:600}.status-pill{align-items:center;gap:9px;padding:10px 14px;display:flex}.status-dot{background:#34d399;border-radius:50%;width:8px;height:8px;box-shadow:0 0 14px #34d399}.section-heading{margin:34px 0 18px}.primary-button{background:linear-gradient(135deg,#7c3aed,#2563eb);border-color:#a78bfa8c;border-radius:12px;align-items:center;gap:8px;padding:11px 15px;display:flex}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.project-card{background:linear-gradient(#ffffff0e,#ffffff06);border:1px solid #ffffff17;border-radius:20px;flex-direction:column;min-height:245px;padding:22px;transition:transform .18s,border-color .18s;display:flex;box-shadow:inset 0 1px #ffffff0a}.project-card:hover{border-color:#8b5cf673;transform:translateY(-3px)}.project-icon{border-radius:15px;width:50px;height:50px;margin-bottom:22px}.project-content{flex:1}.project-title-row{justify-content:space-between;gap:12px}.project-title-row span{color:#94a3b8;font-size:12px;font-weight:700}.project-card p{color:#98a3b8;margin-top:10px;font-size:14px;line-height:1.55}.card-button{color:#c4b5fd;background:0 0;border:0;align-items:center;gap:7px;width:fit-content;margin-top:22px;padding:0;font-weight:700;display:flex}.new-card{border-style:dashed}.workbench{background:linear-gradient(90deg,#0891b214,#7c3aed14);border:1px solid #22d3ee2b;border-radius:20px;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;margin-top:18px;padding:24px;display:grid}.workbench-icon{border-radius:17px;width:58px;height:58px}.workbench p:not(.eyebrow){color:#94a3b8;margin-top:7px;line-height:1.5}.coming-soon{padding:9px 12px}@media (width<=760px){.app-shell{width:min(100% - 22px,1180px)}.hero{flex-direction:column;justify-content:flex-end;align-items:flex-start;min-height:330px;padding-top:56px}.section-heading{align-items:flex-end}.project-grid{grid-template-columns:1fr}.workbench{grid-template-columns:auto 1fr}.coming-soon{grid-column:1/-1;width:fit-content}}@media (width<=480px){.section-heading{gap:12px}.primary-button{padding:10px 12px;font-size:13px}}.modal-backdrop{z-index:20;background:#000c;place-items:center;display:grid;position:fixed;inset:0}.modal{background:#0d1019;border-radius:20px;width:min(560px,90vw);padding:24px}.project-form{gap:16px;margin-top:20px;display:grid}.project-form input,.project-form textarea{color:#fff;background:#171b27;border:1px solid #fff2;border-radius:10px;padding:12px}.back-button{color:#fff;background:#ffffff0d;border:1px solid #fff2;border-radius:10px;margin-top:12px;padding:10px 12px}.project-hero{border:1px solid #8b5cf644;border-radius:20px;margin-top:32px;padding:24px}.project-hero-icon{margin-bottom:16px}.workspace-grid{grid-template-columns:repeat(2,1fr);gap:16px;margin-top:16px;display:grid}.workspace-panel{background:#ffffff08;border:1px solid #ffffff18;border-radius:18px;padding:22px}.workspace-panel p{color:#98a3b8}.mini-list{gap:8px;margin-top:14px;display:grid}@media (width<=760px){.workspace-grid{grid-template-columns:1fr}}.preview-panel{background:#071019;border:1px solid #22d3ee33;border-radius:20px;margin-top:18px;padding:22px}.preview-heading{justify-content:space-between;align-items:center;display:flex}.phone-frame{background:#05070c;border:1px solid #fff2;border-radius:28px;width:min(390px,100%);margin:20px auto 0;padding:14px}.generated-screen{background:#0b1020;border-radius:20px;min-height:330px;padding:24px 18px}.generated-actions{gap:10px;margin-top:24px;display:grid}.preview-nav{gap:8px;padding-top:12px;display:flex;overflow:auto}.phone-top{color:#cbd5e1;justify-content:space-between;padding:10px 8px;font-size:12px;display:flex}.generated-screen h4{margin:8px 0;font-size:28px}.generated-screen p{color:#aab4c7;line-height:1.55}.generated-actions button,.preview-nav button{color:#eef2ff;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff20;border-radius:10px;padding:11px}.preview-nav button{white-space:nowrap;font-size:12px}.preview-nav button.active{background:#7c3aed33;border-color:#8b5cf6}.generated-files-panel{background:#0b0d16;border:1px solid #8b5cf644;border-radius:20px;margin-top:18px;padding:22px}.code-heading{justify-content:space-between;align-items:center;gap:16px;display:flex}.generated-files-copy{color:#98a3b8;line-height:1.55}.export-actions{flex-wrap:wrap;gap:10px;margin:18px 0;display:flex}.ghost-button{color:#f8fafc;cursor:pointer;background:#ffffff0a;border:1px solid #fff2;border-radius:12px;padding:11px 15px}.file-tabs{flex-wrap:wrap;gap:8px;margin:18px 0;display:flex}.file-tabs button{color:#cbd5e1;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff20;border-radius:10px;padding:9px 11px}.file-tabs button.active{color:#fff;background:#7c3aed33;border-color:#8b5cf6}.code-preview{color:#c4b5fd;white-space:pre-wrap;background:#05070c;border-radius:14px;max-height:420px;padding:16px;font-size:12px;overflow:auto}@media (width<=560px){.code-heading{flex-direction:column;align-items:flex-start}.export-actions>*{justify-content:center;width:100%}}