/* C032-v7 mobile video studio. The dedicated root keeps desktop untouched. */
.mvideo-app { display: none; }

@layer fuuvo-mobile-design {
@media (max-width: 920px) {
    html body.has-mobile-video {
        margin: 0 !important;
        min-width: 0 !important;
        overflow: hidden !important;
    }
    html body #creation-app[data-creation-page="video"].has-mobile-video {
        display: block !important;
        width: 100% !important;
        max-width: none !important;
        min-width: 0 !important;
        height: var(--mvideo-viewport-height, 100dvh) !important;
        min-height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: hidden !important;
        background: transparent !important;
    }
    html body #creation-app[data-creation-page="video"].has-mobile-video > :is(.creation-workspace, [data-fuuvo-shared-sidebar], [data-fuuvo-workspace-rail], .workspace-rail),
    html body.has-mobile-video :is(.fuuvo-mobile-topbar, .mobile-chat-topbar, [data-fuuvo-shared-topbar]) {
        display: none !important;
    }
    html body #fuuvo-mobile-video.mvideo-app {
        --mv-bg: #fff;
        --mv-ink: #262830;
        --mv-muted: #77818d;
        --mv-soft: #939ca7;
        --mv-panel: #fff;
        --mv-sheet: #fff;
        --mv-option: #f7f8fa;
        --mv-line: #dde2e8;
        --mv-hairline: #e9ecf0;
        --mv-accent: color-mix(in srgb, var(--a, #8fe9f3) 42%, #1b3b42);
        --mv-action: var(--a, #8fe9f3);
        --mv-action-ink: #142028;
        --mv-overlay: #14202b66;
        --mv-error: #a6354f;
        --mv-font: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, "Noto Sans SC", sans-serif;
        position: relative !important;
        isolation: isolate !important;
        display: flex !important;
        flex-direction: column !important;
        width: 100% !important;
        height: var(--mvideo-viewport-height, 100dvh) !important;
        min-width: 0 !important;
        min-height: 0 !important;
        max-height: none !important;
        padding: 0 !important;
        margin: 0 !important;
        border: 0 !important;
        border-radius: 0 !important;
        overflow: hidden !important;
        font-family: var(--mv-font) !important;
        color: var(--mv-ink) !important;
        color-scheme: light !important;
        background: radial-gradient(ellipse 100% 34% at 52% -10%, var(--home-bg-glow-b, #4c79ff25), transparent 95%),
            radial-gradient(ellipse 100% 30% at 65% -9%, var(--home-bg-glow-a, #8fe9f325), transparent 95%),
            radial-gradient(ellipse 95% 26% at 90% -8%, var(--home-bg-glow-c, transparent), transparent 96%), var(--mv-bg) !important;
        -webkit-text-size-adjust: 100% !important;
    }
    html:is([data-ui-theme="dark"], [data-theme="dark"]) body #fuuvo-mobile-video.mvideo-app,
    html body:is([data-ui-theme="dark"], [data-theme="dark"]) #fuuvo-mobile-video.mvideo-app {
        --mv-bg: #14171b;
        --mv-ink: #f4f4f2;
        --mv-muted: #a7b1c0;
        --mv-soft: #949ba9;
        --mv-panel: #25292e;
        --mv-sheet: #20242a;
        --mv-option: #292f38;
        --mv-line: #424955;
        --mv-hairline: #ffffff0d;
        --mv-accent: var(--a, #8fe9f3);
        --mv-overlay: #070a11a6;
        --mv-error: #ffb2bd;
        color-scheme: dark !important;
    }
    html body #fuuvo-mobile-video.mvideo-app *,
    html body #fuuvo-mobile-video.mvideo-app *::before,
    html body #fuuvo-mobile-video.mvideo-app *::after {
        box-sizing: border-box !important;
        -webkit-text-fill-color: currentColor !important;
    }
    html body #fuuvo-mobile-video :is(button, input, textarea, select) {
        font-family: var(--mv-font) !important;
        text-transform: none !important;
        letter-spacing: normal !important;
        -webkit-tap-highlight-color: transparent !important;
    }
    html body #fuuvo-mobile-video :where(button) {
        position: static !important;
        padding: 0 !important;
        margin: 0 !important;
        border: 0 !important;
        border-radius: 0 !important;
        box-shadow: none !important;
        color: inherit !important;
        background: none !important;
        cursor: pointer !important;
        touch-action: manipulation !important;
    }
    html body #fuuvo-mobile-video button:disabled { opacity: .4 !important; cursor: default !important; }
    html body #fuuvo-mobile-video :is(button, a, input, textarea, select, summary):focus-visible { outline: 2px solid var(--mv-accent) !important; outline-offset: 3px !important; }
    html body #fuuvo-mobile-video :is(h1, h2, h3, p, label) { padding: 0 !important; margin: 0 !important; }
    html body #fuuvo-mobile-video :is(a, strong, small, span) { color: inherit; }
    html body #fuuvo-mobile-video a { text-decoration: none !important; }
    html body #fuuvo-mobile-video .icon {
        display: block !important; width: 24px !important; height: 24px !important; flex: 0 0 auto !important;
        padding: 0 !important; margin: 0 !important; overflow: visible !important; pointer-events: none !important;
    }
    html body #fuuvo-mobile-video .ib {
        width: 44px !important; height: 44px !important; min-width: 44px !important; min-height: 44px !important;
        display: inline-flex !important; flex: 0 0 44px !important; align-items: center !important; justify-content: center !important;
    }
    html body #fuuvo-mobile-video .ib .icon { width: 20px !important; height: 20px !important; }
    html body #fuuvo-mobile-video .header {
        position: relative !important; display: flex !important; flex: 0 0 auto !important; align-items: center !important; justify-content: space-between !important;
        height: 54px !important; min-height: 54px !important;
        padding: 0 max(15px, env(safe-area-inset-right)) 0 max(15px, env(safe-area-inset-left)) !important;
        margin: 0 !important; border: 0 !important; background: transparent !important; box-shadow: none !important; z-index: 2 !important;
    }
    html body #fuuvo-mobile-video .header > .ib .icon { width: 23px !important; height: 23px !important; }
    html body #fuuvo-mobile-video .brand {
        position: absolute !important; left: 50% !important; top: 50% !important;
        transform: translate(-50%, -50%) !important; display: block !important; width: 83px !important; height: auto !important;
        padding: 0 !important; margin: 0 !important; border: 0 !important; background: none !important;
    }
    html body #fuuvo-mobile-video .brand img {
        display: block !important; width: 83px !important; min-width: 83px !important; max-width: 83px !important; height: auto !important; max-height: none !important;
        padding: 0 !important; margin: 0 !important; object-fit: contain !important; opacity: 1 !important; filter: none !important; clip-path: none !important; mask: none !important;
    }
    html body #fuuvo-mobile-video .brand > span { position: absolute !important; left: calc(100% + 5px) !important; bottom: 0 !important; font-size: 12px !important; font-weight: 700 !important; color: #101015 !important; line-height: 16px !important; white-space: nowrap !important; }
    html:is([data-ui-theme="dark"], [data-theme="dark"]) body #fuuvo-mobile-video .brand > span,
    html body:is([data-ui-theme="dark"], [data-theme="dark"]) #fuuvo-mobile-video .brand > span { background: #ffffffd9 !important; padding: 0 3px !important; border-radius: 3px !important; }
    /* Match the shared mobile language frame; reset legacy 44px button minimums. */
    html body #fuuvo-mobile-video .language {
        display: flex !important; align-items: center !important; flex: 0 0 65px !important; flex-wrap: nowrap !important; gap: 1px !important;
        width: 65px !important; min-width: 65px !important; max-width: 65px !important;
        height: 36px !important; min-height: 36px !important; max-height: 36px !important;
        padding: 2px !important; border: 1px solid var(--mv-line) !important; border-radius: 9px !important; background: var(--mv-option) !important;
    }
    html body #fuuvo-mobile-video .language button {
        position: relative !important; display: flex !important; align-items: center !important; justify-content: center !important; flex: 0 0 29px !important;
        width: 29px !important; min-width: 29px !important; max-width: 29px !important;
        height: 30px !important; min-height: 30px !important; max-height: 30px !important;
        padding: 0 !important; margin: 0 !important; border: 0 !important; border-radius: 7px !important;
        color: var(--mv-muted) !important; font-size: 11px !important; font-weight: 600 !important; line-height: 16px !important; white-space: nowrap !important;
    }
    html body #fuuvo-mobile-video .language button::before { content: '' !important; position: absolute !important; inset: -7px 0 !important; }
    html body #fuuvo-mobile-video .language button:focus-visible { outline-offset: -2px !important; }
    html body #fuuvo-mobile-video .language .active { color: var(--mv-ink) !important; background: var(--mv-panel) !important; box-shadow: 0 1px 4px #10151a12 !important; }
    html body #fuuvo-mobile-video .page {
        display: block !important; flex: 1 1 0 !important; min-width: 0 !important; min-height: 0 !important; width: 100% !important;
        padding: 13px max(18px, env(safe-area-inset-right)) 24px max(18px, env(safe-area-inset-left)) !important;
        margin: 0 !important; overflow-x: hidden !important; overflow-y: auto !important; scrollbar-width: none !important; overscroll-behavior-y: contain !important; -webkit-overflow-scrolling: touch !important;
    }
    html body #fuuvo-mobile-video :is(.page, .sheet-body)::-webkit-scrollbar { display: none !important; }
    html body #fuuvo-mobile-video .heading { display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 4px !important; min-height: 44px !important; margin: 0 0 9px !important; }
    html body #fuuvo-mobile-video .heading h2 { display: flex !important; align-items: center !important; gap: 8px !important; font-size: 26px !important; line-height: 36px !important; font-weight: 600 !important; letter-spacing: -1px !important; color: var(--mv-ink) !important; }
    html body #fuuvo-mobile-video .title-dot { width: 6px !important; height: 6px !important; flex: 0 0 6px !important; border-radius: 50% !important; background: var(--mv-action) !important; box-shadow: 0 0 14px color-mix(in srgb, var(--mv-action) 30%, transparent) !important; }
    html body #fuuvo-mobile-video .heading-actions { display: flex !important; align-items: center !important; gap: 0 !important; margin-right: -6px !important; flex: 0 0 auto !important; }
    html body #fuuvo-mobile-video .heading .ib { color: var(--mv-muted) !important; }
    html body #fuuvo-mobile-video .heading .ib .icon { width: 19px !important; height: 19px !important; }
    html body #fuuvo-mobile-video .heading .ib[data-action="toggle-previews"] { color: var(--mv-accent) !important; }
    html body #fuuvo-mobile-video .intro-note { margin: 0 0 14px !important; font-size: 12px !important; line-height: 18px !important; color: var(--mv-muted) !important; }
    html body #fuuvo-mobile-video .filters { display: flex !important; justify-content: space-between !important; gap: 12px !important; margin: 0 0 15px !important; padding: 0 !important; border-bottom: 1px solid var(--mv-hairline) !important; overflow-x: auto !important; scrollbar-width: none !important; }
    html body #fuuvo-mobile-video .filters button { position: relative !important; flex: 0 0 auto !important; min-height: 44px !important; padding: 0 2px 10px !important; font-size: 12px !important; line-height: 18px !important; color: var(--mv-soft) !important; font-weight: 400 !important; white-space: nowrap !important; }
    html body #fuuvo-mobile-video .filters .active { color: var(--mv-accent) !important; font-weight: 500 !important; }
    html body #fuuvo-mobile-video .filters .active::after { content: '' !important; position: absolute !important; height: 2px !important; bottom: -1px !important; left: 1px !important; right: 1px !important; border-radius: 2px !important; background: var(--mv-accent) !important; }
    html body #fuuvo-mobile-video .gallery { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 12px !important; align-items: start !important; width: 100% !important; margin: 0 !important; }
    html body #fuuvo-mobile-video .gallery .tile { position: relative !important; isolation: isolate !important; width: 100% !important; min-width: 0 !important; height: auto !important; aspect-ratio: 9 / 16 !important; padding: 0 !important; margin: 0 !important; border-radius: 16px !important; overflow: hidden !important; border: 1px solid #ffffff0c !important; background: #252a32 !important; color: #fff !important; box-shadow: none !important; }
    html body #fuuvo-mobile-video .tile::after { display: none !important; }
    html body #fuuvo-mobile-video .template-video { position: absolute !important; inset: 0 !important; display: block !important; width: 100% !important; height: 100% !important; object-fit: cover !important; background: #24272e !important; pointer-events: none !important; }
    html body #fuuvo-mobile-video .tile-open { position: absolute !important; inset: 0 !important; display: block !important; width: 100% !important; height: 100% !important; padding: 0 !important; color: #fff !important; text-align: left !important; border-radius: inherit !important; background: linear-gradient(180deg, #0002 0%, transparent 25%, transparent 57%, #0008 100%) !important; }
    html body #fuuvo-mobile-video .tile-open:focus-visible { outline-offset: -4px !important; }
    html body #fuuvo-mobile-video .time-badge { position: absolute !important; right: 10px !important; top: 10px !important; left: auto !important; padding: 2px 7px !important; border-radius: 6px !important; background: #0005 !important; backdrop-filter: blur(8px) !important; color: #fff !important; font-size: 9px !important; line-height: 15px !important; font-variant-numeric: tabular-nums !important; }
    html body #fuuvo-mobile-video .tile-caption { position: absolute !important; left: 11px !important; right: 10px !important; bottom: 13px !important; display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 4px !important; }
    html body #fuuvo-mobile-video .tile-caption strong { display: block !important; font-size: 12px !important; line-height: 18px !important; font-weight: 500 !important; letter-spacing: 0 !important; color: #fff !important; text-shadow: 0 1px 4px #0005 !important; }
    html body #fuuvo-mobile-video .scene-arrow { display: grid !important; place-items: center !important; width: 21px !important; height: 21px !important; flex: 0 0 21px !important; background: #ffffff17 !important; border-radius: 50% !important; }
    html body #fuuvo-mobile-video .scene-arrow .icon { width: 13px !important; height: 13px !important; }
    html body #fuuvo-mobile-video .clip-fallback { position: absolute !important; left: 5px !important; top: 5px !important; z-index: 2 !important; display: none !important; align-items: center !important; justify-content: center !important; width: 44px !important; height: 44px !important; background: #12141a88 !important; backdrop-filter: blur(8px) !important; border-radius: 50% !important; color: #fff !important; }
    html body #fuuvo-mobile-video .clip-fallback .icon { width: 16px !important; height: 16px !important; }
    html body #fuuvo-mobile-video :is(.blocked, .motion-off) .clip-fallback { display: flex !important; }
    html body #fuuvo-mobile-video .is-playing::before { content: '' !important; position: absolute !important; left: 11px !important; top: 15px !important; width: 5px !important; height: 5px !important; border-radius: 50% !important; background: #fff9 !important; z-index: 1 !important; pointer-events: none !important; }
    html body #fuuvo-mobile-video .composer-wrap { position: relative !important; flex: 0 0 auto !important; z-index: 2 !important; width: 100% !important; max-height: calc(100% - 154px) !important; overflow-x: hidden !important; overflow-y: auto !important; scrollbar-width: none !important; padding: 8px max(14px, env(safe-area-inset-right)) max(12px, env(safe-area-inset-bottom)) max(14px, env(safe-area-inset-left)) !important; margin: 0 !important; background: linear-gradient(0deg, var(--mv-bg) 90%, transparent) !important; }
    html body #fuuvo-mobile-video .composer { display: block !important; width: 100% !important; padding: 4px 5px !important; margin: 0 !important; background: var(--mv-panel) !important; border: 1px solid var(--mv-line) !important; border-radius: 25px !important; box-shadow: 0 4px 20px #0c0e1108 !important; }
    html body #fuuvo-mobile-video .composer-line { display: flex !important; align-items: center !important; gap: 0 !important; min-height: 44px !important; margin: 0 !important; }
    html body #fuuvo-mobile-video .composer-line > .ib { width: 40px !important; min-width: 40px !important; height: 44px !important; min-height: 44px !important; flex: 0 0 40px !important; color: var(--mv-muted) !important; }
    html body #fuuvo-mobile-video .composer-line > .ib .icon { width: 19px !important; height: 19px !important; }
    html body #fuuvo-mobile-video .composer textarea { display: block !important; flex: 1 1 0 !important; width: auto !important; min-width: 0 !important; height: 26px !important; min-height: 26px !important; max-height: none !important; padding: 1px 2px !important; margin: 0 !important; border: 0 !important; border-radius: 0 !important; outline: none !important; resize: none !important; overflow: auto !important; background: transparent !important; color: var(--mv-ink) !important; font-size: 16px !important; line-height: 24px !important; box-shadow: none !important; }
    html body #fuuvo-mobile-video .composer textarea::placeholder { color: var(--mv-muted) !important; -webkit-text-fill-color: var(--mv-muted) !important; opacity: 1 !important; font-size: 13px !important; }
    html body #fuuvo-mobile-video .composer textarea:focus-visible { outline: none !important; }
    html body #fuuvo-mobile-video .composer-line > .send { width: 38px !important; min-width: 38px !important; height: 38px !important; min-height: 38px !important; flex-basis: 38px !important; border-radius: 50% !important; margin: 0 3px !important; background: var(--mv-action) !important; color: var(--mv-action-ink) !important; }
    html body #fuuvo-mobile-video .composer-line > .send:disabled { opacity: 1 !important; background: color-mix(in srgb, var(--mv-action) 20%, var(--mv-option)) !important; color: color-mix(in srgb, var(--mv-action-ink) 40%, var(--mv-muted)) !important; }
    html body #fuuvo-mobile-video .composer.is-expanded .composer-line { align-items: flex-end !important; }
    html body #fuuvo-mobile-video .composer.is-expanded textarea { height: 76px !important; padding-top: 3px !important; padding-bottom: 3px !important; }
    html body #fuuvo-mobile-video .composer-context { padding: 4px 8px 5px !important; display: flex !important; align-items: center !important; gap: 5px !important; flex-wrap: wrap !important; border-bottom: 1px solid var(--mv-hairline) !important; margin-bottom: 3px !important; }
    html body #fuuvo-mobile-video :is(.compact-template, .compact-reference) { display: inline-flex !important; align-items: center !important; min-width: 0 !important; max-width: 100% !important; gap: 5px !important; padding: 0 2px 0 7px !important; border-radius: 8px !important; font-size: 10px !important; line-height: 17px !important; background: var(--mv-option) !important; color: var(--mv-muted) !important; }
    html body #fuuvo-mobile-video :is(.compact-template, .compact-reference) > span { overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; }
    html body #fuuvo-mobile-video .compact-reference > img { width: 23px !important; height: 23px !important; object-fit: cover !important; border-radius: 5px !important; }
    html body #fuuvo-mobile-video :is(.compact-template, .compact-reference) button { display: grid !important; place-items: center !important; width: 32px !important; min-width: 32px !important; min-height: 32px !important; margin: 0 !important; }
    html body #fuuvo-mobile-video :is(.compact-template, .compact-reference) .icon { width: 12px !important; height: 12px !important; }
    html body #fuuvo-mobile-video .error-inline { margin: 6px 0 !important; max-height: min(108px, 20dvh) !important; overflow-y: auto !important; overflow-wrap: anywhere !important; font-size: 11px !important; line-height: 18px !important; color: var(--mv-error) !important; }
    html body #fuuvo-mobile-video #overlay:empty { display: none !important; }
    html body #fuuvo-mobile-video .sheet-overlay { position: absolute !important; inset: 0 !important; z-index: 5 !important; display: flex !important; align-items: flex-end !important; background: var(--mv-overlay) !important; backdrop-filter: blur(5px) !important; }
    html body #fuuvo-mobile-video .sheet { display: flex !important; flex-direction: column !important; width: 100% !important; max-height: 89% !important; min-height: 0 !important; overflow: hidden !important; border-radius: 25px 25px 0 0 !important; background: var(--mv-sheet) !important; color: var(--mv-ink) !important; box-shadow: 0 -5px 28px #0003 !important; }
    html body #fuuvo-mobile-video .handle { width: 34px !important; height: 4px !important; flex: 0 0 4px !important; border-radius: 4px !important; margin: 10px auto 0 !important; background: color-mix(in srgb, var(--mv-muted) 55%, var(--mv-sheet)) !important; }
    html body #fuuvo-mobile-video .sheet-head { display: flex !important; flex: 0 0 auto !important; align-items: center !important; justify-content: space-between !important; padding: 6px 13px 5px 20px !important; min-height: 55px !important; }
    html body #fuuvo-mobile-video .sheet-head h3 { font-size: 16px !important; font-weight: 500 !important; line-height: 24px !important; letter-spacing: -.3px !important; }
    html body #fuuvo-mobile-video .sheet-head .ib { color: var(--mv-muted) !important; }
    html body #fuuvo-mobile-video .sheet-body { padding: 0 20px 20px !important; overflow-x: hidden !important; overflow-y: auto !important; min-height: 0 !important; scrollbar-width: none !important; overscroll-behavior-y: contain !important; -webkit-overflow-scrolling: touch !important; }
    html body #fuuvo-mobile-video .sheet-body > p { font-size: 12px !important; line-height: 21px !important; color: var(--mv-muted) !important; margin: 0 0 16px !important; }
    html body #fuuvo-mobile-video .sheet-foot { padding: 12px 20px max(20px, env(safe-area-inset-bottom)) !important; border-top: 1px solid var(--mv-hairline) !important; flex: 0 0 auto !important; background: var(--mv-sheet) !important; }
    html body #fuuvo-mobile-video .primary { min-height: 48px !important; width: 100% !important; padding: 9px 12px !important; border-radius: 13px !important; display: flex !important; align-items: center !important; justify-content: center !important; gap: 8px !important; font-size: 13px !important; line-height: 20px !important; font-weight: 600 !important; background: var(--mv-action) !important; color: var(--mv-action-ink) !important; }
    html body #fuuvo-mobile-video .primary .icon { width: 18px !important; height: 18px !important; }
    html body #fuuvo-mobile-video .secondary { min-height: 48px !important; width: 100% !important; padding: 8px 11px !important; display: flex !important; align-items: center !important; justify-content: center !important; gap: 8px !important; font-size: 12px !important; line-height: 20px !important; border: 1px solid var(--mv-line) !important; border-radius: 11px !important; background: var(--mv-option) !important; color: var(--mv-ink) !important; }
    html body #fuuvo-mobile-video .secondary .icon { width: 17px !important; height: 17px !important; }
    html body #fuuvo-mobile-video .player { position: relative !important; isolation: isolate !important; overflow: hidden !important; border-radius: 16px !important; background: #101317 !important; border: 1px solid #ffffff0a !important; }
    html body #fuuvo-mobile-video .player :is(video, img) { display: block !important; width: 100% !important; height: 100% !important; margin: 0 !important; object-fit: contain !important; }
    html body #fuuvo-mobile-video .player.detail { height: 312px !important; }
    html body #fuuvo-mobile-video .player .play-large { position: absolute !important; inset: 0 !important; display: grid !important; place-items: center !important; width: 100% !important; height: 100% !important; color: #fff !important; background: #100d1b0d !important; }
    html body #fuuvo-mobile-video .play-large span { display: grid !important; place-items: center !important; height: 49px !important; width: 49px !important; border: 1px solid #ffffff9c !important; border-radius: 50% !important; background: #11151d65 !important; backdrop-filter: blur(8px) !important; }
    html body #fuuvo-mobile-video .play-large .icon { width: 22px !important; height: 22px !important; }
    html body #fuuvo-mobile-video .player.playing .play-large { opacity: 0 !important; }
    html body #fuuvo-mobile-video .player.playing:is(:hover, :focus-within) .play-large { opacity: 1 !important; }
    html body #fuuvo-mobile-video .player-caption { position: absolute !important; left: 12px !important; bottom: 10px !important; z-index: 1 !important; padding: 4px 6px !important; border-radius: 5px !important; background: #0f151b99 !important; color: #c3ccd9 !important; font-size: 8px !important; line-height: 14px !important; pointer-events: none !important; }
    html body #fuuvo-mobile-video .detail-title { font-size: 22px !important; line-height: 29px !important; font-weight: 600 !important; letter-spacing: -.7px !important; margin: 15px 0 7px !important; }
    html body #fuuvo-mobile-video .tags { display: flex !important; flex-wrap: wrap !important; gap: 6px !important; margin: 9px 0 12px !important; color: var(--mv-muted) !important; font-size: 10px !important; line-height: 16px !important; }
    html body #fuuvo-mobile-video .tags span { padding: 5px 8px !important; border-radius: 7px !important; border: 1px solid var(--mv-hairline) !important; background: color-mix(in srgb, var(--mv-ink) 3%, transparent) !important; }
    html body #fuuvo-mobile-video :is(.template-description, .template-details) { border-top: 1px solid var(--mv-hairline) !important; padding-top: 3px !important; }
    html body #fuuvo-mobile-video :is(.template-description, .template-details) summary { min-height: 44px !important; font-size: 12px !important; color: var(--mv-muted) !important; line-height: 44px !important; cursor: pointer !important; }
    html body #fuuvo-mobile-video :is(.template-prompt, .detail-copy) { font-size: 12px !important; line-height: 21px !important; color: var(--mv-muted) !important; padding-bottom: 8px !important; overflow-wrap: anywhere !important; }
    html body #fuuvo-mobile-video .template-info { font-size: 11px !important; line-height: 19px !important; color: var(--mv-muted) !important; }
    html body #fuuvo-mobile-video .notice { margin: 13px 0 0 !important; font-size: 10px !important; line-height: 17px !important; color: var(--mv-muted) !important; }
    html body #fuuvo-mobile-video .option-label { display: flex !important; justify-content: space-between !important; align-items: center !important; margin: 18px 0 10px !important; font-size: 12px !important; line-height: 18px !important; font-weight: 600 !important; }
    html body #fuuvo-mobile-video .option-label:first-child { margin-top: 3px !important; }
    html body #fuuvo-mobile-video .option-label small { font-size: 10px !important; font-weight: 400 !important; color: var(--mv-muted) !important; }
    html body #fuuvo-mobile-video .option-row { display: flex !important; gap: 8px !important; }
    html body #fuuvo-mobile-video .choice { flex: 1 1 0 !important; min-width: 0 !important; min-height: 46px !important; border: 1px solid var(--mv-line) !important; border-radius: 11px !important; font-size: 11px !important; line-height: 17px !important; display: flex !important; align-items: center !important; justify-content: center !important; gap: 8px !important; background: var(--mv-option) !important; color: var(--mv-ink) !important; }
    html body #fuuvo-mobile-video .choice.active { background: color-mix(in srgb, var(--mv-action) 10%, var(--mv-sheet)) !important; border-color: color-mix(in srgb, var(--mv-action) 60%, var(--mv-line)) !important; color: var(--mv-accent) !important; }
    html body #fuuvo-mobile-video .ratio { display: block !important; height: 18px !important; width: 18px !important; border: 1.5px solid currentColor !important; border-radius: 3px !important; flex: 0 0 auto !important; }
    html body #fuuvo-mobile-video .ratio.r16 { height: 13px !important; width: 22px !important; }
    html body #fuuvo-mobile-video .ratio.r9 { height: 21px !important; width: 13px !important; }
    html body #fuuvo-mobile-video :is(.setting-select, .search) { width: 100% !important; min-height: 45px !important; border: 1px solid var(--mv-line) !important; border-radius: 11px !important; padding: 0 12px !important; background: var(--mv-option) !important; color: var(--mv-ink) !important; font-size: 16px !important; line-height: 22px !important; box-shadow: none !important; }
    html body #fuuvo-mobile-video .search::placeholder { color: var(--mv-soft) !important; -webkit-text-fill-color: var(--mv-soft) !important; }
    html body #fuuvo-mobile-video .search-wrap { display: flex !important; align-items: center !important; margin: 15px 0 8px !important; padding-left: 12px !important; border: 1px solid var(--mv-line) !important; border-radius: 13px !important; color: var(--mv-muted) !important; background: var(--mv-option) !important; }
    html body #fuuvo-mobile-video .search-wrap .icon { width: 18px !important; height: 18px !important; }
    html body #fuuvo-mobile-video .search-wrap .search { min-width: 0 !important; border: 0 !important; background: transparent !important; }
    html body #fuuvo-mobile-video .model-choice { width: 100% !important; min-height: 59px !important; display: flex !important; align-items: center !important; gap: 11px !important; padding: 11px 12px !important; text-align: left !important; border: 1px solid var(--mv-line) !important; border-radius: 12px !important; color: var(--mv-ink) !important; background: var(--mv-option) !important; }
    html body #fuuvo-mobile-video .model-choice > .icon { width: 21px !important; height: 21px !important; color: var(--mv-accent) !important; }
    html body #fuuvo-mobile-video .model-choice > span { flex: 1 1 0 !important; min-width: 0 !important; }
    html body #fuuvo-mobile-video .model-choice strong { display: block !important; font-size: 12px !important; font-weight: 500 !important; line-height: 18px !important; overflow-wrap: anywhere !important; }
    html body #fuuvo-mobile-video .model-choice small { display: block !important; font-size: 10px !important; line-height: 16px !important; margin-top: 4px !important; color: var(--mv-muted) !important; }
    html body #fuuvo-mobile-video .model-choice .end { width: 16px !important; height: 16px !important; }
    html body #fuuvo-mobile-video .model-list .model-choice { margin-bottom: 8px !important; }
    html body #fuuvo-mobile-video .model-list .selected { background: color-mix(in srgb, var(--mv-action) 10%, var(--mv-sheet)) !important; border-color: color-mix(in srgb, var(--mv-action) 50%, var(--mv-line)) !important; }
    html body #fuuvo-mobile-video .switch-row { display: flex !important; align-items: center !important; justify-content: space-between !important; min-height: 46px !important; gap: 10px !important; font-size: 12px !important; line-height: 20px !important; }
    html body #fuuvo-mobile-video .switch { position: relative !important; width: 44px !important; min-width: 44px !important; height: 44px !important; min-height: 44px !important; flex: 0 0 44px !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; }
    html body #fuuvo-mobile-video .switch::before { content: '' !important; position: absolute !important; left: 5px !important; top: 12px !important; width: 34px !important; height: 20px !important; border-radius: 12px !important; background: color-mix(in srgb, var(--mv-muted) 50%, var(--mv-sheet)) !important; pointer-events: none !important; }
    html body #fuuvo-mobile-video .switch::after { content: '' !important; position: absolute !important; width: 16px !important; height: 16px !important; top: 14px !important; left: 7px !important; border-radius: 50% !important; background: #fff !important; box-shadow: 0 1px 3px #0001 !important; pointer-events: none !important; }
    html body #fuuvo-mobile-video .switch[aria-checked="true"]::before { background: var(--mv-action) !important; }
    html body #fuuvo-mobile-video .switch[aria-checked="true"]::after { left: 23px !important; background: #1e2b35 !important; }
    html body #fuuvo-mobile-video .catalogue-count { margin: 0 0 12px !important; color: var(--mv-muted) !important; font-size: 10px !important; line-height: 16px !important; }
    html body #fuuvo-mobile-video .subheading { margin: 0 0 14px !important; color: var(--mv-muted) !important; font-size: 12px !important; line-height: 20px !important; }
    html body #fuuvo-mobile-video[data-view="photo"] .page { display: flex !important; flex-direction: column !important; padding-bottom: 17px !important; }
    html body #fuuvo-mobile-video[data-view="photo"] .heading { flex: 0 0 auto !important; margin-bottom: 0 !important; }
    html body #fuuvo-mobile-video .photo-stage { flex: 1 0 220px !important; min-height: 220px !important; display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; padding: 16px 0 21px !important; gap: 13px !important; }
    html body #fuuvo-mobile-video .photo-add { display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; width: 100% !important; min-height: 210px !important; padding: 25px 12px !important; gap: 0 !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; color: var(--mv-accent) !important; }
    html body #fuuvo-mobile-video .photo-add-icon { display: block !important; position: relative !important; width: 52px !important; height: 52px !important; margin-bottom: 24px !important; }
    html body #fuuvo-mobile-video .photo-add-icon > .icon { width: 52px !important; height: 52px !important; }
    html body #fuuvo-mobile-video .photo-add-icon > .icon :is(path, rect, circle) { vector-effect: non-scaling-stroke !important; }
    html body #fuuvo-mobile-video .photo-add-plus { position: absolute !important; right: -5px !important; bottom: -4px !important; display: grid !important; place-items: center !important; width: 22px !important; height: 22px !important; background: var(--mv-bg) !important; border: 3px solid var(--mv-bg) !important; border-radius: 0 !important; }
    html body #fuuvo-mobile-video .photo-add-plus .icon { width: 20px !important; height: 20px !important; }
    html body #fuuvo-mobile-video .photo-add strong { font-size: 17px !important; font-weight: 500 !important; line-height: 26px !important; }
    html body #fuuvo-mobile-video .photo-add small { margin-top: 12px !important; color: var(--mv-soft) !important; font-size: 10px !important; line-height: 17px !important; font-weight: 400 !important; }
    html body #fuuvo-mobile-video .browse-photo-templates { display: flex !important; align-items: center !important; align-self: center !important; flex: 0 0 auto !important; gap: 6px !important; min-height: 44px !important; padding: 0 13px !important; margin-top: 3px !important; font-size: 12px !important; line-height: 20px !important; color: var(--mv-muted) !important; }
    html body #fuuvo-mobile-video .browse-photo-templates .icon { width: 15px !important; height: 15px !important; }
    html body #fuuvo-mobile-video .photo-reference { position: relative !important; display: flex !important; justify-content: center !important; align-items: center !important; width: fit-content !important; max-width: min(288px, 100%) !important; }
    html body #fuuvo-mobile-video .photo-reference img { display: block !important; width: auto !important; max-width: 100% !important; height: auto !important; max-height: 300px !important; object-fit: contain !important; border-radius: 14px !important; }
    html body #fuuvo-mobile-video .photo-reference .ib { position: absolute !important; top: 3px !important; right: 3px !important; width: 44px !important; height: 44px !important; color: #fff !important; background: #10151aa6 !important; border-radius: 50% !important; backdrop-filter: blur(8px) !important; }
    html body #fuuvo-mobile-video .photo-reference .ib .icon { width: 18px !important; height: 18px !important; }
    html body #fuuvo-mobile-video .motion-options { display: flex !important; justify-content: center !important; gap: 8px !important; margin: 0 !important; }
    html body #fuuvo-mobile-video .motion-options button { position: relative !important; min-height: 44px !important; min-width: 58px !important; padding: 0 9px !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; color: var(--mv-muted) !important; font-size: 11px !important; line-height: 17px !important; }
    html body #fuuvo-mobile-video .motion-options button + button::before { content: '' !important; position: absolute !important; left: -4px !important; top: 20px !important; width: 2px !important; height: 2px !important; border-radius: 50% !important; background: var(--mv-soft) !important; }
    html body #fuuvo-mobile-video .result-player { height: 355px !important; margin-top: 12px !important; }
    html body #fuuvo-mobile-video .result-player .player-caption { top: 11px !important; bottom: auto !important; }
    html body #fuuvo-mobile-video .sample-label { display: inline-flex !important; padding: 5px 8px !important; margin: 0 0 10px !important; border-radius: 6px !important; background: color-mix(in srgb, var(--mv-ink) 4%, transparent) !important; color: var(--mv-accent) !important; font-size: 9px !important; line-height: 15px !important; }
    html body #fuuvo-mobile-video .video-meta { display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 8px !important; margin: 11px 0 16px !important; color: var(--mv-muted) !important; font-size: 10px !important; line-height: 17px !important; }
    html body #creation-app[data-creation-page="video"] #fuuvo-mobile-video .result-actions { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 9px !important; min-width: 0 !important; padding: 0 !important; margin: 0 !important; border: 0 !important; }
    html body #creation-app[data-creation-page="video"] #fuuvo-mobile-video .result-actions .primary { grid-column: 1 / -1 !important; }
    html body #creation-app[data-creation-page="video"] #fuuvo-mobile-video .result-actions .secondary { grid-column: auto !important; min-width: 0 !important; }
    html body #fuuvo-mobile-video .result-info { margin-top: 18px !important; border-top: 1px solid var(--mv-line) !important; padding-top: 10px !important; }
    html body #fuuvo-mobile-video .result-info summary { font-size: 12px !important; min-height: 44px !important; line-height: 44px !important; cursor: pointer !important; }
    html body #fuuvo-mobile-video .result-info p { margin: 0 0 8px !important; font-size: 11px !important; line-height: 20px !important; color: var(--mv-muted) !important; overflow-wrap: anywhere !important; }
    html body #fuuvo-mobile-video .quiet { display: inline-flex !important; align-items: center !important; gap: 6px !important; min-height: 44px !important; padding: 0 !important; font-size: 11px !important; line-height: 18px !important; color: var(--mv-accent) !important; }
    html body #fuuvo-mobile-video .quiet .icon { width: 17px !important; height: 17px !important; }
    html body #fuuvo-mobile-video .saved-card { display: flex !important; align-items: center !important; width: 100% !important; gap: 13px !important; padding: 11px !important; margin: 10px 0 !important; text-align: left !important; background: var(--mv-option) !important; border: 1px solid var(--mv-line) !important; border-radius: 15px !important; }
    html body #fuuvo-mobile-video .saved-card img { display: block !important; width: 65px !important; height: 78px !important; flex: 0 0 65px !important; object-fit: cover !important; border-radius: 10px !important; }
    html body #fuuvo-mobile-video .saved-card > span { flex: 1 1 0 !important; min-width: 0 !important; }
    html body #fuuvo-mobile-video .saved-card > .saved-cover { display: flex !important; align-items: center !important; justify-content: center !important; flex: 0 0 65px !important; width: 65px !important; height: 78px !important; border-radius: 10px !important; background: var(--mv-panel) !important; color: var(--mv-muted) !important; }
    html body #fuuvo-mobile-video .saved-card strong { display: -webkit-box !important; -webkit-box-orient: vertical !important; -webkit-line-clamp: 2 !important; overflow: hidden !important; text-overflow: ellipsis !important; font-size: 13px !important; line-height: 20px !important; font-weight: 500 !important; overflow-wrap: anywhere !important; }
    html body #fuuvo-mobile-video .saved-card small { display: block !important; margin-top: 6px !important; font-size: 10px !important; line-height: 18px !important; color: var(--mv-muted) !important; }
    html body #fuuvo-mobile-video .empty { padding: 60px 16px !important; text-align: center !important; }
    html body #fuuvo-mobile-video .empty > .icon { width: 32px !important; height: 32px !important; margin: auto !important; color: var(--mv-accent) !important; }
    html body #fuuvo-mobile-video .empty h3 { margin: 20px 0 10px !important; font-size: 20px !important; line-height: 28px !important; font-weight: 500 !important; }
    html body #fuuvo-mobile-video .empty p { margin: 0 0 20px !important; color: var(--mv-muted) !important; font-size: 12px !important; line-height: 21px !important; }
    html body #fuuvo-mobile-video .library-empty { display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; min-height: 270px !important; min-height: clamp(270px, 45svh, 360px) !important; padding: 32px 0 !important; }
    html body #fuuvo-mobile-video .library-empty > .icon { margin: 0 !important; }
    html body #fuuvo-mobile-video .library-empty h3 { font-size: 18px !important; line-height: 28px !important; }
    html body #fuuvo-mobile-video .library-empty .secondary { max-width: 280px !important; }
    html body #fuuvo-mobile-video .history-pagination { display: flex !important; align-items: center !important; justify-content: center !important; gap: 16px !important; margin-top: 20px !important; color: var(--mv-muted) !important; font-size: 12px !important; line-height: 20px !important; }
    html body #fuuvo-mobile-video .history-pagination .quiet { justify-content: center !important; min-width: 64px !important; padding: 0 8px !important; border: 1px solid var(--mv-line) !important; border-radius: 9px !important; background: var(--mv-option) !important; color: var(--mv-ink) !important; }
    html body #fuuvo-mobile-video .toast { position: absolute !important; left: 18px !important; right: 18px !important; bottom: calc(125px + env(safe-area-inset-bottom)) !important; z-index: 8 !important; padding: 12px 14px !important; border-radius: 12px !important; border: 1px solid var(--mv-line) !important; background: var(--mv-ink) !important; color: var(--mv-bg) !important; font-size: 11px !important; line-height: 18px !important; box-shadow: 0 3px 20px #0002 !important; }
    html body #fuuvo-mobile-video .loading { padding: 38px 10px !important; text-align: center !important; }
    html body #fuuvo-mobile-video .loading h3 { margin: 0 0 12px !important; font-size: 19px !important; line-height: 27px !important; font-weight: 500 !important; }
    html body #fuuvo-mobile-video .loading p { font-size: 12px !important; line-height: 20px !important; color: var(--mv-muted) !important; }
    html body #fuuvo-mobile-video .spinner { width: 29px !important; height: 29px !important; border: 2px solid var(--mv-line) !important; border-top-color: var(--mv-accent) !important; border-radius: 50% !important; margin: 0 auto 20px !important; animation: mvideo-spin 1s linear infinite !important; }
    html body #fuuvo-mobile-video .hidden { display: none !important; }
    html body #fuuvo-mobile-video.keyboard .header { height: 51px !important; min-height: 51px !important; }
    html body #fuuvo-mobile-video.keyboard :is(.header > .ib, .language, .page) { display: none !important; }
    html body #fuuvo-mobile-video.keyboard .composer-wrap { max-height: calc(100% - 51px) !important; margin-top: auto !important; padding-bottom: max(12px, env(safe-area-inset-bottom)) !important; }
    html body #fuuvo-mobile-video.keyboard .composer textarea { height: 90px !important; min-height: 90px !important; }
    html body #fuuvo-mobile-video.keyboard .sheet { max-height: calc(100% - 51px) !important; }
    html body #fuuvo-mobile-video.keyboard .sheet-foot { padding-bottom: 12px !important; }
    html body #fuuvo-mobile-video.reduce-motion *,
    html body #fuuvo-mobile-video.reduce-motion *::before,
    html body #fuuvo-mobile-video.reduce-motion *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; }
}
@media (max-width: 374px) {
    html body #fuuvo-mobile-video .heading h2 { font-size: 24px !important; }
    html body #fuuvo-mobile-video .heading-actions { margin-right: -9px !important; }
    html body #fuuvo-mobile-video .gallery { gap: 10px !important; }
    html body #fuuvo-mobile-video .video-catalog-pagination { grid-template-columns: 40px minmax(0, 1fr) 40px !important; gap: 4px !important; }
    html body #fuuvo-mobile-video .video-catalog-page-summary { display: none !important; }
    html body #fuuvo-mobile-video .video-catalog-page { min-width: 30px !important; min-height: 36px !important; }
    html body #fuuvo-mobile-video .video-catalog-pagination .quiet { min-width: 40px !important; width: 40px !important; padding: 0 !important; }
    html body #fuuvo-mobile-video .filters { gap: 9px !important; }
    html body #fuuvo-mobile-video .filters button { font-size: 11px !important; }
    html body #fuuvo-mobile-video .tile-caption strong { font-size: 11px !important; }
    html body #fuuvo-mobile-video .tile-caption { left: 10px !important; right: 8px !important; }
    html body #fuuvo-mobile-video .page { padding-left: 17px !important; padding-right: 17px !important; }
    html body #fuuvo-mobile-video .composer-line > .ib { width: 36px !important; min-width: 36px !important; flex-basis: 36px !important; }
    html body #fuuvo-mobile-video .composer-line > .send { width: 36px !important; min-width: 36px !important; flex-basis: 36px !important; }
    html body #fuuvo-mobile-video .composer textarea::placeholder { font-size: 12px !important; }
}
@media (max-width: 920px) and (max-height: 700px) {
    html body #fuuvo-mobile-video .photo-stage { flex-basis: 150px !important; min-height: 150px !important; padding: 8px 0 !important; }
    html body #fuuvo-mobile-video .photo-add { min-height: 170px !important; padding: 10px !important; }
    html body #fuuvo-mobile-video .photo-reference img { max-height: 200px !important; }
    html body #fuuvo-mobile-video .player.detail { height: min(312px, 42dvh) !important; }
}
@media (max-width: 920px) and (prefers-reduced-motion: reduce) {
    html body #fuuvo-mobile-video *,
    html body #fuuvo-mobile-video *::before,
    html body #fuuvo-mobile-video *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; }
    html body #fuuvo-mobile-video .title-dot { box-shadow: none !important; }
}
@keyframes mvideo-spin { to { transform: rotate(360deg); } }
}

/* Match the image studio's mobile catalogue rhythm. Posters carry first paint;
   video layers are requested only after IntersectionObserver starts playback. */
@media (max-width: 920px) {
    html body #fuuvo-mobile-video .intro-note {
        margin: 0 0 14px !important;
        color: var(--mv-muted) !important;
        font-size: 12px !important;
        line-height: 18px !important;
    }
    html body #fuuvo-mobile-video .video-featured {
        display: grid !important;
        grid-template-columns: 1.45fr 1fr !important;
        grid-template-rows: repeat(2, minmax(0, 1fr)) !important;
        gap: 9px !important;
        width: 100% !important;
        height: 296px !important;
        margin: 0 !important;
    }
    html body #fuuvo-mobile-video .video-featured .tile {
        position: relative !important;
        min-width: 0 !important;
        min-height: 0 !important;
        height: auto !important;
        aspect-ratio: auto !important;
        border-radius: 15px !important;
        overflow: hidden !important;
        border: 1px solid #ffffff0c !important;
        background: #252a32 !important;
        color: #fff !important;
    }
    html body #fuuvo-mobile-video .video-featured .tile:first-child { grid-row: 1 / -1 !important; }
    html body #fuuvo-mobile-video .video-featured .tile-media,
    html body #fuuvo-mobile-video .gallery .tile-media {
        position: absolute !important;
        inset: 0 !important;
        display: block !important;
        overflow: hidden !important;
        background: #252a32 !important;
    }
    html body #fuuvo-mobile-video .template-poster {
        position: absolute !important;
        inset: 0 !important;
        display: block !important;
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
        background: #252a32 !important;
    }
    html body #fuuvo-mobile-video .template-video {
        z-index: 1 !important;
        opacity: 0 !important;
        transition: opacity .18s ease !important;
    }
    html body #fuuvo-mobile-video .tile.is-playing .template-video { opacity: 1 !important; }
    html body #fuuvo-mobile-video .tile-open { z-index: 2 !important; }
    html body #fuuvo-mobile-video .video-featured .tile-open { z-index: 3 !important; }
    html body #fuuvo-mobile-video .clip-fallback { z-index: 4 !important; }
    html body #fuuvo-mobile-video :is(.motion-off, .blocked) .tile-open { pointer-events: none !important; }
    html body #fuuvo-mobile-video .video-section-line,
    html body #fuuvo-mobile-video .video-catalog-heading {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        gap: 12px !important;
    }
    html body #fuuvo-mobile-video .video-section-line {
        min-height: 67px !important;
        margin: 3px 0 8px !important;
        padding: 11px 0 10px !important;
        border-bottom: 1px solid var(--mv-hairline) !important;
    }
    html body #fuuvo-mobile-video .video-section-line .eyebrow {
        display: block !important;
        margin-bottom: 4px !important;
        color: var(--mv-accent) !important;
        font-size: 9px !important;
        line-height: 14px !important;
        letter-spacing: .8px !important;
    }
    html body #fuuvo-mobile-video .video-section-line h3,
    html body #fuuvo-mobile-video .video-catalog-heading h3 {
        color: var(--mv-ink) !important;
        font-size: 15px !important;
        line-height: 22px !important;
        font-weight: 500 !important;
    }
    html body #fuuvo-mobile-video .video-section-line .ib {
        width: 40px !important;
        height: 40px !important;
        min-width: 40px !important;
        min-height: 40px !important;
        color: var(--mv-accent) !important;
        border: 1px solid var(--mv-line) !important;
        border-radius: 50% !important;
    }
    html body #fuuvo-mobile-video .video-catalog-heading {
        min-height: 38px !important;
        margin: 0 0 8px !important;
    }
    html body #fuuvo-mobile-video .video-catalog-heading span {
        flex: 0 0 auto !important;
        color: var(--mv-muted) !important;
        font-size: 10px !important;
        line-height: 18px !important;
    }
    html body #fuuvo-mobile-video .video-featured + .video-section-line + .video-catalog-heading { margin-top: 0 !important; }
    html body #fuuvo-mobile-video .video-catalog-pagination {
        grid-column: 1 / -1 !important;
        display: grid !important;
        grid-template-columns: auto minmax(0, 1fr) auto auto !important;
        align-items: center !important;
        gap: 7px !important;
        min-height: 62px !important;
        padding: 8px 0 10px !important;
    }
    html body #fuuvo-mobile-video .video-catalog-pages {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 3px !important;
        min-width: 0 !important;
        overflow: hidden !important;
    }
    html body #fuuvo-mobile-video .video-catalog-page {
        display: grid !important;
        place-items: center !important;
        min-width: 34px !important;
        min-height: 38px !important;
        padding: 0 5px !important;
        border: 1px solid transparent !important;
        border-radius: 10px !important;
        color: var(--mv-muted) !important;
        font-size: 11px !important;
        line-height: 1 !important;
        font-variant-numeric: tabular-nums !important;
    }
    html body #fuuvo-mobile-video .video-catalog-page.active {
        border-color: color-mix(in srgb, var(--mv-action) 55%, var(--mv-line)) !important;
        background: color-mix(in srgb, var(--mv-action) 10%, var(--mv-panel)) !important;
        color: var(--mv-ink) !important;
        font-weight: 600 !important;
    }
    html body #fuuvo-mobile-video .video-catalog-ellipsis,
    html body #fuuvo-mobile-video .video-catalog-page-summary {
        color: var(--mv-muted) !important;
        font-size: 10px !important;
        line-height: 1 !important;
        text-align: center !important;
        white-space: nowrap !important;
    }
    html body #fuuvo-mobile-video .video-catalog-pagination .quiet {
        min-height: 40px !important;
        min-width: 44px !important;
        padding: 0 8px !important;
        border: 1px solid var(--mv-line) !important;
        border-radius: 10px !important;
        background: var(--mv-option) !important;
        color: var(--mv-ink) !important;
        font-size: 10px !important;
    }
    html body #fuuvo-mobile-video .video-catalog-step span {
        display: none !important;
    }
    html body #fuuvo-mobile-video .video-catalog-end {
        grid-column: 1 / -1 !important;
        padding: 15px 0 5px !important;
        color: var(--mv-muted) !important;
        font-size: 11px !important;
        text-align: center !important;
    }
    html body #fuuvo-mobile-video .gallery .tile {
        content-visibility: auto !important;
        contain-intrinsic-size: auto 250px !important;
    }
}
@media (max-width: 375px) {
    html body #fuuvo-mobile-video .video-featured { height: 282px !important; gap: 8px !important; }
}
@keyframes mvideo-catalog-pulse {
    0%, 100% { opacity: .35; transform: scale(.8); }
    50% { opacity: 1; transform: scale(1); }
}