:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#f3f4ff;background:#060812}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 22% -8%,#32146b 0,transparent 31%),radial-gradient(circle at 92% 12%,#092d54 0,transparent 29%),#060812;color:#f3f4ff}button,input,textarea,select{font:inherit}.top{height:74px;display:flex;align-items:center;justify-content:space-between;max-width:1280px;margin:auto;padding:0 26px;border-bottom:1px solid #ffffff12}.brand{display:flex;align-items:center;gap:11px;text-decoration:none;color:#fff}.brand>span{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;font-size:20px;font-weight:900;background:linear-gradient(135deg,#8b5cf6,#2563eb);box-shadow:0 8px 30px #6d28d950}.brand div{display:flex;flex-direction:column}.brand b{font-size:17px}.brand small{font-size:10px;color:#767f9b;margin-top:2px}.badge{border:1px solid #ffffff18;background:#ffffff08;border-radius:30px;padding:8px 12px;color:#aeb5cc;font-size:12px}main{max-width:1280px;margin:auto;padding:0 26px}.hero{padding:80px 0 45px;max-width:930px}.eyebrow,.card small,.section small{font-size:10px;letter-spacing:.18em;font-weight:900;color:#9b87ff}.hero h1{font-size:clamp(46px,6.2vw,78px);letter-spacing:-.055em;line-height:.98;margin:16px 0 22px}.hero h1 em{font-style:normal;background:linear-gradient(90deg,#a78bfa,#5fc7ff);-webkit-background-clip:text;color:transparent}.hero p{font-size:19px;color:#a9b0c7;line-height:1.7;max-width:800px}.promise{display:flex;flex-wrap:wrap;gap:9px;margin-top:23px}.promise span{padding:8px 11px;border-radius:9px;border:1px solid #ffffff12;background:#ffffff07;color:#b9c0d7;font-size:12px}.studio{display:grid;grid-template-columns:minmax(0,1fr) 305px;gap:18px;align-items:start}.card{border:1px solid #ffffff13;background:linear-gradient(180deg,#111522ee,#0b0f1aee);border-radius:22px;box-shadow:0 25px 80px #0008}.editor{padding:27px}.side{padding:25px;position:sticky;top:18px}.cardTitle,.sectionHead{display:flex;justify-content:space-between;align-items:start;gap:15px;margin-bottom:22px}.cardTitle h2,.sectionHead h2{margin:5px 0 0;font-size:27px}.cardTitle>b,.sectionHead>b{font-size:12px;color:#8f97b1;border:1px solid #ffffff13;padding:7px 10px;border-radius:9px}.field{display:flex;flex-direction:column;gap:8px;margin-bottom:15px}.field label{font-size:12px;color:#b6bdd2;font-weight:750}.field textarea,.field select,.field input[type=password],.scene input{width:100%;background:#070a13;border:1px solid #ffffff17;color:#f5f6ff;border-radius:12px;padding:12px 13px;outline:none}.field textarea{min-height:250px;resize:vertical;line-height:1.6;font-size:15px}.field textarea:focus,.field select:focus,.field input:focus,.scene input:focus{border-color:#7c3aed}.field input[type=range]{accent-color:#7c3aed}.field input[type=file]{color:#aab2ca;font-size:12px}.field small{letter-spacing:0;color:#7c85a0}.grid4{display:grid;grid-template-columns:1.4fr .75fr 1.1fr .7fr;gap:12px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:18px}.buttons{display:flex;justify-content:flex-end;gap:10px;margin-top:7px}button,.download{border-radius:12px;padding:13px 17px;font-weight:850;cursor:pointer}.ghost{border:1px solid #ffffff16;background:#151925;color:#d9dced}.primary{border:0;background:linear-gradient(135deg,#7c3aed,#4f46e5);color:#fff;min-width:180px;box-shadow:0 12px 35px #6d28d940}button:disabled{opacity:.5;cursor:not-allowed}.progress{margin-top:20px}.track{height:8px;background:#ffffff0d;border-radius:20px;overflow:hidden}.track i{height:100%;width:0;display:block;background:linear-gradient(90deg,#7c3aed,#38bdf8);transition:width .25s}.progress>div:last-child{display:grid;grid-template-columns:50px 1fr;gap:14px;margin-top:10px;align-items:start}.progress b{font-size:13px}.status{font-size:12px;color:#aab2ca;line-height:1.5}.status.good{color:#8fe8bd}.status.bad{color:#ff9fa9}.side h3{font-size:23px;margin:7px 0 20px}.side ol{list-style:none;padding:0;margin:0}.side li{display:flex;gap:13px;padding:13px 0;border-bottom:1px solid #ffffff0d}.side li>b{color:#8b5cf6;font-size:11px}.side li div{font-size:13px;font-weight:800}.side li span{display:block;color:#818aa5;font-size:11px;font-weight:500;margin-top:4px}.info{margin-top:20px;padding:14px;border:1px solid #7c3aed35;background:#7c3aed10;border-radius:12px;color:#a9b0c8;font-size:12px;line-height:1.6}.checksPanel{margin-top:18px;padding:17px;border-radius:14px;background:#070a13;border:1px solid #ffffff12}.checksPanel h3{margin:0 0 12px;font-size:15px}.checks{display:grid;grid-template-columns:1fr 1fr;gap:8px}.check{display:flex;justify-content:space-between;gap:12px;padding:9px 10px;background:#ffffff05;border-radius:9px;font-size:11px}.check b{font-size:11px}.check span{color:#8f97b1;text-align:right}.check.ok b{color:#8fe8bd}.check.fail b{color:#ff9fa9}.section{margin-top:68px}.muted{color:#8f97b1;font-size:13px;margin-top:-9px}.sceneList{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.scene{background:#0c101b;border:1px solid #ffffff10;border-radius:16px;padding:17px}.sceneNo{font-size:11px;color:#8b5cf6;font-weight:900}.scene p{font-size:13px;line-height:1.5;color:#dde1f0;min-height:60px}.scene label{font-size:11px;color:#9099b4;font-weight:750}.scene input{margin-top:6px;font-size:11px;padding:10px}.scene small{display:block;letter-spacing:0;color:#68728e;margin-top:7px}.result video{display:block;width:100%;max-height:760px;background:#000;border:1px solid #ffffff12;border-radius:19px}.resultButtons{display:flex;gap:10px;margin-top:16px}.download{display:inline-block;background:#fff;color:#10131d;text-decoration:none}.result details{margin-top:18px;color:#a8afc5;font-size:13px}.sources{padding:12px 0;line-height:1.9;font-size:12px}.sources a{color:#a78bfa;margin-left:7px}footer{max-width:1280px;margin:72px auto 0;padding:28px 26px 44px;border-top:1px solid #ffffff10;color:#6f7895;font-size:12px}@media(max-width:980px){.studio{grid-template-columns:1fr}.side{position:static}.grid4,.sceneList{grid-template-columns:1fr 1fr}}@media(max-width:650px){.hero{padding-top:55px}.hero h1{font-size:43px}.hero p{font-size:16px}.grid4,.grid2,.sceneList,.checks{grid-template-columns:1fr}.buttons{flex-direction:column}.buttons button{width:100%}.editor{padding:18px}.badge{display:none}}
