/* Production overrides for the supplied C031-v4 layout; every rule is mobile-only. */
.mimage-app, .mimage-fixed-probe { display: none; }
@layer fuuvo-mobile-design {
@media (max-width: 920px) {
    html body.has-mobile-image-studio { margin:0 !important; overflow:hidden !important; min-width:0 !important; }
    html body #creation-app[data-creation-page="image"].has-mobile-image-studio { display:block !important; width:100% !important; min-width:0 !important; height:100dvh !important; padding:0 !important; margin:0 !important; transform:none !important; overflow:hidden !important; }
    html body #creation-app[data-creation-page="image"].has-mobile-image-studio > :is(.creation-workspace,[data-fuuvo-shared-sidebar],[data-fuuvo-workspace-rail],.workspace-rail),
    html body.has-mobile-image-studio :is(.fuuvo-mobile-topbar,.mobile-chat-topbar,[data-fuuvo-shared-topbar]) { display:none !important; }
    html body #creation-app[data-creation-page="image"] .mimage-fixed-probe { display:block !important; position:fixed !important; top:0 !important; left:0 !important; width:0 !important; height:0 !important; pointer-events:none !important; visibility:hidden !important; }
    html body #creation-app[data-creation-page="image"] #fuuvo-mobile-image-studio {
        --mi-bg:#fcfcf9; --mi-ink:#1d2527; --mi-muted:#687778; --mi-panel:#fff; --mi-sheet:#fff; --mi-line:#d8dfda; --mi-soft:#f1f4ef; --mi-accent:#50671e; --mi-error:#ad3845; --mi-overlay:#17212780; --mi-action:var(--a,#d4f76b);
        position:fixed !important; top:var(--mi-top,0px) !important; left:0 !important; right:0 !important;
        width:100% !important; max-width:none !important; min-width:0 !important; height:var(--mi-height,100dvh) !important;
        min-height:0 !important; max-height:none !important; display:flex !important; flex-direction:column !important;
        padding:env(safe-area-inset-top,0px) 0 0 !important; margin:0 !important; border:0 !important; border-radius:0 !important;
        overflow:hidden !important; box-shadow:none !important; z-index:30 !important; isolation:isolate !important;
        background:var(--mi-bg) !important; color:var(--mi-ink) !important; color-scheme:light !important;
        font-family:Arial,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","Noto Sans CJK SC",sans-serif !important;
        -webkit-text-size-adjust:100% !important; font-synthesis:weight !important;
    }
    html:is([data-ui-theme="dark"],[data-theme="dark"]) body #creation-app[data-creation-page="image"] #fuuvo-mobile-image-studio,
    html body:is([data-ui-theme="dark"],[data-theme="dark"]) #creation-app[data-creation-page="image"] #fuuvo-mobile-image-studio { --mi-bg:#151719; --mi-ink:#f5f4ef; --mi-muted:#aeb7b6; --mi-panel:#24282a; --mi-sheet:#202527; --mi-line:#454e4f; --mi-soft:#2b3335; --mi-accent:var(--a); --mi-error:#ffbfb0; --mi-overlay:#050809aa; color-scheme:dark !important; }
    html body #creation-app[data-creation-page="image"] #fuuvo-mobile-image-studio *,
    html body #creation-app[data-creation-page="image"] #fuuvo-mobile-image-studio *::before,
    html body #creation-app[data-creation-page="image"] #fuuvo-mobile-image-studio *::after { box-sizing:border-box !important; -webkit-text-fill-color:currentColor !important; }
    html body #creation-app[data-creation-page="image"] #fuuvo-mobile-image-studio :is(button,input,textarea) { font-family:inherit !important; text-transform:none !important; }
    html body #creation-app[data-creation-page="image"] #fuuvo-mobile-image-studio :is(button,a) { min-inline-size:0 !important; }
    html body #creation-app[data-creation-page="image"] #fuuvo-mobile-image-studio :is(button,input,textarea):focus-visible { outline:2px solid var(--mi-accent) !important; outline-offset:2px !important; }
    html body #creation-app[data-creation-page="image"] #fuuvo-mobile-image-studio[hidden][hidden],
    html body #creation-app[data-creation-page="image"] #fuuvo-mobile-image-studio [hidden][hidden] { display:none !important; }
    html body #creation-app[data-creation-page="image"] #fuuvo-mobile-image-studio .header { padding:0 16px 0 10px !important; height:52px !important; background:transparent !important; }
    html body #creation-app[data-creation-page="image"] #fuuvo-mobile-image-studio .header > .ib { color:var(--mi-ink) !important; }
    html body #creation-app[data-creation-page="image"] #fuuvo-mobile-image-studio .brand { width:87px !important; }
    html body #creation-app[data-creation-page="image"] #fuuvo-mobile-image-studio .brand img { height:auto !important; filter:none !important; object-fit:contain !important; }
    html body #creation-app[data-creation-page="image"] #fuuvo-mobile-image-studio .language { background:var(--mi-soft) !important; border:0 !important; border-radius:20px !important; }
    html body #creation-app[data-creation-page="image"] #fuuvo-mobile-image-studio .language button { color:var(--mi-muted) !important; min-height:32px !important; }
    html body #creation-app[data-creation-page="image"] #fuuvo-mobile-image-studio .language button.active { color:var(--mi-ink) !important; background:color-mix(in srgb,var(--mi-muted) 20%,var(--mi-bg)) !important; }
    html body #creation-app[data-creation-page="image"] #fuuvo-mobile-image-studio .page { flex:1 1 0 !important; min-height:0 !important; min-width:0 !important; overflow-x:hidden !important; overflow-y:auto !important; padding:12px 18px 28px !important; -webkit-overflow-scrolling:touch !important; }
    html body #creation-app[data-creation-page="image"] #fuuvo-mobile-image-studio :is(h1,h2,h3) { color:var(--mi-ink) !important; }
    html body #creation-app[data-creation-page="image"] #fuuvo-mobile-image-studio .imagine-heading h1 em { color:var(--mi-accent) !important; }
    html body #creation-app[data-creation-page="image"] #fuuvo-mobile-image-studio :is(.eyebrow,.text-button,.help-note,.intro p,.small-note,.result-meta,.legal,.sample-meta,.refine-row small,.option-label,.ref-info) { color:var(--mi-muted) !important; }
    html body #creation-app[data-creation-page="image"] #fuuvo-mobile-image-studio .section-line .eyebrow { color:var(--mi-accent) !important; }
    html body #creation-app[data-creation-page="image"] #fuuvo-mobile-image-studio .section-line .ib { border-color:var(--mi-line) !important; width:44px !important; height:44px !important; }
    html body #creation-app[data-creation-page="image"] #fuuvo-mobile-image-studio .filters { overflow-x:auto !important; scrollbar-width:none !important; flex-shrink:0 !important; }
    html body #creation-app[data-creation-page="image"] #fuuvo-mobile-image-studio .filters button { color:var(--mi-muted) !important; border-color:var(--mi-line) !important; min-height:40px !important; }
    html body #creation-app[data-creation-page="image"] #fuuvo-mobile-image-studio .filters button.active { color:#161a13 !important; background:var(--mi-action) !important; border-color:var(--mi-action) !important; }
    html body #creation-app[data-creation-page="image"] #fuuvo-mobile-image-studio :is(.mood-caption,.template-overlay) { color:#fff !important; }
    html body #creation-app[data-creation-page="image"] #fuuvo-mobile-image-studio .feature-tag { color:#10140b !important; }
    html body #creation-app[data-creation-page="image"] #fuuvo-mobile-image-studio :is(.catalog-all,.prompt-details,.tabs) { border-color:var(--mi-line) !important; }
    html body #creation-app[data-creation-page="image"] #fuuvo-mobile-image-studio :is(.catalog-all,.tabs .active,.empty > .icon,.result-head .saved) { color:var(--mi-accent) !important; }
    html body #creation-app[data-creation-page="image"] #fuuvo-mobile-image-studio .tabs button { color:var(--mi-muted) !important; }
    html body #creation-app[data-creation-page="image"] #fuuvo-mobile-image-studio .bottom-composer { position:relative !important; flex:none !important; left:auto !important; right:auto !important; bottom:auto !important; padding:12px 12px max(8px,env(safe-area-inset-bottom,0px)) !important; background:linear-gradient(transparent,var(--mi-bg) 14%) !important; width:100% !important; margin:0 !important; }
    html body #creation-app[data-creation-page="image"] #fuuvo-mobile-image-studio .chat-prompt { border-color:var(--mi-line) !important; background:var(--mi-panel) !important; color:var(--mi-ink) !important; border-radius:22px !important; padding:13px 11px 8px !important; margin:0 !important; box-shadow:0 8px 24px #0000000d !important; }
    html body #creation-app[data-creation-page="image"] #fuuvo-mobile-image-studio :is(.chat-prompt textarea,.refine-box textarea) { color:var(--mi-ink) !important; background:transparent !important; font-size:16px !important; line-height:24px !important; min-height:32px !important; max-height:144px !important; overflow-y:auto !important; width:100% !important; padding:0 !important; resize:none !important; border:0 !important; outline:none !important; }
    html body #creation-app[data-creation-page="image"] #fuuvo-mobile-image-studio :is(.chat-prompt textarea,.refine-box textarea)::placeholder { color:var(--mi-muted) !important; font-size:14px !important; }
    html body #creation-app[data-creation-page="image"] #fuuvo-mobile-image-studio .composer-tools { display:flex !important; flex-wrap:nowrap !important; align-items:center !important; gap:6px !important; margin-top:4px !important; }
    html body #creation-app[data-creation-page="image"] #fuuvo-mobile-image-studio .composer-tools .ib { min-width:44px !important; width:44px !important; height:44px !important; color:var(--mi-ink) !important; }
    html body #creation-app[data-creation-page="image"] #fuuvo-mobile-image-studio .composer-model { flex:1 1 auto !important; min-width:0 !important; min-height:44px !important; color:var(--mi-muted) !important; justify-content:flex-start !important; gap:4px !important; font-size:11px !important; }
    html body #creation-app[data-creation-page="image"] #fuuvo-mobile-image-studio .composer-model [data-model-label] { overflow:hidden !important; text-overflow:ellipsis !important; white-space:nowrap !important; }
    html body #creation-app[data-creation-page="image"] #fuuvo-mobile-image-studio :is(.primary,.composer-tools .send,.send) { color:#181d12 !important; background:var(--mi-action) !important; border-color:var(--mi-action) !important; }
    html body #creation-app[data-creation-page="image"] #fuuvo-mobile-image-studio .composer-tools .send:disabled { background:var(--mi-soft) !important; color:var(--mi-muted) !important; opacity:.7 !important; }
    html body #creation-app[data-creation-page="image"] #fuuvo-mobile-image-studio .selected-template { border-color:var(--mi-line) !important; color:var(--mi-ink) !important; margin-bottom:10px !important; }
    html body #creation-app[data-creation-page="image"] #fuuvo-mobile-image-studio .selected-template small { color:var(--mi-muted) !important; }
    html body #creation-app[data-creation-page="image"] #fuuvo-mobile-image-studio .selected-template .ib { width:44px !important; height:44px !important; }
    html body #creation-app[data-creation-page="image"] #fuuvo-mobile-image-studio .chat-prompt .reference-list { display:flex !important; gap:8px !important; overflow-x:auto !important; overflow-y:hidden !important; padding:10px 8px 8px !important; margin:0 !important; max-height:128px !important; }
    html body #creation-app[data-creation-page="image"] #fuuvo-mobile-image-studio .reference-item { flex:none !important; display:grid !important; width:72px !important; justify-items:start !important; position:relative !important; padding-right:8px !important; }
    html body #creation-app[data-creation-page="image"] #fuuvo-mobile-image-studio .chat-prompt :is(.reference-thumb,.reference-thumb img) { width:64px !important; height:64px !important; }
    html body #creation-app[data-creation-page="image"] #fuuvo-mobile-image-studio .reference-item:has(.reference-retry) { min-height:108px !important; }
    html body #creation-app[data-creation-page="image"] #fuuvo-mobile-image-studio .reference-thumb { overflow:visible !important; flex:none !important; }
    html body #creation-app[data-creation-page="image"] #fuuvo-mobile-image-studio .reference-thumb img { border-radius:10px !important; object-fit:cover !important; }
    html body #creation-app[data-creation-page="image"] #fuuvo-mobile-image-studio .reference-thumb button { width:44px !important; height:44px !important; min-width:44px !important; min-height:44px !important; max-width:none !important; top:-8px !important; right:-12px !important; border:0 !important; border-radius:50% !important; background:transparent !important; color:#fff !important; display:grid !important; place-items:center !important; }
    html body #creation-app[data-creation-page="image"] #fuuvo-mobile-image-studio .reference-thumb button .icon { border-radius:50% !important; padding:3px !important; width:23px !important; height:23px !important; background:#161b1de0 !important; }
    html body #creation-app[data-creation-page="image"] #fuuvo-mobile-image-studio .reference-state { color:var(--mi-muted) !important; font-size:9px !important; line-height:16px !important; white-space:nowrap !important; }
    html body #creation-app[data-creation-page="image"] #fuuvo-mobile-image-studio .reference-state.failed { color:var(--mi-error) !important; }
    html body #creation-app[data-creation-page="image"] #fuuvo-mobile-image-studio .reference-retry { position:absolute !important; left:0 !important; top:64px !important; padding:16px 0 0 !important; min-height:44px !important; font-size:10px !important; color:var(--mi-accent) !important; }
    html body #creation-app[data-creation-page="image"] #fuuvo-mobile-image-studio .error { color:var(--mi-error) !important; font-size:12px !important; line-height:19px !important; overflow-wrap:anywhere !important; }
    html body #creation-app[data-creation-page="image"] #fuuvo-mobile-image-studio .active-task { display:flex !important; align-items:center !important; justify-content:space-between !important; gap:8px !important; color:var(--mi-muted) !important; font-size:10px !important; }
    html body #creation-app[data-creation-page="image"] #fuuvo-mobile-image-studio .active-task button { font-size:11px !important; }
    html body #creation-app[data-creation-page="image"] #fuuvo-mobile-image-studio .overlay { position:absolute !important; inset:0 !important; z-index:40 !important; }
    html body #creation-app[data-creation-page="image"] #fuuvo-mobile-image-studio .sheet-overlay { position:absolute !important; inset:0 !important; background:var(--mi-overlay) !important; }
    html body #creation-app[data-creation-page="image"] #fuuvo-mobile-image-studio .sheet { position:absolute !important; bottom:0 !important; left:0 !important; right:0 !important; width:100% !important; max-height:92% !important; background:var(--mi-sheet) !important; border-color:var(--mi-line) !important; color:var(--mi-ink) !important; padding-bottom:env(safe-area-inset-bottom,0px) !important; }
    html body #creation-app[data-creation-page="image"] #fuuvo-mobile-image-studio :is(.sheet-head h3,.sample-title) { color:var(--mi-ink) !important; }
    html body #creation-app[data-creation-page="image"] #fuuvo-mobile-image-studio :is(.sheet-body,.sheet-footer) { background:var(--mi-sheet) !important; color:var(--mi-ink) !important; border-color:var(--mi-line) !important; }
    html body #creation-app[data-creation-page="image"] #fuuvo-mobile-image-studio :is(.sheet-body > p,.template-description,.detail-hint,.model-choice small,.empty p,.processing p,.prompt-details p,.prompt-details summary) { color:var(--mi-muted) !important; }
    html body #creation-app[data-creation-page="image"] #fuuvo-mobile-image-studio .sheet-footer { display:flex !important; flex-direction:column !important; gap:8px !important; }
    html body #creation-app[data-creation-page="image"] #fuuvo-mobile-image-studio .sheet-footer :is(.primary,.secondary) { width:100% !important; min-height:49px !important; }
    html body #creation-app[data-creation-page="image"] #fuuvo-mobile-image-studio :is(.model-choice,.choice) { color:var(--mi-ink) !important; border-color:var(--mi-line) !important; min-height:47px !important; }
    html body #creation-app[data-creation-page="image"] #fuuvo-mobile-image-studio :is(.model-choice > .icon,.choice.active,.model-list .model-choice.selected) { color:var(--mi-accent) !important; }
    html body #creation-app[data-creation-page="image"] #fuuvo-mobile-image-studio :is(.choice.active,.model-list .model-choice.selected) { border-color:var(--mi-accent) !important; background:color-mix(in srgb,var(--mi-action) 9%,var(--mi-sheet)) !important; }
    html body #creation-app[data-creation-page="image"] #fuuvo-mobile-image-studio :is(.model-search,.catalog-search) { border-color:var(--mi-line) !important; background:var(--mi-soft) !important; color:var(--mi-ink) !important; }
    html body #creation-app[data-creation-page="image"] #fuuvo-mobile-image-studio :is(.catalog-search input,.model-search) { color:var(--mi-ink) !important; font-size:16px !important; }
    html body #creation-app[data-creation-page="image"] #fuuvo-mobile-image-studio :is(.catalog-search input::placeholder,.model-search::placeholder,.catalog-search > .icon) { color:var(--mi-muted) !important; }
    html body #creation-app[data-creation-page="image"] #fuuvo-mobile-image-studio :is(.secondary,.saved-row,.refine-box) { background:var(--mi-panel) !important; border-color:var(--mi-line) !important; color:var(--mi-ink) !important; }
    html body #creation-app[data-creation-page="image"] #fuuvo-mobile-image-studio .saved-row { display:flex !important; align-items:center !important; width:100% !important; text-align:left !important; min-height:84px !important; margin-bottom:9px !important; gap:12px !important; }
    html body #creation-app[data-creation-page="image"] #fuuvo-mobile-image-studio .saved-row > span:not(.history-placeholder) { flex:1 !important; min-width:0 !important; }
    html body #creation-app[data-creation-page="image"] #fuuvo-mobile-image-studio .saved-row strong { display:block !important; overflow:hidden !important; text-overflow:ellipsis !important; white-space:nowrap !important; }
    html body #creation-app[data-creation-page="image"] #fuuvo-mobile-image-studio .saved-row small { color:var(--mi-muted) !important; font-size:10px !important; }
    html body #creation-app[data-creation-page="image"] #fuuvo-mobile-image-studio .history-placeholder { width:58px !important; height:58px !important; display:grid !important; place-items:center !important; background:var(--mi-soft) !important; flex:none !important; border-radius:10px !important; }
    html body #creation-app[data-creation-page="image"] #fuuvo-mobile-image-studio .history-pagination { display:flex !important; align-items:center !important; justify-content:space-between !important; gap:12px !important; margin:18px 0 !important; font-size:12px !important; }
    html body #creation-app[data-creation-page="image"] #fuuvo-mobile-image-studio .footer { position:relative !important; flex:none !important; background:var(--mi-bg) !important; border-color:var(--mi-line) !important; padding-bottom:max(8px,env(safe-area-inset-bottom,0px)) !important; }
    html body #creation-app[data-creation-page="image"] #fuuvo-mobile-image-studio .sample-tag { color:var(--mi-accent) !important; border-color:var(--mi-line) !important; }
    html body #creation-app[data-creation-page="image"] #fuuvo-mobile-image-studio .image-variants { display:flex !important; gap:10px !important; margin:12px 0 !important; overflow:auto !important; padding:3px !important; }
    html body #creation-app[data-creation-page="image"] #fuuvo-mobile-image-studio .image-variants button { flex:none !important; width:64px !important; height:64px !important; border:2px solid transparent !important; border-radius:10px !important; overflow:hidden !important; padding:0 !important; }
    html body #creation-app[data-creation-page="image"] #fuuvo-mobile-image-studio .image-variants button[aria-pressed="true"] { border-color:var(--mi-accent) !important; }
    html body #creation-app[data-creation-page="image"] #fuuvo-mobile-image-studio .image-variants img { width:100% !important; height:100% !important; object-fit:cover !important; }
    html body #creation-app[data-creation-page="image"] #fuuvo-mobile-image-studio .sample-image { background:var(--mi-soft) !important; }
    html body #creation-app[data-creation-page="image"] #fuuvo-mobile-image-studio .result-actions { gap:10px !important; }
    html body #creation-app[data-creation-page="image"] #fuuvo-mobile-image-studio .result-actions button { min-height:44px !important; }
    html body #creation-app[data-creation-page="image"] #fuuvo-mobile-image-studio .viewer { position:absolute !important; inset:0 !important; background:var(--mi-bg) !important; color:var(--mi-ink) !important; padding-bottom:env(safe-area-inset-bottom,0px) !important; }
    html body #creation-app[data-creation-page="image"] #fuuvo-mobile-image-studio :is(.viewer-bar,.viewer-footer) { background:var(--mi-bg) !important; color:var(--mi-ink) !important; }
    html body #creation-app[data-creation-page="image"] #fuuvo-mobile-image-studio .toast { position:absolute !important; left:24px !important; right:24px !important; bottom:170px !important; z-index:60 !important; background:var(--mi-ink) !important; color:var(--mi-bg) !important; pointer-events:none !important; }
    html body #creation-app[data-creation-page="image"] #fuuvo-mobile-image-studio.keyboard { padding-top:0 !important; }
    html body #creation-app[data-creation-page="image"] #fuuvo-mobile-image-studio.keyboard .header { height:52px !important; flex:none !important; }
    html body #creation-app[data-creation-page="image"] #fuuvo-mobile-image-studio.keyboard .header > :not(.brand) { visibility:hidden !important; pointer-events:none !important; }
    html body #creation-app[data-creation-page="image"] #fuuvo-mobile-image-studio.keyboard .page { display:none !important; }
    html body #creation-app[data-creation-page="image"] #fuuvo-mobile-image-studio.keyboard .bottom-composer { margin-top:auto !important; padding-bottom:8px !important; }
    html body #creation-app[data-creation-page="image"] #fuuvo-mobile-image-studio.keyboard .selected-template { display:none !important; }
    html body #creation-app[data-creation-page="image"] #fuuvo-mobile-image-studio.keyboard .chat-prompt textarea { max-height:max(48px,calc(var(--mi-height,100dvh) - 242px)) !important; }
    html body #creation-app[data-creation-page="image"] #fuuvo-mobile-image-studio.keyboard [data-composer-error] { max-height:48px !important; overflow:auto !important; }
    html body #creation-app[data-creation-page="image"] #fuuvo-mobile-image-studio.keyboard[data-view="result"] .page { display:flex !important; flex-direction:column !important; justify-content:flex-end !important; }
    html body #creation-app[data-creation-page="image"] #fuuvo-mobile-image-studio.keyboard[data-view="result"] .page > :not(.refine-box) { display:none !important; }
    html body #creation-app[data-creation-page="image"] #fuuvo-mobile-image-studio.keyboard[data-view="result"] .footer { display:none !important; }
    html body #creation-app[data-creation-page="image"] #fuuvo-mobile-image-studio.keyboard[data-view="result"] .page { padding-bottom:8px !important; }
    html body #creation-app[data-creation-page="image"] #fuuvo-mobile-image-studio.keyboard.compact-keyboard .header { height:36px !important; }
    html body #creation-app[data-creation-page="image"] #fuuvo-mobile-image-studio.keyboard.compact-keyboard .reference-list { padding:0 0 4px !important; max-height:54px !important; }
    html body #creation-app[data-creation-page="image"] #fuuvo-mobile-image-studio.keyboard.compact-keyboard :is(.reference-thumb,.reference-thumb img) { width:48px !important; height:48px !important; }
    html body #creation-app[data-creation-page="image"] #fuuvo-mobile-image-studio.keyboard.compact-keyboard .reference-state { display:none !important; }
    html body #creation-app[data-creation-page="image"] #fuuvo-mobile-image-studio.keyboard.compact-keyboard .reference-retry { top:0 !important; padding:0 !important; left:48px !important; }
    html body #creation-app[data-creation-page="image"] #fuuvo-mobile-image-studio.keyboard.compact-keyboard .reference-item { min-height:48px !important; }
    html body #creation-app[data-creation-page="image"] #fuuvo-mobile-image-studio.keyboard.compact-keyboard .chat-prompt { padding-top:6px !important; }
    html body #creation-app[data-creation-page="image"] #fuuvo-mobile-image-studio.keyboard.compact-keyboard .chat-prompt textarea { min-height:24px !important; max-height:max(24px,calc(var(--mi-height,100dvh) - 160px)) !important; }
}
@media (max-width:375px) {
    html body #creation-app[data-creation-page="image"] #fuuvo-mobile-image-studio .page { padding-left:16px !important; padding-right:16px !important; }
    html body #creation-app[data-creation-page="image"] #fuuvo-mobile-image-studio .filters { margin-left:-16px !important; margin-right:-16px !important; padding-left:16px !important; padding-right:16px !important; }
    html body #creation-app[data-creation-page="image"] #fuuvo-mobile-image-studio .imagine-heading h1 { font-size:32px !important; }
    html body #creation-app[data-creation-page="image"] #fuuvo-mobile-image-studio .mood-mosaic { height:290px !important; }
}
@media (max-width:920px) and (prefers-reduced-motion:reduce) {
    html body #creation-app[data-creation-page="image"] #fuuvo-mobile-image-studio *,html body #creation-app[data-creation-page="image"] #fuuvo-mobile-image-studio *::before,html body #creation-app[data-creation-page="image"] #fuuvo-mobile-image-studio *::after { animation:none !important; transition:none !important; scroll-behavior:auto !important; }
}
}

/* Image Studio V2 catalogue: large, readable two-column inspiration cards. */
@media (max-width: 920px) {
    #fuuvo-mobile-image-studio .catalog-search {
        display: flex;
        align-items: center;
        gap: 8px;
    }
    #fuuvo-mobile-image-studio .catalog-search input { min-width: 0; flex: 1; }
    #fuuvo-mobile-image-studio .catalog-count {
        flex: 0 0 auto;
        color: var(--muted, #7d8494);
        font-size: 11px;
        white-space: nowrap;
    }
    #fuuvo-mobile-image-studio .template-catalog {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 12px;
        align-items: start;
    }
    #fuuvo-mobile-image-studio .template-catalog .template-card {
        min-width: 0;
        width: 100%;
        transform: none !important;
    }
    #fuuvo-mobile-image-studio .template-catalog .template-art {
        display: block;
        aspect-ratio: 4 / 5;
        overflow: hidden;
        border-radius: 16px;
    }
    #fuuvo-mobile-image-studio .template-catalog .template-art img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    #fuuvo-mobile-image-studio .template-catalog .template-overlay {
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        gap: 3px;
        padding: 12px 10px 10px;
    }
    #fuuvo-mobile-image-studio .template-catalog .template-overlay strong {
        overflow: hidden;
        font-size: 13px;
        line-height: 1.25;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    #fuuvo-mobile-image-studio .catalog-load-more {
        grid-column: 1 / -1;
        justify-self: center;
        margin: 4px 0 8px;
        padding: 10px 18px;
        border: 1px solid rgba(125, 132, 148, .28);
        border-radius: 999px;
        color: inherit;
        background: transparent;
        font: inherit;
    }
}

/* The base mobile stylesheet has compatibility rules with !important. These
   page-scoped rules intentionally come last so the refreshed gallery keeps a
   consistent two-column, image-first layout at every phone width. */
@media (max-width: 920px) {
    html body #creation-app[data-creation-page="image"] #fuuvo-mobile-image-studio .template-catalog {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 14px 12px !important;
        align-items: start !important;
    }
    html body #creation-app[data-creation-page="image"] #fuuvo-mobile-image-studio .template-catalog .template-card,
    html body #creation-app[data-creation-page="image"] #fuuvo-mobile-image-studio .template-catalog .template-card:nth-child(2n) {
        width: 100% !important;
        min-width: 0 !important;
        transform: none !important;
        content-visibility: auto !important;
        contain-intrinsic-size: auto 250px !important;
    }
    html body #creation-app[data-creation-page="image"] #fuuvo-mobile-image-studio .template-catalog .template-art {
        aspect-ratio: 4 / 5 !important;
        height: auto !important;
        border-radius: 16px !important;
    }
    html body #creation-app[data-creation-page="image"] #fuuvo-mobile-image-studio .template-catalog .template-art img {
        width: 100% !important;
        height: auto !important;
        aspect-ratio: 4 / 5 !important;
        object-fit: cover !important;
    }
    html body #creation-app[data-creation-page="image"] #fuuvo-mobile-image-studio .template-catalog .template-overlay {
        left: 10px !important;
        right: 26px !important;
        bottom: 10px !important;
        padding: 0 !important;
    }
    html body #creation-app[data-creation-page="image"] #fuuvo-mobile-image-studio .catalog-load-more {
        grid-column: 1 / -1 !important;
        justify-self: center !important;
        min-height: 42px !important;
        margin: 4px 0 8px !important;
        padding: 0 18px !important;
        border: 1px solid rgba(125, 132, 148, .28) !important;
        border-radius: 999px !important;
        color: inherit !important;
        background: transparent !important;
    }
    html body #creation-app[data-creation-page="image"] #fuuvo-mobile-image-studio .catalog-pagination {
        grid-column: 1 / -1 !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 9px !important;
        min-height: 72px !important;
        padding: 8px 0 12px !important;
    }
    html body #creation-app[data-creation-page="image"] #fuuvo-mobile-image-studio .catalog-auto-status {
        display: inline-flex !important;
        align-items: center !important;
        gap: 7px !important;
        color: var(--muted, #7d8494) !important;
        font-size: 11px !important;
        line-height: 1.4 !important;
    }
    html body #creation-app[data-creation-page="image"] #fuuvo-mobile-image-studio .catalog-auto-status i {
        width: 5px !important;
        height: 5px !important;
        border-radius: 50% !important;
        background: currentColor !important;
        animation: image-catalog-pulse 1.25s ease-in-out infinite !important;
    }
    html body #creation-app[data-creation-page="image"] #fuuvo-mobile-image-studio .catalog-end {
        grid-column: 1 / -1 !important;
        padding: 15px 0 5px !important;
        color: var(--muted, #7d8494) !important;
        font-size: 11px !important;
        text-align: center !important;
    }
}

@keyframes image-catalog-pulse {
    0%, 100% { opacity: .35; transform: scale(.8); }
    50% { opacity: 1; transform: scale(1); }
}

/* Anchor the home composer to the visual viewport while iOS Safari resizes it. */
@layer fuuvo-mobile-design {
@media (max-width:920px) {
    html body #creation-app[data-creation-page="image"] #fuuvo-mobile-image-studio.keyboard[data-view="home"] { justify-content:flex-start !important; }
    html body #creation-app[data-creation-page="image"] #fuuvo-mobile-image-studio.keyboard[data-view="home"] .page {
        display:none !important;
    }
    html body #creation-app[data-creation-page="image"] #fuuvo-mobile-image-studio.keyboard[data-view="home"] .bottom-composer {
        flex:0 0 auto !important;
        margin-top:0 !important;
        position:absolute !important;
        left:0 !important;
        right:0 !important;
        bottom:0 !important;
        width:100% !important;
        padding-bottom:max(8px, env(safe-area-inset-bottom, 0px)) !important;
        z-index:3 !important;
    }
}
}