*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#07080c;color:#f6f7fb;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}.nav{height:72px;border-bottom:1px solid #1d2029;display:flex;align-items:center;justify-content:space-between;padding:0 6%;position:sticky;top:0;z-index:10;background:#07080ce8;backdrop-filter:blur(18px)}a{text-decoration:none;color:inherit}.brand{display:flex;align-items:center;gap:9px;font-weight:800}.brand i{font-style:normal;color:#a78bfa;font-size:11px;margin-left:4px}.logo{display:grid;place-items:center;width:33px;height:33px;border-radius:10px;background:linear-gradient(135deg,#7c3aed,#ec4899);font-weight:900}.nav nav{display:flex;gap:28px;color:#9297a4;font-size:14px}.nav nav a:hover{color:#fff}.pill{border:1px solid #292d38;background:#11131a;color:#ddd;border-radius:10px;padding:8px 11px;cursor:pointer}.hero{text-align:center;padding:100px 20px 85px;background:radial-gradient(circle at 50% 10%,#24134a 0,transparent 46%)}.eyebrow{display:inline-block;border:1px solid #4b3a75;background:#151024;color:#c7b7fa;border-radius:999px;padding:8px 13px;font-size:11px;font-weight:800;letter-spacing:.12em}.hero h1{font-size:clamp(48px,8vw,88px);line-height:.98;letter-spacing:-.055em;margin:24px auto 20px;max-width:950px}.hero h1 span{background:linear-gradient(90deg,#a78bfa,#f472b6);-webkit-background-clip:text;color:transparent}.hero p{color:#9ba0ad;font-size:18px;line-height:1.6;margin:0 auto 30px;max-width:610px}.cta{display:inline-flex;gap:28px;background:#fff;color:#090a0d;padding:14px 19px;border-radius:11px;font-weight:800}.workspace,.gallery,.how{max-width:1080px;margin:auto;padding:55px 20px}.workspace-head,.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:18px}.workspace-head small,.section-head small,.how>small{color:#9b7bff;font-weight:800;letter-spacing:.14em;font-size:11px}.workspace h2,.section-head h2,.how h2{font-size:34px;letter-spacing:-.03em;margin:7px 0}.status{font-size:12px;color:#8f95a2}.status b{display:inline-block;width:7px;height:7px;border-radius:50%;background:#55e18a;margin-right:6px;box-shadow:0 0 12px #55e18a}.card{border:1px solid #282c36;background:#0d0f15;border-radius:18px;padding:17px;box-shadow:0 25px 80px #0007}.prompt-wrap{border:1px solid #252934;background:#090b10;border-radius:13px;overflow:hidden}.prompt-wrap textarea{display:block;width:100%;min-height:230px;border:0;outline:0;resize:vertical;background:transparent;color:#f3f3f6;padding:18px;font:16px/1.6 inherit}.prompt-wrap textarea::placeholder{color:#606572}.prompt-foot{height:43px;border-top:1px solid #20232c;padding:0 13px;display:flex;align-items:center;justify-content:space-between;color:#686e7c;font-size:12px}.prompt-foot button{border:0;background:transparent;color:#b9a8ff;cursor:pointer;font-weight:700}.options{display:flex;gap:10px;align-items:end;margin-top:12px;flex-wrap:wrap}.options label{display:flex;flex-direction:column;gap:6px;color:#777d89;font-size:11px}.options select{background:#15171e;border:1px solid #292d37;color:#ddd;border-radius:9px;padding:10px 12px}.generate{margin-left:auto;border:0;border-radius:10px;padding:12px 18px;background:linear-gradient(90deg,#7c3aed,#d946ef);color:#fff;font-weight:850;cursor:pointer}.generate:disabled{opacity:.55;cursor:wait}.busy{margin-top:13px;border:1px solid #292d38;background:#13151c;border-radius:11px;padding:13px;display:flex;align-items:center;gap:12px}.busy small{display:block;color:#777d89;margin-top:3px}.loader{width:17px;height:17px;border:2px solid #363b47;border-top-color:#b28cff;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.result{margin-top:14px;border:1px solid #292d38;border-radius:13px;overflow:hidden;background:#08090d}.result-head{padding:12px 14px;display:flex;justify-content:space-between;align-items:center}.download{color:#bdaaff;font-size:13px;font-weight:800}.result video{width:100%;max-height:620px;display:block;background:#000}.hidden{display:none!important}.tip{font-size:11px;color:#676d7a;margin:10px 2px}.ideas{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.ideas button{text-align:left;border:1px solid #242832;background:#0e1016;color:#fff;border-radius:15px;padding:18px;cursor:pointer}.ideas button:hover{border-color:#59438b;transform:translateY(-2px)}.ideas span{font-size:35px;display:block;margin-bottom:18px}.ideas b{display:block}.ideas small{color:#777d89}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:20px}.steps div{border:1px solid #242832;background:#0d0f14;border-radius:14px;padding:23px}.steps b{color:#a78bfa;font-size:12px}.steps h3{margin-bottom:6px}.steps p{color:#7c8290;line-height:1.5}footer{border-top:1px solid #1b1e26;padding:30px 6%;display:flex;justify-content:space-between;gap:15px;color:#737986;font-size:12px}.toast{position:fixed;right:22px;bottom:22px;background:#171a22;border:1px solid #303541;border-radius:11px;padding:13px 15px;display:none;z-index:20}.toast.show{display:block}@media(max-width:700px){.nav nav{display:none}.hero{padding-top:70px}.options label{flex:1}.generate{width:100%;margin-left:0}.ideas,.steps{grid-template-columns:1fr}.workspace-head,.section-head{align-items:start;gap:10px;flex-direction:column}footer{flex-direction:column}}