@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--paper:#f5f4ed;--ink:#252822;--muted:#767a70;--line:#dedfd4;--lime:#d4f76a;--dark:#252a23}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.6 Manrope,Arial,sans-serif}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:wait;opacity:.55}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #819e36;outline-offset:4px}header{height:90px;margin:0 4%;display:flex;align-items:center;border-bottom:1px solid var(--line);gap:25px}.logo{font-weight:800;letter-spacing:-2px;font-size:31px;text-decoration:none;color:var(--ink);display:flex;align-items:center;gap:12px}.logo-symbol{color:var(--ink);font-size:37px;transform:rotate(-12deg)}.beta{font-size:10px;letter-spacing:.03em;font-weight:600;border:1px solid var(--line);border-radius:5px;padding:4px 8px;margin-left:6px;align-self:center}.text-button{background:none;border:0;color:var(--ink);padding:8px 0}#ordersBtn{margin-left:auto;font-size:13px}#orderCount{background:#e7e8df;border-radius:50%;padding:2px 6px;margin-left:6px}.header-note{font-size:11px;color:var(--muted);display:flex;align-items:center;gap:7px}.header-note i{width:6px;height:6px;background:#809843;border-radius:50%}.layout{max-width:1500px;margin:auto;display:grid;grid-template-columns:240px 1fr;min-height:calc(100vh - 90px)}aside{padding:55px 25px 28px 40px;border-right:1px solid var(--line);display:flex;flex-direction:column}.project-label,.eyebrow{font-size:10px;letter-spacing:.14em;font-weight:700;color:var(--muted)}nav{margin-top:30px;display:grid;gap:11px}nav button{border:0;background:none;text-align:left;padding:10px 0;color:#909587;display:flex;align-items:center;gap:12px;font-size:12px}nav button:disabled{opacity:1;cursor:default}nav .num{border:1px solid #d9dccf;border-radius:50%;width:25px;height:25px;display:grid;place-items:center;font-size:10px}nav .current{color:var(--ink);font-weight:800}nav .current .num{background:var(--dark);color:white;border-color:var(--dark)}nav .done{color:#5b6b40}nav .done .num{background:#e8edda;border:0}.aside-bottom{margin-top:auto;padding-top:55px}.spark{font-size:47px;line-height:1;color:#7e9254}.aside-bottom p{font-weight:600;font-size:17px;line-height:1.6}.aside-bottom small{font-size:9px;color:var(--muted)}main{padding:52px 5% 40px;min-width:0;outline:none}.eyebrow{display:flex;gap:9px;align-items:center}.eyebrow:before{content:'';width:24px;height:1px;background:var(--ink)}h1{font-size:clamp(30px,3.1vw,48px);line-height:1.16;font-weight:600;letter-spacing:-2px;margin:17px 0 16px;max-width:800px}h2{font-size:23px;line-height:1.3;letter-spacing:-.6px;font-weight:600}.lead{color:var(--muted);font-size:14px;max-width:650px;margin:0 0 30px}.choices{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.choice{padding:0;border:1px solid var(--line);background:#f8f8f2;border-radius:15px;text-align:left;overflow:hidden;color:var(--ink);transition:transform .2s,border .2s;position:relative}.choice:hover{transform:translateY(-4px);border-color:#9ca58c}.choice.selected{border:2px solid var(--dark);padding:0}.choice.selected .check{position:absolute;right:12px;top:12px;z-index:1;width:24px;height:24px;border-radius:50%;background:var(--lime);display:grid;place-items:center;font-size:13px}.card-art{height:190px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;background:#e8ebe0}.card-copy{padding:19px 18px 22px}.card-copy h2{font-size:17px;margin:0 0 7px}.card-copy p{font-size:11px;line-height:1.7;color:var(--muted);margin:0}.tag{display:inline-block;font-size:9px;letter-spacing:.04em;padding:3px 7px;background:#e8ebdf;border-radius:4px;margin-top:12px}.tag.active{background:var(--lime)}.phone{width:90px;height:153px;border-radius:12px;background:var(--dark);transform:rotate(-9deg);padding:15px 10px;color:var(--paper);box-shadow:12px 14px 0 #ccd2bc}.phone .tiny{font-size:6px;letter-spacing:1px}.phone b{font-size:20px;line-height:1.1;display:block;margin-top:16px}.phone em{color:var(--lime);font-style:normal}.phone .progress-line{height:3px;width:60px;background:var(--lime);margin-top:15px}.orbit{position:absolute;border:1px solid #bbc4a6;width:160px;height:160px;border-radius:50%}.video-art{background:#e8e5dc}.video-art .film{border:4px solid #535a4b;border-radius:8px;width:113px;height:140px;transform:rotate(10deg);display:grid;place-items:center;background:#f6f3e8}.film:after{content:'▶';width:46px;height:46px;background:#c5d8a4;border-radius:50%;display:grid;place-items:center;font-size:19px}.graphic-art{background:#eee8f0}.plate{padding:10px 15px;background:#252329;color:#e7c1ed;border-radius:7px;transform:rotate(-7deg);font-size:12px;box-shadow:15px 26px 0 #ccbad4}.plate strong{display:block;font-size:22px}.bottom-bar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:32px;padding-top:23px;border-top:1px solid var(--line)}.button{border:1px solid var(--line);border-radius:8px;padding:13px 20px;background:transparent;color:var(--ink);font-weight:600;font-size:12px;display:inline-flex;gap:25px;align-items:center;justify-content:center;text-decoration:none}.primary{background:var(--dark);color:var(--paper);border-color:var(--dark)}.primary:hover{background:#424e32}.lime{background:var(--lime);color:var(--dark);border-color:var(--lime)}.small{font-size:11px}.muted{color:var(--muted)}.test-note{display:flex;align-items:flex-start;gap:12px;color:#68705e;font-size:11px;background:#eceedf;padding:14px 17px;border-radius:8px;margin-top:24px}.test-note b{color:var(--ink)}.styles-grid .card-art{height:235px}.poster{width:118px;height:190px;border-radius:7px;padding:14px 12px;position:relative;transform:rotate(-6deg);box-shadow:15px 12px 0 #0000000a;display:flex;flex-direction:column}.poster small{font-size:5px;letter-spacing:1px}.poster b{font-size:20px;line-height:1.02;letter-spacing:-1px;margin:auto 0 12px}.poster .shape{width:70px;height:60px;border-radius:50%;background:currentColor;margin-top:16px}.poster span{font-size:7px;border-top:1px solid currentColor;padding-top:6px}.editorial{background:#f0eddf;color:#24251e}.editorial .shape{background:#b4cf5e}.dark{background:#1d211d;color:#d5ff5f}.rose{background:#fbe7ee;color:#6f3548}.form-layout{display:grid;grid-template-columns:minmax(0,1fr) 235px;gap:35px}.field{display:block;margin-bottom:23px;font-size:12px;font-weight:700}.field small{display:block;font-weight:400;color:var(--muted);margin-top:5px}input,textarea,select{display:block;width:100%;border:1px solid #d4d8c9;border-radius:8px;background:#fafaf6;color:var(--ink);padding:13px 14px;margin-top:9px;font-size:13px}textarea{min-height:145px;resize:vertical}.row{display:grid;grid-template-columns:1fr 1fr;gap:18px}.upload{border:1px dashed #aeb69c;border-radius:9px;padding:20px;text-align:center;background:#eff1e7}.upload input{padding:8px;background:none;border:none;font-size:10px}.upload img{height:95px;max-width:100%;object-fit:contain;margin:10px auto;display:block}.summary{background:#e9ecdf;border-radius:12px;padding:22px;height:fit-content}.summary .mini-preview{width:118px;height:195px;margin:20px auto}.summary h3{font-size:12px;margin-top:0}.summary p{font-size:11px;color:#727a65}.meta-row{display:flex;justify-content:space-between;font-size:10px;padding:10px 0;border-top:1px solid #d1d7c3}.scene{display:grid;grid-template-columns:56px 1fr;gap:17px;padding:20px 0;border-bottom:1px solid var(--line)}.scene-time{font-size:10px;color:var(--muted);padding-top:17px}.scene label{font-size:10px;color:var(--muted)}.scene input{font-weight:700;margin:5px 0 10px}.scene textarea{min-height:65px;margin:5px 0 0;font-size:12px}.script-title{display:flex;align-items:center;gap:15px;justify-content:space-between}.script-title h2{font-size:19px;margin:0}.status-dot{display:inline-block;width:7px;height:7px;background:#7f953e;border-radius:50%;margin-right:6px}.render-area{display:grid;grid-template-columns:1fr 260px;gap:45px;align-items:center}.render-area video{width:100%;max-height:450px;background:#222;border-radius:12px}.loader{width:50px;height:50px;border:2px solid var(--line);border-top-color:var(--ink);border-radius:50%;animation:spin 1s linear infinite;margin:30px 0}.progress{height:5px;background:#e0e4d5;border-radius:5px;margin:20px 0;overflow:hidden}.progress div{height:100%;background:#91aa56;transition:width 1s}.phone-preview{background:var(--dark);border-radius:20px;width:230px;aspect-ratio:9/16;padding:24px;display:flex;flex-direction:column;justify-content:center;color:var(--lime);font-size:27px;line-height:1.15;font-weight:700;box-shadow:0 20px 50px #25301c12;position:relative}.phone-preview:after{content:'СКЛЕЙКА / ПИЛОТ';position:absolute;bottom:27px;left:24px;font-size:8px;letter-spacing:2px}.empty{padding:30px;background:#eeefe6;border-radius:10px}.order-row{border-bottom:1px solid var(--line);padding:15px 0;display:flex;justify-content:space-between;gap:15px;font-size:12px}dialog{border:1px solid var(--line);border-radius:15px;background:var(--paper);padding:25px;width:min(540px,90vw)}dialog::backdrop{background:#18201077}.dialog-head{display:flex;justify-content:space-between;align-items:center}.dialog-head button{border:0;background:none;font-size:20px}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);max-width:90vw;padding:13px 20px;background:var(--dark);color:white;border-radius:8px;font-size:12px;display:none;z-index:20}.busy-text{font-size:12px;color:var(--muted)}.error-box{padding:18px;background:#f5e3db;color:#843d2b;border-radius:8px;margin:20px 0}.back{border:0;background:none;color:var(--muted);font-size:12px;padding:10px 0}.footer-info{font-size:10px;color:#8e9485;margin-top:25px}.choice.unavailable{opacity:.68}.choice.unavailable:hover{transform:none}.hint{font-size:10px;color:var(--muted)}@keyframes spin{to{transform:rotate(360deg)}}@media(min-width:1500px){header{max-width:1380px;margin:auto}}@media(max-width:1050px){.layout{grid-template-columns:190px 1fr}aside{padding-left:25px}main{padding:40px 5%}.card-art{height:155px}.form-layout{grid-template-columns:1fr}.summary{display:none}.choices{gap:10px}.card-copy{padding:14px}.card-copy h2{font-size:15px}.render-area{gap:20px;grid-template-columns:1fr 210px}}@media(max-width:720px){header{height:75px;margin:0 5%;gap:10px}.logo{font-size:26px;gap:7px}.beta{font-size:8px;margin-left:0}.header-note{display:none}.layout{display:block}aside{padding:17px 5%;border:0;border-bottom:1px solid var(--line)}.project-label,.aside-bottom{display:none}nav{display:flex;margin:0;justify-content:space-between;gap:0}nav button{font-size:0;padding:0}nav .current{font-size:10px}nav .num{width:23px;height:23px}main{padding:32px 5%}h1{letter-spacing:-1.3px;font-size:34px}.lead{font-size:12px}.choices{grid-template-columns:1fr}.choice{display:grid;grid-template-columns:115px 1fr;min-height:145px}.card-art,.styles-grid .card-art{height:100%;min-height:145px}.card-copy{padding:18px}.card-copy h2{font-size:16px}.card-copy p{font-size:11px}.phone{transform:scale(.7) rotate(-9deg)}.orbit{width:95px;height:95px}.video-art .film{transform:scale(.7) rotate(10deg)}.plate{font-size:9px;padding:8px}.plate strong{font-size:18px}.poster{transform:scale(.65) rotate(-6deg);margin:-25px}.bottom-bar{margin-top:25px}.button{padding:12px 17px;gap:16px}.bottom-bar .small{max-width:155px;font-size:9px}.row{grid-template-columns:1fr;gap:0}.render-area{display:flex;flex-direction:column-reverse;align-items:stretch}.render-area video{max-width:230px;margin:auto}.phone-preview{width:145px;font-size:20px;margin:auto}.render-area h2{margin:5px 0}.scene{gap:10px;grid-template-columns:40px 1fr}.script-title{align-items:flex-start}.script-title h2{font-size:17px}}