.shorts-page{max-width:1160px;margin:auto;padding:60px 30px}.shorts-intro{display:grid;grid-template-columns:1.4fr 1fr;gap:70px;align-items:center;margin-bottom:60px}.shorts-intro h1{font-size:64px;line-height:1.1;letter-spacing:-3px}.shorts-intro h1 em{color:var(--violet);font-style:normal}.shorts-intro p{font-size:18px;line-height:1.8;color:#7d6b8b;max-width:610px}.shorts-tags{display:flex;gap:8px;flex-wrap:wrap}.shorts-tags span,.beta-pill{font-size:11px;padding:8px 11px;border:1px solid var(--line);border-radius:30px;color:var(--violet)}.shorts-poster{width:230px;min-height:355px;margin:auto;padding:25px;background:linear-gradient(145deg,#32204e,#7961a9 60%,#e4b29b);border-radius:25px;color:#fff;box-shadow:18px 18px 0 #ad91df22;transform:rotate(5deg);display:flex;flex-direction:column;justify-content:space-between;gap:25px}.shorts-poster>span{font-size:9px;letter-spacing:2px}.poster-play{width:55px;height:55px;border-radius:50%;background:#ffffff30;display:grid;place-items:center;margin:20px auto}.shorts-poster b{font:700 25px/1.4 Manrope}.shorts-poster em{color:#ffcf9b;font-style:normal}.shorts-poster small{font-size:8px;letter-spacing:1px}.shorts-workspace,.shorts-clip{background:#fff;border:1px solid var(--line);border-radius:20px;padding:30px;margin-bottom:25px}.workspace-heading{display:flex;justify-content:space-between;align-items:center;gap:20px}.workspace-heading h2{font-size:29px}.shorts-workspace>p,.shorts-note{font-size:14px;color:#7c6a8b;line-height:1.8}.shorts-drop{background:#f4efff;border:1px dashed #b59ad4;border-radius:15px;padding:35px;display:flex;flex-direction:column;align-items:center;gap:12px;color:#70508e;cursor:pointer}.shorts-drop input{max-width:100%;font-size:13px}.shorts-drop strong{font:700 20px Manrope}.shorts-drop span{font-size:13px}.shorts-controls{display:flex;align-items:end;gap:15px;flex-wrap:wrap;margin:20px 0}.shorts-controls label,.shorts-clip label{display:flex;flex-direction:column;gap:8px;font-size:13px;color:#79628e}.shorts-page input:not([type=file]),.shorts-page select,.shorts-page textarea{padding:10px;border:1px solid var(--line);border-radius:7px;font:14px 'DM Sans';background:var(--paper);color:var(--ink);max-width:100%}.shorts-page button:disabled{opacity:.5;cursor:not-allowed}.shorts-secondary{background:transparent;border:1px solid var(--line);border-radius:7px;padding:12px;color:var(--ink)}#shortsVideo{width:100%;max-height:350px;background:#13101c;border-radius:12px}.shorts-status{font-size:14px!important;line-height:1.8;color:var(--violet)!important}.shorts-privacy{background:#f4effa;border-radius:10px;padding:18px;margin-top:25px;color:#7c638e;font-size:12px;line-height:1.8}.shorts-privacy p{margin-bottom:0}.shorts-roadmap{display:grid;grid-template-columns:1fr 1fr;gap:35px;margin:50px 0}.shorts-roadmap p{font-size:14px;line-height:1.9;color:#7c6a8b}.shorts-roadmap h3{font:700 22px Manrope}.shorts-clip h3{font:700 22px Manrope;margin-top:0}.clip-fields{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-bottom:20px}.clip-fields .wide{grid-column:1/-1}.shorts-clip textarea{width:100%;line-height:1.8;resize:vertical}.shorts-clip p,.shorts-faq p{font-size:13px;line-height:1.8;color:#7c6a8b}.shorts-clip .clip-actions{display:flex;gap:15px;flex-wrap:wrap;align-items:center}.shorts-page a.download{color:var(--violet);text-decoration:underline}.shorts-page [hidden]{display:none!important}#shortsProgress{width:100%;accent-color:var(--violet)}.back-tools{font-size:13px;color:var(--violet)}html[data-theme=dark] .shorts-workspace,html[data-theme=dark] .shorts-clip{background:#211a2d}html[data-theme=dark] .shorts-drop,html[data-theme=dark] .shorts-privacy{background:#30213f;color:#d2b8e9}html[data-theme=dark] .shorts-intro p,html[data-theme=dark] .shorts-note,html[data-theme=dark] .shorts-workspace>p,html[data-theme=dark] .shorts-clip p,html[data-theme=dark] .shorts-roadmap p,html[data-theme=dark] .shorts-faq p{color:#bfaccf}html[data-theme=dark] .shorts-controls label,html[data-theme=dark] .shorts-clip label{color:#cfb8e0}@media(max-width:720px){.shorts-page{padding:35px 20px}.shorts-intro{grid-template-columns:1fr;gap:35px}.shorts-intro h1{font-size:46px;letter-spacing:-2px}.shorts-intro p{font-size:16px}.shorts-poster{min-height:280px;width:200px;transform:rotate(3deg)}.shorts-workspace,.shorts-clip{padding:22px}.shorts-roadmap{grid-template-columns:1fr;gap:20px}.workspace-heading{align-items:start;flex-direction:column;gap:5px}.workspace-heading h2{font-size:25px}.clip-fields{grid-template-columns:1fr}.clip-fields .wide{grid-column:1}.shorts-drop{padding:25px 15px}.shorts-controls .primary{width:100%}.shorts-page header{padding-inline:15px}}

.shorts-crop-preview{display:block;width:180px;aspect-ratio:9/16;object-fit:cover;object-position:50% center;border-radius:12px;background:#14101d;margin:20px auto}