[data-experience="video"] [hidden]{display:none!important}
[data-experience="video"] main{display:grid;gap:22px}
.video-hero{display:flex;justify-content:space-between;align-items:center;gap:30px;padding:32px 38px;border:1px solid var(--border);border-radius:28px;background:radial-gradient(ellipse at 95% 10%,var(--brand-soft),transparent 60%),var(--surface)}
.video-hero h1{font-size:clamp(2.4rem,5vw,4.6rem);line-height:1.01;letter-spacing:-.06em;margin:10px 0 18px}.video-hero h1 span{color:var(--cyan)}.video-hero p:last-child{margin:0;color:var(--muted)}
.video-hero__stamp{display:grid;place-content:center;min-width:165px;aspect-ratio:1;transform:rotate(7deg);border:1px solid var(--brand);border-radius:35px;background:var(--brand-soft);box-shadow:12px 12px 0 #7454ff12}.video-hero__stamp strong{font-size:4rem;line-height:1}.video-hero__stamp>span{color:var(--cyan)}.video-hero__stamp small{letter-spacing:.25em;margin-top:14px}
.video-privacy{display:flex;gap:10px;align-items:center;font-size:.87rem;color:var(--muted)}.video-workspace{display:grid;grid-template-columns:minmax(285px,.8fr) minmax(0,1.4fr);gap:22px;align-items:start}.video-panel{border:1px solid var(--border);border-radius:24px;background:var(--surface);padding:24px;min-width:0}
.video-drop{position:relative;display:flex;flex-direction:column;gap:10px;align-items:center;padding:28px 14px;text-align:center;border:1.5px dashed var(--brand);border-radius:18px;background:var(--brand-soft);cursor:pointer}.video-drop small,.video-meta{font-size:.8rem;color:var(--muted)}.video-drop input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.video-drop:focus-within{outline:3px solid var(--cyan);outline-offset:4px}.video-drop.is-over{background:var(--cyan-soft)}.video-meta{overflow-wrap:anywhere;margin:16px 0 22px}
.video-settings fieldset{display:grid;gap:10px;border:0;padding:0;margin:0}.video-settings legend{font-weight:750;margin-bottom:12px}.video-settings fieldset:disabled{opacity:.45}.video-mode{display:flex;gap:12px;align-items:center;border:1px solid var(--border);border-radius:15px;padding:14px;cursor:pointer;background:var(--surface-2)}.video-mode:has(input:checked){border-color:var(--cyan);background:var(--cyan-soft)}.video-mode input{accent-color:var(--brand)}.video-mode span:first-of-type{flex:1}.video-mode strong,.video-mode small{display:block}.video-mode small{font-size:.78rem;color:var(--muted);margin-top:4px}.video-mode>span:last-child{font-size:1.4rem;color:var(--cyan)}
.video-time{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:10px 0;font-size:.85rem}.video-time input{width:100%;accent-color:var(--brand)}.video-help{font-size:.82rem;color:var(--muted);line-height:1.65;margin-top:20px}.video-help summary{cursor:pointer;font-weight:650}.video-view__heading{display:flex;justify-content:space-between;gap:15px;margin-bottom:20px}.video-pill{font-size:.72rem;border:1px solid var(--border);padding:4px 10px;border-radius:50px}.video-empty{min-height:340px;display:grid;place-content:center;text-align:center;padding:24px;background:linear-gradient(160deg,var(--brand-soft),transparent);border-radius:18px}.video-empty>span{font-size:5rem;color:var(--brand)}.video-empty h2{font-size:1.35rem}.video-empty p{color:var(--muted);font-size:.9rem}
.video-view video{width:100%;max-height:570px;border-radius:15px;background:#07070a}.video-compare{position:relative;overflow:hidden;background:#08080c;border-radius:15px;touch-action:pan-y}.video-compare img{display:block;width:100%}.video-compare #compare-after{position:absolute;inset:0;clip-path:inset(0 0 0 50%)}.video-divider{position:absolute;top:0;bottom:0;left:50%;width:2px;background:white;pointer-events:none}.video-divider span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border:2px solid white;background:#6550e8;color:#fff;border-radius:50%;width:42px;height:42px;display:grid;place-items:center;font-size:1.3rem}.video-compare input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize;margin:0;touch-action:pan-y}.video-compare:focus-within{outline:3px solid var(--cyan);outline-offset:3px}.video-compare__label{position:absolute;bottom:12px;left:12px;border-radius:6px;background:#08080ac9;color:white;font-size:.75rem;padding:4px 8px;pointer-events:none}.video-compare__label--right{left:auto;right:12px}
#job-progress{margin-top:20px}#video-progress{width:100%;height:9px;accent-color:var(--brand)}#job-status{font-size:.85rem;color:var(--muted)}.video-job-actions,.video-result-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:15px}.video-result-actions small{flex-basis:100%;color:var(--muted)}#video-error,#compatibility{padding:15px;border-left:3px solid #f398ae;background:#f398ae14;border-radius:8px;font-size:.88rem;line-height:1.5}
@media(max-width:850px){.video-workspace{grid-template-columns:1fr}.video-hero{padding:24px}.video-hero__stamp{min-width:115px}.video-hero__stamp strong{font-size:3rem}.video-panel{padding:20px}.video-empty{min-height:240px}}@media(max-width:450px){.video-hero__stamp{display:none}.video-hero h1{font-size:2.7rem}.video-view__heading{flex-wrap:wrap}}