/* C033 production surfaces. All rules are confined to this mobile music root. */
.mmusic-app,.mmusic-fixed-probe { display:none; }
@layer fuuvo-mobile-design {
@media (max-width:920px) {
    html body.has-mobile-music-studio { margin:0 !important; min-width:0 !important; overflow:hidden !important; }
    html body #creation-app[data-creation-page="music"].has-mobile-music-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="music"].has-mobile-music-studio > :is(.creation-workspace,[data-fuuvo-shared-sidebar],[data-fuuvo-workspace-rail],.workspace-rail),
    html body.has-mobile-music-studio :is(.fuuvo-mobile-topbar,.mobile-chat-topbar,[data-fuuvo-shared-topbar]) { display:none !important; }
    html body #creation-app[data-creation-page="music"] .mmusic-fixed-probe { display:block !important; position:fixed !important; top:0 !important; left:0 !important; height:0 !important; width:0 !important; visibility:hidden !important; pointer-events:none !important; }
    html body #creation-app[data-creation-page="music"] #fuuvo-mobile-music-studio {
        --music-bg:#fbf9ff; --music-ink:#272133; --music-muted:#756b83; --music-panel:#fff; --music-soft:#eee8f8; --music-line:#dcd3e8; --music-overlay:#23153180; --music-error:#a6324c;
        --accent:#d9c6ff !important; --music-link:#7754a4; --glow1:#dbc7ed !important; --glow2:#d5dff9 !important; --glow3:#f4cee2 !important; --tint:#ede5f7 !important;
        position:fixed !important; top:var(--music-top,0px) !important; left:0 !important; right:0 !important; width:100% !important; max-width:none !important;
        height:var(--music-height,100dvh) !important; min-height:0 !important; max-height:none !important; padding:env(safe-area-inset-top,0px) 0 0 !important;
        margin:0 !important; border:0 !important; border-radius:0 !important; box-shadow:none !important; display:flex !important; flex-direction:column !important; overflow:hidden !important;
        background:var(--music-bg) !important; color:var(--music-ink) !important; font-family:Arial,FuuVoCJK,sans-serif !important; font-synthesis:weight !important;
        -webkit-text-size-adjust:100% !important; color-scheme:light !important; z-index:30 !important; isolation:isolate !important;
    }
    html:is([data-ui-theme="dark"],[data-theme="dark"]) body #creation-app[data-creation-page="music"] #fuuvo-mobile-music-studio,
    html body:is([data-ui-theme="dark"],[data-theme="dark"]) #creation-app[data-creation-page="music"] #fuuvo-mobile-music-studio {
        --music-bg:#111119; --music-ink:#f6f5fc; --music-muted:#b2a8c2; --music-panel:#211d2b; --music-soft:#2b243a; --music-line:#494052; --music-overlay:#080710a8; --music-error:#ffb2c7;
        --music-link:var(--accent); --glow1:#7146a6 !important; --glow2:#254c94 !important; --glow3:#b45182 !important; --tint:#282439 !important; color-scheme:dark !important;
    }
    html body #creation-app[data-creation-page="music"] #fuuvo-mobile-music-studio *,
    html body #creation-app[data-creation-page="music"] #fuuvo-mobile-music-studio *::before,
    html body #creation-app[data-creation-page="music"] #fuuvo-mobile-music-studio *::after { box-sizing:border-box !important; -webkit-text-fill-color:currentColor !important; }
    html body #creation-app[data-creation-page="music"] #fuuvo-mobile-music-studio :is(button,input,select,textarea) { font-family:inherit !important; text-transform:none !important; }
    html body #creation-app[data-creation-page="music"] #fuuvo-mobile-music-studio :is(button,a) { min-inline-size:0 !important; }
    html body #creation-app[data-creation-page="music"] #fuuvo-mobile-music-studio :is(button,input,select,textarea,a):focus-visible { outline:2px solid var(--music-link) !important; outline-offset:2px !important; }
    html body #creation-app[data-creation-page="music"] #fuuvo-mobile-music-studio[hidden][hidden],
    html body #creation-app[data-creation-page="music"] #fuuvo-mobile-music-studio [hidden][hidden] { display:none !important; }
    html body #creation-app[data-creation-page="music"] #fuuvo-mobile-music-studio .music-header { height:62px !important; min-height:62px !important; flex:none !important; padding:0 16px !important; background:transparent !important; }
    html body #creation-app[data-creation-page="music"] #fuuvo-mobile-music-studio .brand img { width:90px !important; height:30px !important; filter:none !important; }
    html body #creation-app[data-creation-page="music"] #fuuvo-mobile-music-studio .music-language-switch { flex:0 0 auto !important; }
    html body #creation-app[data-creation-page="music"] #fuuvo-mobile-music-studio .music-main { flex:1 1 0 !important; min-width:0 !important; min-height:0 !important; overflow-y:auto !important; overflow-x:hidden !important; padding:0 22px 26px !important; -webkit-overflow-scrolling:touch !important; }
    html body #creation-app[data-creation-page="music"] #fuuvo-mobile-music-studio :is(h1,h2,h3,.album-title,.item-text b) { color:var(--music-ink) !important; }
    html body #creation-app[data-creation-page="music"] #fuuvo-mobile-music-studio :is(.intro,.muted,.album p,.field-label small,.composer-foot,.option-button small,.selected-style small,.model-note,.result-sub,.times,.duration,.result-details p,.result-details summary,.item-text small,.empty,.sheet p,.range-ends,.model-card span,.empty-search) { color:var(--music-muted) !important; }
    html body #creation-app[data-creation-page="music"] #fuuvo-mobile-music-studio :is(.eyebrow,.text-btn,.preview-badge,.composer-foot button) { color:var(--music-link) !important; }
    html body #creation-app[data-creation-page="music"] #fuuvo-mobile-music-studio :is(.heading .ib,.mode-tabs,.album-art,.chip,.option-button,.selected-style,.result-details,.library-item,.draft-card,.model-card,.secondary,.result-actions button,.preview-badge) { border-color:var(--music-line) !important; }
    html body #creation-app[data-creation-page="music"] #fuuvo-mobile-music-studio :is(.mode-tabs button,.compact-tabs button) { color:var(--music-muted) !important; }
    html body #creation-app[data-creation-page="music"] #fuuvo-mobile-music-studio :is(.mode-tabs button.active,.compact-tabs button.active) { color:var(--music-ink) !important; }
    html body #creation-app[data-creation-page="music"] #fuuvo-mobile-music-studio :is(.compact-tabs button,.chip,.option-button,.selected-style,.draft-card,.model-card,.secondary,.result-actions button,.model-choice) { background:var(--music-soft) !important; color:var(--music-ink) !important; }
    html body #creation-app[data-creation-page="music"] #fuuvo-mobile-music-studio :is(.hero h2,.hero p,.hero .text-btn,.badge) { color:#faf8ff !important; }
    html body #creation-app[data-creation-page="music"] #fuuvo-mobile-music-studio :is(.create-dock,.primary,.chip.active) { color:#241d31 !important; background:var(--accent) !important; border-color:var(--accent) !important; }
    html body #creation-app[data-creation-page="music"] #fuuvo-mobile-music-studio .create-dock .go { flex:0 0 38px !important; width:38px !important; height:38px !important; display:grid !important; place-items:center !important; padding:9px !important; }
    html body #creation-app[data-creation-page="music"] #fuuvo-mobile-music-studio .music-dock { padding:8px 18px max(8px,env(safe-area-inset-bottom,0px)) !important; background:linear-gradient(0deg,var(--music-bg) 85%,transparent) !important; flex:none !important; }
    html body #creation-app[data-creation-page="music"] #fuuvo-mobile-music-studio .mini-player { background:var(--music-panel) !important; border-color:var(--music-line) !important; height:56px !important; }
    html body #creation-app[data-creation-page="music"] #fuuvo-mobile-music-studio .track-name { color:var(--music-ink) !important; overflow:hidden !important; text-overflow:ellipsis !important; white-space:nowrap !important; }
    html body #creation-app[data-creation-page="music"] #fuuvo-mobile-music-studio .track-name span { color:var(--music-muted) !important; }
    html body #creation-app[data-creation-page="music"] #fuuvo-mobile-music-studio .mini-player .ib { width:44px !important; height:44px !important; }
    html body #creation-app[data-creation-page="music"] #fuuvo-mobile-music-studio .art-duration { position:absolute !important; left:8px !important; bottom:8px !important; padding:3px 6px !important; border-radius:6px !important; background:#111119b8 !important; color:#fff !important; font-size:9px !important; line-height:1 !important; font-variant-numeric:tabular-nums !important; pointer-events:none !important; }
    html body #creation-app[data-creation-page="music"] #fuuvo-mobile-music-studio .listen-full { display:flex !important; align-items:center !important; justify-content:center !important; gap:8px !important; width:100% !important; min-height:46px !important; margin:16px 0 12px !important; border-radius:13px !important; }
    html body #creation-app[data-creation-page="music"] #fuuvo-mobile-music-studio .listen-full svg { width:18px !important; height:18px !important; }
    html body #creation-app[data-creation-page="music"] #fuuvo-mobile-music-studio .preview-note { font-size:10px !important; line-height:1.6 !important; }
    html body #creation-app[data-creation-page="music"] #fuuvo-mobile-music-studio .collection-count { color:var(--music-muted) !important; font-size:11px !important; margin:12px 0 !important; }
    html body #creation-app[data-creation-page="music"] #fuuvo-mobile-music-studio .composer-box { background:var(--music-panel) !important; border-color:var(--music-line) !important; }
    html body #creation-app[data-creation-page="music"] #fuuvo-mobile-music-studio .composer-box textarea { color:var(--music-ink) !important; background:transparent !important; font-size:16px !important; min-height:48px !important; max-height:240px !important; overflow-y:auto !important; }
    html body #creation-app[data-creation-page="music"] #fuuvo-mobile-music-studio .composer-box textarea::placeholder { color:var(--music-muted) !important; }
    html body #creation-app[data-creation-page="music"] #fuuvo-mobile-music-studio .composer-foot button { min-height:44px !important; }
    html body #creation-app[data-creation-page="music"] #fuuvo-mobile-music-studio .composer-foot button { display:inline-flex !important; align-items:center !important; gap:5px !important; }
    html body #creation-app[data-creation-page="music"] #fuuvo-mobile-music-studio .composer-foot button svg { width:14px !important; height:14px !important; display:inline-block !important; margin:0 !important; }
    html body #creation-app[data-creation-page="music"] #fuuvo-mobile-music-studio .preview-badge { position:static !important; inset:auto !important; transform:none !important; flex:none !important; background:var(--music-soft) !important; color:var(--music-link) !important; }
    html body #creation-app[data-creation-page="music"] #fuuvo-mobile-music-studio .compact-tabs button { border-color:var(--music-line) !important; }
    html body #creation-app[data-creation-page="music"] #fuuvo-mobile-music-studio .search-box { background:var(--music-panel) !important; border-color:var(--music-line) !important; }
    html body #creation-app[data-creation-page="music"] #fuuvo-mobile-music-studio .search-box :is(input,svg) { color:var(--music-ink) !important; }
    html body #creation-app[data-creation-page="music"] #fuuvo-mobile-music-studio .search-box { align-items:center !important; }
    html body #creation-app[data-creation-page="music"] #fuuvo-mobile-music-studio .search-box > svg { flex:0 0 18px !important; align-self:center !important; }
    html body #creation-app[data-creation-page="music"] #fuuvo-mobile-music-studio .search-box > input { height:18px !important; min-height:18px !important; max-height:18px !important; padding:0 !important; line-height:18px !important; align-self:center !important; appearance:none !important; }
    html body #creation-app[data-creation-page="music"] #fuuvo-mobile-music-studio .transport { gap:clamp(4px,3vw,18px) !important; }
    html body #creation-app[data-creation-page="music"] #fuuvo-mobile-music-studio .wave i { background:var(--music-muted) !important; }
    html body #creation-app[data-creation-page="music"] #fuuvo-mobile-music-studio .wave i.played { background:var(--accent) !important; }
    html body #creation-app[data-creation-page="music"] #fuuvo-mobile-music-studio .wave-unavailable { min-height:33px !important; font-size:11px !important; color:var(--music-muted) !important; display:grid !important; place-items:center !important; }
    html body #creation-app[data-creation-page="music"] #fuuvo-mobile-music-studio .music-overlay { position:absolute !important; inset:0 !important; z-index:40 !important; background:var(--music-overlay) !important; }
    html body #creation-app[data-creation-page="music"] #fuuvo-mobile-music-studio .sheet { max-height:92% !important; padding-bottom:max(20px,env(safe-area-inset-bottom,0px)) !important; background:var(--music-panel) !important; color:var(--music-ink) !important; border-color:var(--music-line) !important; }
    html body #creation-app[data-creation-page="music"] #fuuvo-mobile-music-studio .sheet :is(select,input:not([type=range])) { background:var(--music-soft) !important; color:var(--music-ink) !important; border-color:var(--music-line) !important; }
    html body #creation-app[data-creation-page="music"] #fuuvo-mobile-music-studio .sheet option { background:var(--music-panel) !important; color:var(--music-ink) !important; }
    html body #creation-app[data-creation-page="music"] #fuuvo-mobile-music-studio .sheet label { color:var(--music-ink) !important; }
    html body #creation-app[data-creation-page="music"] #fuuvo-mobile-music-studio .sheet :is(summary,details) { color:var(--music-muted) !important; }
    html body #creation-app[data-creation-page="music"] #fuuvo-mobile-music-studio .sheet .ib { width:44px !important; height:44px !important; }
    html body #creation-app[data-creation-page="music"] #fuuvo-mobile-music-studio .model-choice { display:flex !important; align-items:center !important; gap:10px !important; padding:12px !important; border:1px solid var(--music-line) !important; border-radius:13px !important; width:100% !important; min-height:52px !important; text-align:left !important; margin:8px 0 !important; }
    html body #creation-app[data-creation-page="music"] #fuuvo-mobile-music-studio .model-choice > span { flex:1 !important; }
    html body #creation-app[data-creation-page="music"] #fuuvo-mobile-music-studio .model-choice.selected { border-color:var(--music-link) !important; }
    html body #creation-app[data-creation-page="music"] #fuuvo-mobile-music-studio .model-search { width:100% !important; min-height:44px !important; padding:10px 12px !important; border-radius:12px !important; border:1px solid var(--music-line) !important; }
    html body #creation-app[data-creation-page="music"] #fuuvo-mobile-music-studio .input-error { color:var(--music-error) !important; font-size:12px !important; line-height:1.65 !important; overflow-wrap:anywhere !important; }
    html body #creation-app[data-creation-page="music"] #fuuvo-mobile-music-studio .active-task { display:flex !important; justify-content:space-between !important; gap:8px !important; align-items:center !important; margin-top:12px !important; font-size:11px !important; color:var(--music-muted) !important; }
    html body #creation-app[data-creation-page="music"] #fuuvo-mobile-music-studio .music-toast { color:var(--music-ink) !important; background:var(--music-panel) !important; border-color:var(--music-line) !important; bottom:95px !important; pointer-events:none !important; }
    html body #creation-app[data-creation-page="music"] #fuuvo-mobile-music-studio .history-pagination { display:flex !important; gap:12px !important; align-items:center !important; margin:20px 0 !important; font-size:12px !important; }
    html body #creation-app[data-creation-page="music"] #fuuvo-mobile-music-studio.keyboard { padding-top:0 !important; }
    html body #creation-app[data-creation-page="music"] #fuuvo-mobile-music-studio.keyboard .music-header { height:52px !important; min-height:52px !important; }
    html body #creation-app[data-creation-page="music"] #fuuvo-mobile-music-studio.keyboard .music-header > :not(.brand) { visibility:hidden !important; pointer-events:none !important; }
    html body #creation-app[data-creation-page="music"] #fuuvo-mobile-music-studio.keyboard .brand { display:flex !important; top:auto !important; }
    html body #creation-app[data-creation-page="music"] #fuuvo-mobile-music-studio.keyboard .music-main { display:flex !important; flex-direction:column !important; justify-content:flex-end !important; padding:0 18px 6px !important; overflow:hidden !important; }
    html body #creation-app[data-creation-page="music"] #fuuvo-mobile-music-studio.keyboard .music-main > :not(.composer-box) { display:none !important; }
    html body #creation-app[data-creation-page="music"] #fuuvo-mobile-music-studio.keyboard .composer-box { flex:none !important; margin:0 !important; padding:12px !important; }
    html body #creation-app[data-creation-page="music"] #fuuvo-mobile-music-studio.keyboard .mini-player { display:none !important; }
    html body #creation-app[data-creation-page="music"] #fuuvo-mobile-music-studio.keyboard .music-dock { padding-bottom:8px !important; }
    html body #creation-app[data-creation-page="music"] #fuuvo-mobile-music-studio.keyboard [data-alert] { max-height:36px !important; overflow:auto !important; }
    html body #creation-app[data-creation-page="music"] #fuuvo-mobile-music-studio.keyboard.compact-keyboard .music-header { height:36px !important; min-height:36px !important; }
    html body #creation-app[data-creation-page="music"] #fuuvo-mobile-music-studio.keyboard.compact-keyboard .composer-foot { margin-top:2px !important; }
    html body #creation-app[data-creation-page="music"] #fuuvo-mobile-music-studio.keyboard.compact-keyboard .field-label { margin-bottom:4px !important; }
}

@media (max-width:375px) {
    html body #creation-app[data-creation-page="music"] #fuuvo-mobile-music-studio .heading h1 { font-size:29px !important; }
    html body #creation-app[data-creation-page="music"] #fuuvo-mobile-music-studio .hero h2 { font-size:27px !important; }
    html body #creation-app[data-creation-page="music"] #fuuvo-mobile-music-studio .music-main { padding-left:18px !important; padding-right:18px !important; }
    html body #creation-app[data-creation-page="music"] #fuuvo-mobile-music-studio :is(.rail,.filter-scroll) { margin-left:-18px !important; margin-right:-18px !important; padding-left:18px !important; padding-right:18px !important; }
}
@media (max-width:920px) and (prefers-reduced-motion:reduce) {
    html body #creation-app[data-creation-page="music"] #fuuvo-mobile-music-studio *,html body #creation-app[data-creation-page="music"] #fuuvo-mobile-music-studio *::before,html body #creation-app[data-creation-page="music"] #fuuvo-mobile-music-studio *::after { animation:none !important; transition:none !important; scroll-behavior:auto !important; }
}
}

/* Keep the dedicated music header on the same compact language-control contract
   as the shared mobile topbar. This is intentionally outside the design layer
   so it can refine the shared !important rules without affecting other pages. */
@media (max-width:920px) {
    html body #creation-app[data-creation-page="music"] #fuuvo-mobile-music-studio .music-language-switch {
        display:flex !important; align-items:center !important; flex:0 0 auto !important;
        width:auto !important; min-width:0 !important; height:36px !important; min-height:36px !important;
        padding:2px !important; gap:1px !important; border:1px solid var(--music-line) !important;
        border-radius:10px !important; box-sizing:border-box !important; background:var(--music-soft) !important;
    }
    html body #creation-app[data-creation-page="music"] #fuuvo-mobile-music-studio .music-language-switch > .ui-language-switch-btn {
        display:flex !important; align-items:center !important; justify-content:center !important;
        width:29px !important; min-width:29px !important; height:30px !important; min-height:30px !important;
        padding:0 5px !important; border:0 !important; border-radius:7px !important;
        color:var(--music-muted) !important; background:transparent !important;
        font-size:11px !important; font-weight:400 !important; line-height:30px !important;
        box-sizing:border-box !important; box-shadow:none !important;
    }
    html body #creation-app[data-creation-page="music"] #fuuvo-mobile-music-studio .music-language-switch > .ui-language-switch-btn.active,
    html body #creation-app[data-creation-page="music"] #fuuvo-mobile-music-studio .music-language-switch > .ui-language-switch-btn[aria-pressed="true"] {
        color:var(--music-ink) !important; background:var(--music-panel) !important;
        font-weight:500 !important; box-shadow:0 1px 4px #6551710d !important;
    }
    html body #creation-app[data-creation-page="music"] #fuuvo-mobile-music-studio.keyboard header > .music-language-switch {
        display:none !important;
    }
}