.video-generator-page{max-width:1120px;margin:0 auto;padding:0 26px 60px}.video-generator-header{height:78px;display:flex;align-items:center;justify-content:space-between}.video-back-link{font-size:13px;color:#66869b}.video-generator-hero{text-align:center;padding:50px 0 35px}.video-generator-hero h1{font:500 clamp(48px,7vw,74px)/1.03 var(--serif);letter-spacing:-.04em;color:#36546a;margin:15px}.video-generator-hero h1 em{color:#8ebbd7}.video-generator-hero p{max-width:630px;margin:0 auto;color:#778f9f;font-size:15px;line-height:1.8}.video-maker-card,.video-result-card{padding:27px;border:1px solid #e2edf3;border-radius:17px;background:#ffffffc9;box-shadow:var(--shadow)}.video-maker-heading,.video-result-title{display:flex;justify-content:space-between;align-items:center;gap:15px}.video-maker-heading h2,.video-result-title h2{font:500 27px var(--serif);margin:6px 0;color:#426077}.video-selection-count{padding:9px 13px;background:#e9f5fb;border-radius:20px;color:#66889d;font-size:12px;font-weight:700}.video-toolbar{display:flex;align-items:center;gap:9px;margin:18px 0;color:#879ba8;font-size:11px}.video-small-button{min-height:38px;padding:0 13px;border:1px solid #d7e6ee;border-radius:8px;background:#fff;color:#607e92;font-size:11px}.video-toolbar>span{margin-left:auto}.video-photo-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.video-photo-option{position:relative;display:block;aspect-ratio:1;border-radius:10px;overflow:hidden;background:#e5f1f7;cursor:pointer;border:2px solid transparent;transition:transform .2s,border-color .2s,box-shadow .2s}.video-photo-option:hover{transform:translateY(-3px)}.video-photo-option.selected{border-color:#6faed0;box-shadow:0 0 0 3px #84bedb38}.video-photo-option>input{position:absolute;opacity:0;width:1px;height:1px}.video-photo-option>img{width:100%;height:100%;object-fit:cover}.video-photo-check{position:absolute;top:8px;right:8px;width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:#ffffffeb;color:#4e7892;font-weight:700;opacity:.35}.video-photo-option.selected .video-photo-check{opacity:1;background:#8fc3dd;color:#fff}.video-photo-name{position:absolute;left:0;right:0;bottom:0;padding:19px 9px 8px;color:#fff;font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:linear-gradient(transparent,#172e40b8)}.video-create-row{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:17px}.video-create-row .form-message{font-size:12px}.video-create-button{min-height:50px;padding:0 20px;font-size:14px}.video-create-button:disabled{opacity:.48;cursor:not-allowed;box-shadow:none;transform:none}.video-spinner{display:inline-block;animation:video-spin 1.2s linear infinite}@keyframes video-spin{to{transform:rotate(360deg)}}.video-result-card{margin-top:23px;scroll-margin-top:20px}.video-result-title{margin-bottom:15px}.video-result-title .button{font-size:13px}.video-result-card video{width:100%;max-height:70vh;display:block;background:#14202b;border-radius:11px}.video-chapters-heading{display:flex;justify-content:space-between;gap:12px;margin:18px 0 10px;color:#8197a6;font-size:11px}.video-chapters{display:flex;gap:9px;overflow-x:auto;padding:3px 2px 8px}.video-chapter{flex:0 0 150px;padding:0;border:1px solid #dfebf1;border-radius:8px;overflow:hidden;background:white;text-align:left;color:#607b8e;cursor:pointer}.video-chapter img{width:100%;height:82px;object-fit:cover;display:block}.video-chapter span{display:block;padding:8px;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.video-generator-footnote{margin:15px auto;color:#94a5b1;text-align:center;font-size:10px;line-height:1.6}.video-generator-page [hidden]{display:none!important}@media(max-width:850px){.video-photo-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:600px){.video-generator-page{padding:0 16px 35px}.video-generator-header{height:66px}.video-generator-hero{padding:35px 0 24px}.video-generator-hero h1{font-size:48px}.video-generator-hero p{font-size:13px}.video-maker-card,.video-result-card{padding:17px}.video-maker-heading h2,.video-result-title h2{font-size:22px}.video-selection-count{font-size:10px}.video-toolbar{flex-wrap:wrap}.video-toolbar>span{width:100%;margin:4px 0 0}.video-photo-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.video-create-row{align-items:stretch;flex-direction:column;gap:5px}.video-create-button{width:100%;justify-content:center}.video-result-title{align-items:flex-start;flex-direction:column}.video-chapters-heading{flex-direction:column;gap:6px}}
.video-cover-section{margin:0 0 28px;padding:0 0 24px;border-bottom:1px solid #e6eff4}.video-cover-section>p{margin:0 0 12px;color:#8398a6;font-size:12px;line-height:1.7}.video-cover-section canvas{display:block;width:min(100%,760px);height:auto;margin:0 auto;border-radius:13px;box-shadow:0 14px 35px #638ba526;border:5px solid #fff}.video-cover-chapter{align-self:stretch}.video-cover-thumb{height:82px;display:grid!important;place-items:center;background:linear-gradient(145deg,#c4e6f7,#edf7f4);color:#fff4d0;font-size:30px}.video-maker-card>.video-maker-heading:not(:first-child){margin-top:6px}@media(max-width:600px){.video-cover-section canvas{border-width:3px}.video-cover-section{margin-bottom:20px;padding-bottom:18px}}
.video-audio-picker{display:grid;grid-template-columns:1.2fr 1fr;gap:10px 18px;align-items:center;margin:0 0 24px;padding:17px 18px;border:1px solid #e2edf3;border-radius:12px;background:linear-gradient(120deg,#f2faff,#fff9fc)}.video-audio-picker label{display:grid;gap:6px;cursor:pointer}.video-audio-picker label strong{font:500 20px var(--serif);color:#426077}.video-audio-picker label small{max-width:570px;color:#8498a6;font-size:11px;line-height:1.6}.video-audio-picker input{width:100%;padding:10px;border:1px solid #d7e6ee;border-radius:8px;background:#fff;color:#607e92;font-size:11px}.video-audio-status{grid-column:1/-1;margin:0;color:#7891a4;font-size:11px}@media(max-width:600px){.video-audio-picker{grid-template-columns:1fr;padding:14px}.video-audio-status{grid-column:auto}}