.video-page{padding:32px 0 80px;max-width:100%;overflow-x:clip;box-sizing:border-box}.video-page *,.video-page *:before,.video-page *:after{box-sizing:border-box}.video-page .hero{text-align:center;max-width:720px;margin:0 auto 36px;padding:0 24px}.video-page .hero h1{font-size:clamp(1.8rem,4vw,2.4rem);color:var(--navy);margin:12px 0}.video-page .hero p{color:var(--mut);margin:8px 0}.video-page .quota{font-size:.92rem}.layout{max-width:1180px;width:100%;margin:0 auto;padding:0 24px;display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:start;min-width:0}@media(max-width:960px){.layout{grid-template-columns:1fr}}@media(max-width:640px){.video-page .hero{padding:0 12px}.video-page .layout{padding:0 12px;gap:20px}.video-page .panel{padding:16px;border-radius:18px}.video-page .row2{grid-template-columns:1fr}.video-page .field input,.video-page .field select,.video-page .field textarea{max-width:100%;min-width:0}.video-page .actions{flex-direction:column;align-items:stretch}.video-page .progress{min-width:0;width:100%}.video-page .btn,.video-page a.btn{white-space:normal;max-width:100%}.video-page .export-done .done-actions{flex-direction:column}.video-page .export-done .done-actions .btn,.video-page .export-done .done-actions a.btn{width:100%}}.panel{background:#fff;border-radius:22px;padding:24px;box-shadow:0 20px 50px -24px #0d2a6340;min-width:0;max-width:100%}.panel.preview{min-width:0;overflow:hidden}.panel.disabled{max-width:640px;margin:40px auto;text-align:center}.panel h2{font-size:1.2rem;color:var(--navy);margin:0 0 16px}.seg{display:flex;gap:8px;margin-bottom:20px;background:#eceef5;padding:4px;border-radius:999px}.seg button{flex:1;border:0;background:none;font:inherit;font-weight:600;padding:10px 14px;border-radius:999px;cursor:pointer;color:var(--mut)}.seg button.on{background:#fff;color:var(--navy);box-shadow:0 4px 12px #0d2a631f}.field{display:flex;flex-direction:column;gap:8px;margin-bottom:16px;font-size:.92rem}.field span{font-weight:600;color:var(--navy)}.field input,.field select,.field textarea{font:inherit;padding:12px 14px;border-radius:14px;border:1.5px solid var(--line)}.row2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.thumbs{display:flex;flex-wrap:wrap;gap:10px}.thumb{width:72px;height:72px;padding:0;border:2px solid transparent;border-radius:12px;overflow:hidden;cursor:pointer;background:#f0f2f8}.thumb.on{border-color:var(--pk);box-shadow:0 0 0 2px #ff1f8e40}.thumb img{width:100%;height:100%;object-fit:cover}.actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:8px}.progress{flex:1;min-width:160px;height:10px;background:#eceef5;border-radius:999px;overflow:hidden}.progress div{height:100%;background:var(--g);transition:width .2s}.render-status{width:100%;margin-bottom:12px}.render-status .pct{font-weight:700;color:var(--navy);font-size:.95rem}.render-status .eta,.render-status .hint{font-size:.82rem;color:var(--mut);margin:6px 0 0;line-height:1.4}.render-status .tab-warn{margin-top:10px;padding:10px 12px;border-radius:12px;background:#fff3cd;border:1px solid #f0d48a;color:#7a5d00;font-size:.85rem;font-weight:600}.export-done{width:100%;margin-top:16px;padding:18px;border-radius:18px;background:linear-gradient(180deg,#f0fdf4,#fff);border:2px solid #86efac}.export-done h3{margin:0 0 12px;color:#166534;font-size:1.15rem}.export-done video{width:100%;max-height:320px;border-radius:12px;background:#000;margin-bottom:14px}.export-done .done-actions{display:flex;flex-wrap:wrap;gap:10px}.export-error{width:100%;margin-top:16px;padding:16px;border-radius:16px;background:#fff5f5;border:2px solid #fecaca}.export-error p{margin:0 0 12px;color:#991b1b;font-weight:600;line-height:1.45}.form-disabled-mask,.panel.form.is-rendering .field,.panel.form.is-rendering .seg{pointer-events:none;opacity:.55}.panel.form.is-rendering .export-controls{pointer-events:auto;opacity:1}.warn{background:#fff8e6;border:1px solid #f0d48a;border-radius:14px;padding:14px;margin-bottom:12px;font-size:.9rem}.err{color:#b00020;font-weight:600}.fine{font-size:.82rem;color:var(--mut);margin-top:16px;line-height:1.45}.player-aspect{width:100%;max-width:100%;margin:0 auto;position:relative}.player-aspect--916{aspect-ratio:9 / 16}.player-aspect--45{aspect-ratio:4 / 5}.player-aspect--11{aspect-ratio:1 / 1}.player-wrap{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;max-width:100%;height:100%;margin:0;border-radius:16px;overflow:hidden;box-shadow:0 16px 40px #0d2a6333}.player-wrap>div{width:100%!important;max-width:100%!important}.video-page .btn.o,.video-page a.btn.o{background:#fff!important;color:#0d2a63!important;box-shadow:inset 0 0 0 2px #0d2a63!important}.video-page .btn.o:hover,.video-page a.btn.o:hover{background:#f0f4fc!important;color:#0d2a63!important;box-shadow:inset 0 0 0 2px #0d2a63!important}.video-page .export-done .btn.o,.video-page .export-done a.btn.o{background:#fff!important;color:#0d2a63!important}