/* Video page reuses the shared refine cards, popups, cases, buttons and semantic theme. */
.video-page .rf-flow{padding:0;background:transparent;border:0;box-shadow:none}.video-page .rf-section{margin-bottom:16px}.video-page .rf-results{top:68px}.video-page .rf-page-heading{min-height:70px}.vd-mode-label{font-size:14px;line-height:20px;font-weight:500;margin-bottom:8px}.vd-modes{display:inline-flex;overflow:hidden;border:1px solid var(--rf-border);border-radius:8px}.vd-modes button{min-height:36px;padding:7px 10px;font-size:14px;line-height:20px;font-weight:500;border:0;border-radius:0;background:transparent;color:var(--text)}.vd-modes button[aria-checked=true],.vd-modes button[aria-selected=true]{background:var(--accent-soft);color:var(--accent);font-weight:600}.vd-modes button:hover{background:var(--surface-hover)}.vd-modes button:focus-visible{outline-offset:-3px}.vd-parameters{gap:12px;border-top:1px solid var(--rf-border);border-bottom:1px solid var(--rf-border);padding:16px 0 12px;margin-top:16px}.vd-select{gap:8px}.vd-select[data-vd-hint=model]{min-width:208px}.vd-duration{padding-top:16px;font-size:12px;line-height:20px;color:var(--muted)}.vd-duration>label{display:block;margin-bottom:8px}.vd-duration>div{display:flex;gap:8px;align-items:flex-start}.vd-range{flex:1;min-width:0;padding:0 4px}.vd-range input{appearance:auto;accent-color:var(--accent);width:100%;height:24px;margin:0;cursor:pointer;padding:0;border:0;box-shadow:none;background:transparent}.vd-range small{display:flex;justify-content:space-between;font-size:10px;line-height:16px;margin-top:4px}.vd-duration input[type=number]{width:64px;height:36px;min-height:36px;padding:6px 8px;border:1px solid var(--rf-border);border-radius:8px;background:var(--rf-field);color:var(--text);font-size:14px;line-height:20px;text-align:center;box-shadow:var(--rf-field-shadow)}.vd-duration>div>span:last-child{line-height:36px}.vd-frames{display:grid;grid-template-columns:1fr 1fr;gap:16px}.vd-frames>div{min-width:0}.vd-frames label{display:block;margin-bottom:8px;font-size:14px;line-height:20px}.vd-drop{position:relative;width:100%;min-height:112px;border:1px dashed var(--rf-drop-border);border-radius:14px;background:var(--rf-field);color:var(--text);padding:18px 12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;font-size:14px;line-height:20px;text-align:center}.vd-drop>.icon{width:20px;height:20px;color:var(--muted)}.vd-drop>small{font-size:12px;line-height:18px;color:var(--muted)}.vd-drop>.vd-paste{position:absolute;top:6px;right:7px;font-size:9px;color:var(--muted);opacity:0}.vd-drop:hover,.vd-drop.dragging{background:var(--rf-select);border-color:var(--accent)}.vd-drop:hover>.vd-paste,.vd-drop:focus-visible>.vd-paste{opacity:1}.vd-library-link{font-size:12px;line-height:18px;color:var(--muted);padding:8px 0 0}.vd-library-link:hover{color:var(--accent)}.vd-local-note{font-size:10px;line-height:18px;color:var(--muted);display:block;margin-top:10px}.vd-reference-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.vd-reference-grid:not(:empty){margin-bottom:12px}.vd-media{position:relative;min-width:0;border:1px solid var(--rf-border);border-radius:12px;overflow:hidden;background:var(--rf-field)}.vd-media>button:first-child{display:flex;flex-direction:column;align-items:center;gap:5px;width:100%;padding:10px 8px;color:var(--text);min-width:0}.vd-media img{display:block;height:88px;width:100%;object-fit:contain;border-radius:6px}.vd-media .icon{width:32px;height:88px;color:var(--muted)}.vd-media span{font-size:12px;line-height:18px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vd-media small{font-size:10px;color:var(--muted)}.vd-media .rf-remove .icon{width:14px;height:14px}.video-page #video-prompt{width:100%;min-height:128px;resize:vertical;border:1px solid var(--rf-border);border-radius:14px;background:var(--rf-field);color:var(--text);font-family:var(--font);font-size:14px;line-height:20px;padding:8px 12px;box-shadow:var(--rf-field-shadow)}.video-page #video-prompt::placeholder{color:var(--muted)}.video-page .rf-submit{margin-top:0}.vd-submit .rf-submit-note{margin-bottom:10px;font-size:12px}.vd-submit .rf-submit-note small{font-size:10px}.vd-submit{padding:18px 20px}.vd-case.tall .rf-case-cover{aspect-ratio:9/16}.vd-play{position:absolute;left:50%;top:45%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;border:1px solid var(--rf-border);border-radius:50%;width:42px;height:42px;color:var(--media-text);background:var(--wb-overlay-bottom);opacity:0;transition:opacity .15s}.vd-play .icon{width:20px;height:20px}.vd-case:hover .vd-play,.vd-case:focus-within .vd-play{opacity:1}.vd-cover-note{position:absolute;top:8px;left:8px;border-radius:5px;padding:2px 5px;font-size:10px;line-height:16px;color:var(--muted);background:var(--surface)}.vd-prompt-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.vd-media-preview>img,.vd-media-preview>video{display:block;width:100%;max-height:55vh;object-fit:contain;border-radius:12px;background:var(--surface-alt)}.vd-media-preview audio{width:100%;margin:20px 0}.vd-media-preview>p{font-size:14px;line-height:22px}.vd-asset-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.vd-asset-grid button{padding:8px;border:1px solid var(--rf-border);border-radius:12px;color:var(--text);text-align:left;background:var(--rf-panel)}.vd-asset-grid img{height:120px;width:100%;object-fit:contain;display:block;border-radius:8px}.vd-asset-grid span{display:block;font-size:12px;line-height:18px;margin-top:8px}.video-page button:disabled{cursor:not-allowed}
@container application (max-width:900px){.video-page .rf-flow{padding:0}.video-page .rf-results{position:static}}
@container application (max-width:650px){.vd-frames{gap:10px}.vd-drop{padding:16px 8px;min-height:112px;font-size:13px}.vd-drop>small{font-size:10px;line-height:16px}.vd-parameters{gap:8px 6px}.vd-select[data-vd-hint=model]{min-width:0}.vd-select>span{max-width:150px;overflow:hidden;text-overflow:ellipsis}.vd-duration>div{gap:6px}.video-page .rf-submit{padding:16px 12px}.vd-submit .rf-submit-bottom{justify-content:space-between}.vd-submit .rf-submit-note{gap:4px}.vd-submit .rf-submit-note>span{font-size:11px}.vd-select{max-width:100%}.vd-cover-note{font-size:9px;top:5px;left:5px}.vd-reference-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.vd-play{opacity:1}.vd-results .rf-case-content{padding-top:20px}}
@media(max-width:650px){.vd-prompt-cards{grid-template-columns:1fr}.vd-asset-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.vd-asset-grid img{height:100px}}
@media(prefers-reduced-motion:reduce){.vd-play{transition:none}}
.vd-range input{appearance:none;-webkit-appearance:none}.vd-range input::-webkit-slider-runnable-track{height:4px;border-radius:999px;background:var(--rf-select)}.vd-range input::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:16px;height:16px;margin-top:-6px;border:1px solid var(--accent);border-radius:50%;background:var(--surface)}.vd-range input::-moz-range-track{height:4px;border-radius:999px;background:var(--rf-select)}.vd-range input::-moz-range-thumb{width:14px;height:14px;border:1px solid var(--accent);border-radius:50%;background:var(--surface)}.vd-range input:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:8px}