.hero>div{min-width:0}.hero h1{font-size:clamp(28px,3.8vw,52px);letter-spacing:-1.5px}.hero h1 span{display:block}.hero h1 .title-main{white-space:nowrap;color:inherit;font-size:.92em}
.tools{display:grid;grid-template-columns:auto minmax(0,1fr)}.tools #photo{order:1}.tools select[aria-label="Формат"]{order:2;width:100%}.tools select[aria-label="Модель"]{order:3;grid-column:1/-1;width:100%}
.how-it-works{border-top:1px solid #292a30;padding:40px 0}.how-steps{list-style:none;padding:0;margin:28px 0 22px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}.how-number{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:12px;background:#b6a2ff12;color:#c2afff;font-size:13px;border:1px solid #b6a2ff30}.how-steps h3{font-size:18px;line-height:1.35;letter-spacing:-.3px;margin:18px 0 10px}.how-steps p{color:#a8a8b2;font-size:14px;line-height:1.6;margin:0}.how-it-works>.note{max-width:760px}@media(max-width:800px){.how-steps{grid-template-columns:1fr;gap:24px}.how-steps li{position:relative;padding-left:56px}.how-number{position:absolute;left:0;top:0}.how-steps h3{margin:0 0 8px}.how-it-works{padding:32px 0}}
.plan{display:flex;flex-direction:column;min-width:0}.plan>strong{white-space:nowrap}.plan-benefit{margin-top:auto;padding-top:10px}.plan-saving{display:inline-block;font-size:11px;font-weight:600;color:#8ee8bd;background:#58dca918;padding:5px 9px;border-radius:20px;margin-bottom:10px}.plan-saving.no-saving{visibility:hidden}.plan-unit{background:#58dca90c;border-radius:10px;padding:12px}.plan-unit>span{display:block;color:#a7b3b1;font-size:11px;line-height:1.4}.plan-unit>div{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;margin-top:7px}.plan-unit s{color:#7e858b;font-size:12px;white-space:nowrap}.plan-unit b{color:#8ee8bd;font-size:22px;white-space:nowrap}.plan .outline{margin-top:16px}
.photo-usage{border:0;margin:16px 0 0;padding:0;min-width:0}.photo-usage legend{font-size:14px;font-weight:600;margin-bottom:10px;padding:0}.composer .photo-choice{display:flex;align-items:flex-start;gap:10px;padding:13px;border:1px solid #3a3b43;border-radius:11px;margin:0 0 8px;cursor:pointer;background:#202126}.photo-choice:has(input:checked){border-color:#b6a2ff;background:#292336}.photo-choice input{accent-color:#b6a2ff;flex:0 0 auto;width:16px;height:16px;margin:2px 0}.photo-choice b{display:block;font-size:14px;line-height:1.4;font-weight:600}.photo-choice small{display:block;font-size:12px;line-height:1.5;color:#acacb7;margin-top:5px}.model-hint{color:#a7a7b2;font-size:12px;line-height:1.5;margin:10px 0 0}
@media(max-width:800px){.hero h1{font-size:clamp(25px,7.6vw,42px);letter-spacing:-1px}.tools select[aria-label="Модель"]{flex-basis:calc(100% - 95px)}.tools select[aria-label="Формат"]{flex:0 0 100%}}
/* Connected local funnel: compact controls and readable legal consent. */
.tools select[aria-label="Длительность"]{grid-column:1/-1;order:4;width:100%}
.tools select[aria-label="Звук"]{grid-column:1/-1;order:5;width:100%}
.media-consent,.terms-consent{display:flex!important;align-items:flex-start;gap:10px;font-size:12px;line-height:1.5;margin-top:14px}
.media-consent[hidden],.terms-consent[hidden]{display:none!important}
.media-consent input,.terms-consent input{flex:0 0 18px;width:18px;height:18px;padding:0;margin:2px 0;accent-color:#b6a2ff}
.media-consent a,.terms-consent a{color:#c2afff;text-decoration:underline}
.auth-tabs{display:flex;gap:8px;margin:18px 0}
.auth-tabs button{flex:1;padding:12px 8px;border-radius:8px;background:#24252b;color:#b9bac5}
.auth-tabs button[aria-pressed="true"]{background:#39314f;color:white}
#connected-auth>label:not(.terms-consent){display:block;font-size:14px;margin-top:12px}
button:disabled{cursor:wait;opacity:.65}
.composer .tools{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.composer .tools #photo{order:1;grid-column:auto}
.composer .tools select[aria-label="Модель"]{order:2;grid-column:span 2}
.composer .tools select[aria-label="Длительность"]{order:3;grid-column:auto}
.composer .tools select[aria-label="Формат"]{order:4;grid-column:auto}
.composer .tools select[aria-label="Звук"]{order:5;grid-column:auto}
.composer .tools .tool{width:100%;font-size:13px;padding:11px 8px;text-overflow:ellipsis}
.yandex-auth{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;padding:15px;border-radius:11px;background:#000;color:white;font-weight:600}
.yandex-auth span{display:inline-flex;align-items:center;justify-content:center;background:#fc3f1d;border-radius:50%;width:26px;height:26px;font-size:21px}
.auth-divider{text-align:center;font-size:12px!important;color:#9696a4!important;margin:16px 0!important}
.reset-link{display:block;margin:14px auto 0;padding:8px;background:transparent;color:#c2afff;font-size:14px}
#connected-reset>label{display:block;font-size:14px}
.yandex-auth[hidden]{display:none!important}
.selection-summary{border:1px solid #b6a2ff45;border-radius:10px;padding:12px;background:#b6a2ff0d;font-size:13px;line-height:1.5;color:#d3c6ff}
.settings-hint{font-size:12px;line-height:1.45;color:#9f9faa;margin:10px 0}
.example-model{display:inline-block;color:#a8a8b4;font-size:12px;margin-bottom:10px}
.upload-state{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:12px 0}
.upload-state img{width:40px;height:40px;border-radius:8px;object-fit:contain;background:#111}
.upload-state span{flex:1}.upload-state button{color:#c2afff;background:transparent;padding:8px;font-size:12px}
.terms-consent{margin-bottom:16px}.composer .tools .tool{min-height:44px}
@media(max-width:800px){.hero{padding-top:12px}.hero h1{margin:14px 0}.composer{margin-top:18px;padding:16px}.composer textarea{min-height:105px}.trust{margin-top:14px;gap:10px}.tools select[aria-label="Звук"]{font-size:12px!important}}
/* Laptop first screen: top-align the film and fit the empty composer. */
@media(min-width:801px){
  header{height:68px}
  .hero{align-items:start;gap:40px;padding:20px 0 32px}
  .hero h1{font-size:clamp(36px,3.6vw,48px);margin:14px 0;line-height:1.06}
  .hero .intro{font-size:16px;line-height:1.45;margin:12px 0}
  .hero .trust{margin-top:14px;gap:14px}
  .hero .composer{margin-top:18px;padding:16px}
  .hero .composer textarea{min-height:96px;font-size:16px;line-height:1.45}
  .hero .composer .primary{padding:13px 18px}
  .hero .model-hint,.hero .settings-hint{margin:8px 0;line-height:1.4}
  .hero .promo-stage{align-self:start;justify-self:end;width:min(100%,calc((100svh - 116px)*.8));aspect-ratio:4/5}
}
@media(min-width:801px) and (max-height:760px){
  header{height:60px}
  .hero{padding-top:12px}
  .hero h1{font-size:clamp(34px,3.2vw,42px);margin:10px 0}
  .hero .intro{margin:10px 0}
  .hero .composer{margin-top:14px}
  .hero .composer textarea{min-height:76px}
}
.composer #upload{margin:0;padding:0 0 10px;gap:8px}
.composer #role .photo-usage{margin:0 0 14px}
.composer #role legend{font-size:12px;color:#a7a7b2;margin-bottom:8px}
.photo-switches{display:grid;grid-template-columns:1fr 1.6fr;gap:6px}
.composer #role .photo-choice{position:relative;align-items:center;justify-content:center;padding:10px 8px;margin:0;font-size:13px;line-height:1.3;text-align:center;min-width:0}
.composer #role .photo-choice input{position:absolute;opacity:0;width:1px;height:1px}
.composer #role .photo-choice:has(input:focus-visible){outline:2px solid #c2afff;outline-offset:2px}
.photo-role-hint{font-size:12px;color:#aaaab5;line-height:1.4;margin:8px 0 0}
#auth{width:calc(100% - 32px);max-width:400px;padding:24px;max-height:calc(100dvh - 32px);overflow-y:auto}
#auth h2{font-size:22px;line-height:1.2;margin:0 24px 8px 0;letter-spacing:-.5px}
#auth .auth-caption{font-size:13px;line-height:1.4;margin:0 0 18px;color:#a7a7b2}
#auth input:not([type=checkbox]){padding:11px 12px;margin:5px 0 0}
#auth .primary{padding:12px;margin-top:12px}
#auth .auth-divider{margin:12px 0!important}
#auth .terms-consent{font-size:11px;line-height:1.4;margin:12px 0 0}
#auth .reset-link{font-size:12px;margin:8px auto 0;padding:6px}
.auth-switch{text-align:center;margin-top:10px}
.auth-switch button{background:transparent;color:#c2afff;font-size:13px;padding:6px}
@media(max-width:600px){#auth{max-width:none;width:100%;margin:auto 0 0;max-height:calc(100dvh - 16px);border-radius:20px 20px 0 0;padding:22px 20px}}
 .cookie-notice{position:fixed;z-index:50;bottom:12px;left:50%;transform:translateX(-50%);width:min(680px,calc(100% - 24px));display:flex;align-items:center;gap:16px;padding:14px 18px;background:#23242a;border:1px solid #43444b;border-radius:14px;color:#babac5;font-size:12px;line-height:1.5;box-shadow:0 8px 30px #0005}.cookie-notice a{text-decoration:underline}.cookie-notice button{flex:none;background:#c2afff;color:#15121e;border-radius:8px;padding:10px 14px}@media(max-width:480px){.cookie-notice{gap:10px;padding:12px;font-size:11px}}