.image-to-video-section{--itv-bg: oklch(.95 .015 65);--itv-surface: oklch(.965 .012 65);--itv-elevated: #ffffff;--itv-border: #e2dbd0;--itv-border-lt: #ece6db;--itv-text: #2c2418;--itv-text-2: #6b5e4f;--itv-text-3: #9c8f7e;--itv-purple: #6c5ce7;--itv-orange: #e8724a;background:var(--itv-bg);color:var(--itv-text)}.image-to-video-section .itv-root{position:relative}.image-to-video-section .itv-sticky{position:relative;width:100%;height:100vh;overflow:hidden}.image-to-video-section .itv-header{position:absolute;z-index:20;left:50%;transform:translate(-50%);text-align:center;will-change:opacity,transform;max-width:min(820px,88vw);padding:0 16px}.image-to-video-section .itv-prompt-box{position:absolute;z-index:15;background:var(--itv-elevated);border:1px solid var(--itv-border);border-radius:16px;padding:20px 24px;box-shadow:0 18px 48px #0000001a;will-change:transform,opacity;transform-origin:top left;overflow:hidden}.image-to-video-section .itv-prompt-textarea{font-size:16px;line-height:1.6;color:var(--itv-text);word-wrap:break-word;min-height:24px}.image-to-video-section .itv-prompt-textarea.itv-empty{color:var(--itv-text-3);font-style:italic}.image-to-video-section .itv-cursor{display:inline-block;width:2px;height:18px;background:var(--itv-purple);vertical-align:text-bottom;animation:itv-blink .6s step-end infinite;margin-left:1px}@keyframes itv-blink{50%{opacity:0}}.image-to-video-section .itv-prompt-footer{display:flex;align-items:center;justify-content:flex-end;margin-top:12px}.image-to-video-section .itv-send-btn{width:34px;height:34px;border-radius:50%;border:none;background:var(--itv-orange);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:.35;transition:opacity .3s}.image-to-video-section .itv-send-btn.itv-active{opacity:1}.image-to-video-section .itv-send-btn svg{width:16px;height:16px;fill:none;stroke:#fff;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}.image-to-video-section .itv-images-layer{position:absolute;inset:0;pointer-events:none;z-index:10}.image-to-video-section .itv-img-el{position:absolute;border-radius:12px;overflow:hidden;pointer-events:auto;will-change:left,top,width,height,opacity,border-radius;opacity:0}.image-to-video-section .itv-fill{width:100%;height:100%;background-size:cover;background-position:center;display:flex;align-items:flex-end;justify-content:flex-start;padding:8px 10px}.image-to-video-section .itv-img-label{font-size:11px;font-weight:600;color:#ffffffd9;text-shadow:0 1px 4px rgba(0,0,0,.7);background:#00000040;backdrop-filter:blur(4px);padding:3px 8px;border-radius:4px;transition:opacity .3s}.image-to-video-section .itv-img-el.itv-thumb-state .itv-img-label{opacity:0}.image-to-video-section .itv-shimmer{position:absolute;inset:0;background:linear-gradient(90deg,var(--itv-border-lt) 0%,var(--itv-elevated) 50%,var(--itv-border-lt) 100%);background-size:200% 100%;animation:itv-shimmer 1.2s ease-in-out infinite;border-radius:inherit;z-index:2}@keyframes itv-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.image-to-video-section .itv-video-layer{position:absolute;inset:28vh 0 4vh;display:flex;align-items:center;justify-content:flex-start;padding-left:5vw;z-index:3;pointer-events:none}.image-to-video-section .itv-video-player{width:960px;max-width:min(40vw,calc(100vw - 480px));border-radius:16px;overflow:hidden;background:#1a1a28;box-shadow:0 12px 40px #140f0a2e;pointer-events:auto;will-change:transform,opacity;opacity:0;transform:translateY(30px) scale(.96)}.image-to-video-section .itv-vid-progress{height:3px;background:#252540;position:relative;overflow:hidden}.image-to-video-section .itv-vid-progress-bar{height:100%;width:0;background:linear-gradient(90deg,var(--itv-purple),var(--itv-orange))}.image-to-video-section .itv-video-main{position:relative;width:100%;aspect-ratio:16 / 9;overflow:hidden}.image-to-video-section .itv-video-main video{width:100%;height:100%;object-fit:cover;display:block}.image-to-video-section .itv-play-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(.8);width:64px;height:64px;border-radius:50%;background:#ffffff26;backdrop-filter:blur(8px);border:1.5px solid rgba(255,255,255,.25);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .4s,transform .4s}.image-to-video-section .itv-play-btn.itv-show{opacity:1;transform:translate(-50%,-50%) scale(1)}.image-to-video-section .itv-play-btn svg{width:22px;height:22px;fill:#fff;margin-left:3px}.image-to-video-section .itv-thumb-strip{display:flex;align-items:center;justify-content:center;gap:12px;padding:14px 20px;background:#141420}.image-to-video-section .itv-thumb-slot{width:140px;height:80px;border-radius:8px;border:2px solid rgba(255,255,255,.08);background-size:cover;background-position:center}.image-to-video-section .itv-thumb-slot.itv-active-slot{border-color:#6c5ce780}.image-to-video-section .itv-arrow{color:#ffffff4d;font-size:18px;opacity:0;transition:opacity .4s ease}.image-to-video-section .itv-arrow.itv-show{opacity:1}.image-to-video-section .itv-static-fallback{padding:64px 24px;display:flex;flex-direction:column;align-items:center;gap:24px}.image-to-video-section .itv-static-heading{font-size:28px;font-weight:700;color:var(--itv-text);text-align:center;line-height:1.3}.image-to-video-section .itv-static-player{width:100%;max-width:760px;border-radius:16px;overflow:hidden;background:#1a1a28;box-shadow:0 12px 40px #140f0a2e}.image-to-video-section .itv-static-player video{width:100%;aspect-ratio:16 / 9;object-fit:cover;display:block}.image-to-video-section .itv-static-strip{display:flex;align-items:center;justify-content:center;gap:12px;padding:14px 20px;background:#141420}.image-to-video-section .itv-static-thumb{width:120px;height:68px;border-radius:8px;border:2px solid rgba(255,255,255,.08);background-size:cover;background-position:center}.image-to-video-section .itv-static-arrow{color:#fff6;font-size:16px}@media(pointer:coarse){.image-to-video-section .itv-sticky{display:none}}