/* C034 Audio Lab. Mobile-only layout, shared landing palette, live audio flow. */
.maudio-app { display: none; }

@layer fuuvo-mobile-design {
@media (max-width: 920px) {
    html body.has-mobile-audio {
        margin: 0 !important;
        min-width: 0 !important;
        overflow: hidden !important;
    }
    html body #creation-app[data-creation-page="audio"].has-mobile-audio {
        display: block !important;
        width: 100% !important;
        max-width: none !important;
        min-width: 0 !important;
        height: var(--maudio-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="audio"].has-mobile-audio > :is(.creation-workspace, [data-fuuvo-shared-sidebar], [data-fuuvo-workspace-rail], .workspace-rail),
    html body.has-mobile-audio :is(.fuuvo-mobile-topbar, .mobile-chat-topbar, [data-fuuvo-shared-topbar]) {
        display: none !important;
    }
    html body #fuuvo-mobile-audio {
        --ma-bg: #fff;
        --ma-text: #262830;
        --ma-muted: #737682;
        --ma-soft-muted: #828692;
        --ma-line: #e6e7e9;
        --ma-panel: #fff;
        --ma-sheet: #fff;
        --ma-tint: #f6f7f8;
        --ma-placeholder: #858b96;
        --ma-accent: #4f7850;
        --ma-action: #bce786;
        --ma-wave-a: #90b65e;
        --ma-wave-b: #a59bd9;
        --audio-wave-a: var(--ma-wave-a);
        --audio-wave-b: var(--ma-wave-b);
        --ma-action-ink: #18211b;
        --ma-error: #ac4d39;
        --ma-overlay: #18202455;
        --ma-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(--maudio-viewport-height, 100dvh) !important;
        min-width: 0 !important;
        min-height: 0 !important;
        max-height: none !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        border-radius: 0 !important;
        overflow: hidden !important;
        color: var(--ma-text) !important;
        color-scheme: light !important;
        background: radial-gradient(ellipse 105% 43% at 58% -9%, var(--home-bg-glow-a, #d4e9c655), transparent 95%),
            radial-gradient(ellipse 95% 40% at 67% -10%, var(--home-bg-glow-b, #d4c7ed44), transparent 95%),
            radial-gradient(ellipse 90% 36% at 52% -8%, var(--home-bg-glow-c, #cee2dd33), transparent 97%), var(--ma-bg) !important;
        font-family: var(--ma-font) !important;
        -webkit-text-size-adjust: 100% !important;
    }
    html:is([data-ui-theme="dark"], [data-theme="dark"]) body #fuuvo-mobile-audio,
    html body:is([data-ui-theme="dark"], [data-theme="dark"]) #fuuvo-mobile-audio {
        --ma-bg: #111519;
        --ma-text: #f7f8f7;
        --ma-muted: #a1a8ae;
        --ma-soft-muted: #87939c;
        --ma-line: #ffffff13;
        --ma-panel: #24292d;
        --ma-sheet: #20262b;
        --ma-tint: #ffffff0a;
        --ma-placeholder: #9ba6ad;
        --ma-accent: #bce786;
        --ma-wave-a: #bce786;
        --ma-wave-b: #a59bd9;
        --ma-error: #ffc0ab;
        --ma-overlay: #02040585;
        color-scheme: dark !important;
    }
    html body #fuuvo-mobile-audio *,
    html body #fuuvo-mobile-audio *::before,
    html body #fuuvo-mobile-audio *::after {
        box-sizing: border-box !important;
        -webkit-text-fill-color: currentColor !important;
    }
    html body #fuuvo-mobile-audio :is(button, input, select, textarea) {
        font-family: var(--ma-font) !important;
        -webkit-tap-highlight-color: transparent !important;
        text-transform: none !important;
        letter-spacing: normal !important;
    }
    html body #fuuvo-mobile-audio :where(button) {
        position: static !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        border-radius: 0 !important;
        background: none !important;
        box-shadow: none !important;
        color: inherit !important;
        cursor: pointer !important;
        touch-action: manipulation !important;
    }
    html body #fuuvo-mobile-audio button:disabled { opacity: .4 !important; cursor: default !important; }
    html body #fuuvo-mobile-audio :is(button, a, input, textarea, summary):focus-visible {
        outline: 2px solid var(--ma-accent) !important;
        outline-offset: 3px !important;
    }
    html body #fuuvo-mobile-audio :is(h1, h2, h3, p, label, strong, b, small, a, span) { color: inherit; }
    html body #fuuvo-mobile-audio svg {
        display: block !important;
        width: 24px !important;
        height: 24px !important;
        flex: 0 0 auto !important;
        padding: 0 !important;
        margin: 0 !important;
        overflow: visible !important;
    }
    html body #fuuvo-mobile-audio button svg { pointer-events: none !important; }
    html body #fuuvo-mobile-audio .maudio-header {
        position: relative !important;
        display: flex !important;
        flex: 0 0 auto !important;
        align-items: center !important;
        justify-content: space-between !important;
        height: 58px !important;
        min-height: 58px !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;
        color: var(--ma-text) !important;
        z-index: 2 !important;
    }
    html body #fuuvo-mobile-audio :is(.header-left, .header-actions) { display: flex !important; align-items: center !important; min-width: 0 !important; }
    html body #fuuvo-mobile-audio .header-actions { justify-content: flex-end !important; }
    html body #fuuvo-mobile-audio .header-caption { font-size: 15px !important; font-weight: 500 !important; margin-left: 6px !important; line-height: 1.35 !important; }
    html body #fuuvo-mobile-audio .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;
        padding: 10px !important; border-radius: 50% !important;
    }
    html body #fuuvo-mobile-audio .ib svg { width: 21px !important; height: 21px !important; }
    html body #fuuvo-mobile-audio .brand {
        position: absolute !important; top: 50% !important; left: 50% !important;
        transform: translate(-50%, -50%) !important; display: flex !important; align-items: center !important;
        width: 105px !important; height: auto !important; padding: 0 !important; margin: 0 !important; background: none !important;
    }
    html body #fuuvo-mobile-audio .brand img { display: block !important; flex: 0 0 105px !important; width: 105px !important; min-width: 105px !important; max-width: 105px !important; height: auto !important; max-height: none !important; padding: 0 !important; margin: 0 !important; object-fit: contain !important; object-position: center !important; filter: none !important; opacity: 1 !important; clip-path: none !important; mask: none !important; }
    html body #fuuvo-mobile-audio .brand > span { position: absolute !important; left: calc(100% + 5px) !important; bottom: 4px !important; display: block !important; width: auto !important; min-width: 0 !important; max-width: none !important; height: 16px !important; min-height: 0 !important; max-height: none !important; padding: 0 !important; margin: 0 !important; font-size: 12px !important; font-weight: 700 !important; line-height: 16px !important; color: #101015 !important; white-space: nowrap !important; overflow: visible !important; }
    html:is([data-ui-theme="dark"], [data-theme="dark"]) body #fuuvo-mobile-audio .brand > span,
    html body:is([data-ui-theme="dark"], [data-theme="dark"]) #fuuvo-mobile-audio .brand > span { padding: 0 3px !important; border-radius: 3px !important; background: #ffffffd9 !important; }
    html body #fuuvo-mobile-audio .maudio-language {
        display: flex !important;
        align-items: center !important;
        flex: 0 0 auto !important;
        height: 36px !important;
        min-height: 36px !important;
        padding: 2px !important;
        gap: 1px !important;
        border: 1px solid var(--ma-line) !important;
        border-radius: 10px !important;
        background: var(--ma-tint) !important;
    }
    html body #fuuvo-mobile-audio .maudio-language button {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        flex: 0 0 29px !important;
        width: 29px !important;
        min-width: 29px !important;
        height: 30px !important;
        min-height: 30px !important;
        padding: 0 5px !important;
        border-radius: 7px !important;
        color: var(--ma-muted) !important;
        font-size: 11px !important;
        font-weight: 400 !important;
        line-height: 30px !important;
    }
    html body #fuuvo-mobile-audio .maudio-language button.active,
    html body #fuuvo-mobile-audio .maudio-language button[aria-pressed="true"] {
        background: var(--ma-panel) !important;
        color: var(--ma-text) !important;
        font-weight: 500 !important;
        box-shadow: 0 1px 4px #6551710d !important;
    }
    html body #fuuvo-mobile-audio .maudio-main {
        position: relative !important; display: block !important; flex: 1 1 auto !important; min-height: 0 !important; min-width: 0 !important;
        width: 100% !important; max-width: none !important; margin: 0 !important; padding: 11px 22px 22px !important;
        overflow-x: hidden !important; overflow-y: auto !important; overscroll-behavior: contain !important;
        scrollbar-width: thin !important; scrollbar-color: #9ca8a344 transparent !important; background: transparent !important;
        color: var(--ma-text) !important; scroll-padding-block: 12px !important;
    }
    html body #fuuvo-mobile-audio .maudio-main::-webkit-scrollbar { width: 3px !important; }
    html body #fuuvo-mobile-audio .maudio-main::-webkit-scrollbar-thumb { background: #9ca8a344 !important; border-radius: 4px !important; }
    html body #fuuvo-mobile-audio .home-kicker-row {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        gap: 12px !important;
        margin: 2px 0 10px !important;
    }
    html body #fuuvo-mobile-audio .home-kicker-row .eyebrow { margin: 0 !important; }
    html body #fuuvo-mobile-audio .library-link {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: flex-end !important;
        gap: 5px !important;
        min-height: 34px !important;
        padding: 4px 0 4px 10px !important;
        color: var(--ma-muted) !important;
        font-size: 11px !important;
        line-height: 1.4 !important;
        white-space: nowrap !important;
    }
    html body #fuuvo-mobile-audio .library-link svg { width: 15px !important; height: 15px !important; }
    html body #fuuvo-mobile-audio .eyebrow { font-size: 10px !important; letter-spacing: 2.1px !important; color: var(--ma-accent) !important; font-weight: 500 !important; margin: 2px 0 10px !important; }
    html body #fuuvo-mobile-audio h1 { font-size: 29px !important; font-weight: 500 !important; line-height: 1.2 !important; letter-spacing: -1px !important; margin: 0 !important; color: var(--ma-text) !important; overflow-wrap: anywhere !important; }
    html body #fuuvo-mobile-audio p { line-height: 1.65 !important; }
    html body #fuuvo-mobile-audio .lead { font-size: 12px !important; color: var(--ma-muted) !important; margin: 11px 0 0 !important; }
    html body #fuuvo-mobile-audio .sound-stage { padding: 4px 0 10px !important; }
    html body #fuuvo-mobile-audio .sound-art { height: 129px !important; margin: 1px -5px 0 !important; position: relative !important; display: flex !important; align-items: center !important; justify-content: center !important; }
    html body #fuuvo-mobile-audio .sound-art::before { content: ""; position: absolute; inset: 20% 22%; background: var(--ma-wave-a); filter: blur(45px); opacity: .13; border-radius: 50%; pointer-events: none; }
    html body #fuuvo-mobile-audio svg.signal { width: 100% !important; height: 118px !important; isolation: isolate !important; stroke: none !important; fill: none !important; }
    html body #fuuvo-mobile-audio .signal line { stroke-width: 2.2 !important; stroke-linecap: round !important; }
    html body #fuuvo-mobile-audio .signal g { transform-origin: center !important; animation: maudio-breathe 6s ease-in-out infinite; }
    html body #fuuvo-mobile-audio .sound-meta { display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 10px !important; }
    html body #fuuvo-mobile-audio .sound-meta b { font-weight: 500 !important; font-size: 16px !important; line-height: 1.4 !important; }
    html body #fuuvo-mobile-audio .sound-meta small { display: block !important; color: var(--ma-muted) !important; font-size: 10px !important; margin-top: 6px !important; }
    html body #fuuvo-mobile-audio .round-play { width: 44px !important; height: 44px !important; min-width: 44px !important; min-height: 44px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; border-radius: 50% !important; background: var(--ma-action) !important; color: var(--ma-action-ink) !important; border: 0 !important; flex: 0 0 44px !important; }
    html body #fuuvo-mobile-audio .round-play svg { width: 19px !important; height: 19px !important; }
    html body #fuuvo-mobile-audio .section-line { display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 10px !important; margin-top: 12px !important; padding-bottom: 7px !important; }
    html body #fuuvo-mobile-audio .section-line h2 { font-size: 13px !important; font-weight: 500 !important; line-height: 1.4 !important; margin: 0 !important; }
    html body #fuuvo-mobile-audio .text-link { border: 0 !important; background: none !important; padding: 9px 0 9px 12px !important; display: flex !important; align-items: center !important; gap: 4px !important; font-size: 11px !important; color: var(--ma-muted) !important; min-height: 44px !important; text-decoration: none !important; }
    html body #fuuvo-mobile-audio .text-link svg { width: 15px !important; height: 15px !important; }
    html body #fuuvo-mobile-audio :is(.text-link, .setting-summary, .generate) > svg { order: 1 !important; }
    html body #fuuvo-mobile-audio .sound-list { display: flex !important; flex-direction: column !important; }
    html body #fuuvo-mobile-audio .sound-row { display: flex !important; align-items: center !important; min-height: 65px !important; gap: 12px !important; border: 0 !important; border-bottom: 1px solid var(--ma-line) !important; padding: 0 !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; }
    html body #fuuvo-mobile-audio .row-glyph { width: 34px !important; height: 34px !important; color: #8eb18d !important; display: flex !important; align-items: center !important; justify-content: center !important; flex: 0 0 34px !important; }
    html body #fuuvo-mobile-audio .row-glyph svg { width: 28px !important; height: 28px !important; }
    html body #fuuvo-mobile-audio .row-copy { border: 0 !important; background: none !important; text-align: left !important; min-width: 0 !important; padding: 10px 0 !important; flex: 1 !important; min-height: 52px !important; }
    html body #fuuvo-mobile-audio .row-copy strong { font-weight: 400 !important; font-size: 13px !important; line-height: 1.45 !important; display: block !important; overflow-wrap: anywhere !important; }
    html body #fuuvo-mobile-audio .row-copy small { font-size: 10px !important; color: var(--ma-muted) !important; display: block !important; margin-top: 5px !important; line-height: 1.45 !important; overflow-wrap: anywhere !important; }
    html body #fuuvo-mobile-audio .row-play { width: 44px !important; height: 44px !important; padding: 12px !important; flex: 0 0 44px !important; background: none !important; border: 0 !important; color: var(--ma-muted) !important; }
    html body #fuuvo-mobile-audio .row-play svg { width: 18px !important; height: 18px !important; }
    html body #fuuvo-mobile-audio .row-play[aria-pressed="true"] { color: var(--ma-accent) !important; }
    html body #fuuvo-mobile-audio .footnote { font-size: 10px !important; color: var(--ma-soft-muted) !important; margin: 14px 0 0 !important; }
    html body #fuuvo-mobile-audio[data-view="home"] .footnote { display: none !important; }
    html body #fuuvo-mobile-audio .maudio-dock { position: relative !important; display: block !important; flex: 0 0 auto !important; margin: 0 !important; padding: 12px max(16px, env(safe-area-inset-right)) calc(16px + env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left)) !important; border: 0 !important; background: linear-gradient(transparent, var(--ma-bg) 10%) !important; z-index: 2 !important; }
    html body #fuuvo-mobile-audio .composer { background: var(--ma-panel) !important; border: 1px solid var(--ma-line) !important; border-radius: 23px !important; padding: 16px 16px 12px !important; margin: 0 !important; color: var(--ma-text) !important; box-shadow: 0 1px 10px #17251b05 !important; }
    html body #fuuvo-mobile-audio .composer-top { display: flex !important; justify-content: space-between !important; align-items: center !important; gap: 8px !important; font-size: 11px !important; color: var(--ma-muted) !important; margin-bottom: 8px !important; }
    html body #fuuvo-mobile-audio .counter { font-size: 9px !important; color: var(--ma-soft-muted) !important; font-variant-numeric: tabular-nums !important; white-space: nowrap !important; }
    html body #fuuvo-mobile-audio .composer textarea { width: 100% !important; max-width: 100% !important; min-height: 66px !important; height: 66px !important; resize: none !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; color: var(--ma-text) !important; font-size: 16px !important; line-height: 1.6 !important; padding: 4px 0 !important; margin: 0 !important; display: block !important; box-shadow: none !important; }
    html body #fuuvo-mobile-audio .composer textarea::placeholder { color: var(--ma-placeholder) !important; opacity: 1 !important; }
    html body #fuuvo-mobile-audio .composer-bottom { display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 8px !important; margin-top: 8px !important; }
    html body #fuuvo-mobile-audio .setting-summary { border: 0 !important; background: none !important; padding: 6px 0 !important; text-align: left !important; display: flex !important; align-items: center !important; gap: 6px !important; color: var(--ma-muted) !important; font-size: 11px !important; min-height: 44px !important; min-width: 0 !important; }
    html body #fuuvo-mobile-audio .setting-summary svg { width: 14px !important; height: 14px !important; }
    html body #fuuvo-mobile-audio .generate { display: flex !important; align-items: center !important; justify-content: center !important; gap: 6px !important; flex: 0 0 auto !important; border: 0 !important; background: var(--ma-action) !important; border-radius: 16px !important; min-height: 44px !important; padding: 0 15px !important; font-size: 12px !important; font-weight: 500 !important; color: var(--ma-action-ink) !important; }
    html body #fuuvo-mobile-audio .generate svg { width: 18px !important; height: 18px !important; }
    html body #fuuvo-mobile-audio .input-error { color: var(--ma-error) !important; font-size: 11px !important; line-height: 1.5 !important; padding-top: 8px !important; }
    html body #fuuvo-mobile-audio .search { display: flex !important; align-items: center !important; gap: 9px !important; border: 0 !important; border-bottom: 1px solid var(--ma-line) !important; padding: 14px 0 12px !important; margin: 15px 0 11px !important; background: transparent !important; border-radius: 0 !important; }
    html body #fuuvo-mobile-audio .search svg { width: 18px !important; height: 18px !important; color: var(--ma-muted) !important; }
    html body #fuuvo-mobile-audio .search input { min-width: 0 !important; flex: 1 !important; background: none !important; border: 0 !important; border-radius: 0 !important; color: var(--ma-text) !important; font-size: 16px !important; padding: 0 !important; min-height: 30px !important; box-shadow: none !important; }
    html body #fuuvo-mobile-audio .search input::placeholder { color: var(--ma-placeholder) !important; }
    html body #fuuvo-mobile-audio .tabs { display: flex !important; gap: 22px !important; overflow-x: auto !important; scrollbar-width: none !important; margin: 4px 0 10px !important; padding: 0 !important; border: 0 !important; background: transparent !important; }
    html body #fuuvo-mobile-audio .tabs button { background: none !important; border: 0 !important; border-bottom: 2px solid transparent !important; padding: 12px 0 !important; font-size: 12px !important; white-space: nowrap !important; color: var(--ma-muted) !important; min-height: 44px !important; }
    html body #fuuvo-mobile-audio .tabs button.active,
    html body #fuuvo-mobile-audio .tabs [aria-selected="true"] { color: var(--ma-accent) !important; border-bottom-color: var(--ma-accent) !important; }
    html body #fuuvo-mobile-audio .result-hero { padding: 24px 0 16px !important; text-align: center !important; }
    html body #fuuvo-mobile-audio .result-hero h1 { font-size: 28px !important; margin-top: 20px !important; }
    html body #fuuvo-mobile-audio .result-hero .sound-art { height: 182px !important; margin: 22px -8px !important; }
    html body #fuuvo-mobile-audio .result-hero .signal { height: 178px !important; }
    html body #fuuvo-mobile-audio .audio-real-placeholder { flex-direction: column !important; gap: 16px !important; color: var(--ma-muted) !important; }
    html body #fuuvo-mobile-audio .audio-real-placeholder > svg { width: 52px !important; height: 52px !important; color: var(--ma-accent) !important; }
    html body #fuuvo-mobile-audio .audio-real-placeholder > small { font-size: 11px !important; line-height: 1.5 !important; }
    html body #fuuvo-mobile-audio .badge { display: inline-flex !important; align-items: center !important; gap: 5px !important; font-size: 10px !important; color: var(--ma-accent) !important; letter-spacing: .4px !important; background: transparent !important; border: 0 !important; padding: 0 !important; }
    html body #fuuvo-mobile-audio .badge::before { content: ""; width: 4px; height: 4px; border-radius: 50%; background: currentColor; }
    html body #fuuvo-mobile-audio .result-sub { font-size: 11px !important; color: var(--ma-muted) !important; margin: 10px 0 0 !important; }
    html body #fuuvo-mobile-audio .seek { width: 100% !important; appearance: none !important; -webkit-appearance: none !important; height: 3px !important; min-height: 3px !important; margin: 10px 0 0 !important; background: var(--ma-line) !important; accent-color: var(--ma-action) !important; border: 0 !important; border-radius: 4px !important; display: block !important; cursor: pointer !important; box-shadow: none !important; }
    html body #fuuvo-mobile-audio .seek::-webkit-slider-thumb { appearance: none; -webkit-appearance: none; width: 12px; height: 12px; background: var(--ma-action); border-radius: 50%; border: 0; }
    html body #fuuvo-mobile-audio .seek::-moz-range-thumb { width: 12px; height: 12px; background: var(--ma-action); border-radius: 50%; border: 0; }
    html body #fuuvo-mobile-audio .times { display: flex !important; justify-content: space-between !important; font-size: 10px !important; color: var(--ma-muted) !important; margin-top: 9px !important; font-variant-numeric: tabular-nums !important; }
    html body #fuuvo-mobile-audio .transport { display: flex !important; align-items: center !important; justify-content: center !important; gap: 25px !important; margin: 24px 0 23px !important; }
    html body #fuuvo-mobile-audio .transport .round-play { width: 59px !important; height: 59px !important; flex-basis: 59px !important; }
    html body #fuuvo-mobile-audio .transport .round-play svg { width: 24px !important; height: 24px !important; }
    html body #fuuvo-mobile-audio .transport .ib { color: var(--ma-muted) !important; }
    html body #fuuvo-mobile-audio .transport .ib[aria-pressed="true"] { color: var(--ma-accent) !important; }
    html body #fuuvo-mobile-audio .details { border: 0 !important; border-top: 1px solid var(--ma-line) !important; margin: 10px 0 0 !important; color: var(--ma-muted) !important; font-size: 12px !important; padding: 15px 0 0 !important; background: transparent !important; }
    html body #fuuvo-mobile-audio .details summary { cursor: pointer !important; min-height: 44px !important; font-size: 12px !important; line-height: 1.5 !important; color: var(--ma-text) !important; }
    html body #fuuvo-mobile-audio .details p { margin: 4px 0 14px !important; overflow-wrap: anywhere !important; }
    html body #fuuvo-mobile-audio .details small { font-size: 10px !important; line-height: 1.6 !important; }
    html body #fuuvo-mobile-audio :is(.primary, .secondary) { min-height: 47px !important; border-radius: 16px !important; padding: 12px 16px !important; display: flex !important; align-items: center !important; justify-content: center !important; gap: 9px !important; font-size: 13px !important; line-height: 1.4 !important; border: 0 !important; width: 100% !important; text-decoration: none !important; }
    html body #fuuvo-mobile-audio .primary { background: var(--ma-action) !important; color: var(--ma-action-ink) !important; font-weight: 500 !important; }
    html body #fuuvo-mobile-audio .secondary { background: var(--ma-tint) !important; color: var(--ma-text) !important; border: 1px solid var(--ma-line) !important; }
    html body #fuuvo-mobile-audio :is(.primary, .secondary) svg { width: 19px !important; height: 19px !important; }
    html body #fuuvo-mobile-audio .plain-action { border: 0 !important; background: none !important; display: block !important; margin: 11px auto 0 !important; min-height: 44px !important; color: var(--ma-muted) !important; font-size: 12px !important; }
    html body #fuuvo-mobile-audio .empty { padding: 70px 20px !important; text-align: center !important; }
    html body #fuuvo-mobile-audio .empty > svg { margin: 0 auto 20px !important; width: 36px !important; height: 36px !important; color: var(--ma-accent) !important; }
    html body #fuuvo-mobile-audio .empty h2 { font-size: 20px !important; font-weight: 400 !important; }
    html body #fuuvo-mobile-audio .empty p { font-size: 12px !important; color: var(--ma-muted) !important; }
    html body #fuuvo-mobile-audio .draft { padding: 22px 0 !important; border-bottom: 1px solid var(--ma-line) !important; }
    html body #fuuvo-mobile-audio .draft p { font-size: 13px !important; color: var(--ma-muted) !important; overflow-wrap: anywhere !important; }
    html body #fuuvo-mobile-audio .draft .text-link { padding-left: 0 !important; color: var(--ma-accent) !important; }
    html body #fuuvo-mobile-audio .maudio-overlay { position: absolute !important; inset: 0 !important; z-index: 20 !important; background: var(--ma-overlay) !important; display: flex !important; align-items: flex-end !important; backdrop-filter: blur(7px) !important; }
    html body #fuuvo-mobile-audio .maudio-overlay:empty { display: none !important; }
    html body #fuuvo-mobile-audio .sheet { background: var(--ma-sheet) !important; color: var(--ma-text) !important; width: 100% !important; max-height: 86% !important; overflow-x: hidden !important; overflow-y: auto !important; overscroll-behavior: contain !important; border: 0 !important; border-radius: 28px 28px 0 0 !important; padding: 10px 22px calc(28px + env(safe-area-inset-bottom)) !important; box-shadow: 0 -10px 50px #0003 !important; }
    html body #fuuvo-mobile-audio .handle { height: 4px !important; width: 34px !important; background: var(--ma-soft-muted) !important; border-radius: 4px !important; margin: 0 auto 12px !important; }
    html body #fuuvo-mobile-audio .sheet-title { display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 8px !important; margin-bottom: 12px !important; }
    html body #fuuvo-mobile-audio .sheet-title h2 { margin: 0 !important; font-size: 20px !important; font-weight: 500 !important; line-height: 1.3 !important; }
    html body #fuuvo-mobile-audio .sheet p { font-size: 13px !important; color: var(--ma-muted) !important; }
    html body #fuuvo-mobile-audio .model { display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 12px !important; padding: 0 0 19px !important; border-bottom: 1px solid var(--ma-line) !important; margin-bottom: 22px !important; }
    html body #fuuvo-mobile-audio .model span small { display: block !important; font-size: 10px !important; color: var(--ma-muted) !important; margin-top: 7px !important; }
    html body #fuuvo-mobile-audio .model span b { font-size: 15px !important; font-weight: 500 !important; }
    html body #fuuvo-mobile-audio .model > svg { color: var(--ma-accent) !important; width: 19px !important; height: 19px !important; }
    html body #fuuvo-mobile-audio select.model { display: block !important; width: 100% !important; min-width: 0 !important; min-height: 44px !important; padding: 10px 12px !important; font-size: 14px !important; border: 1px solid var(--ma-line) !important; border-radius: 12px !important; background: var(--ma-panel) !important; color: var(--ma-text) !important; }
    html body #fuuvo-mobile-audio .field-label { display: flex !important; justify-content: space-between !important; gap: 12px !important; font-size: 12px !important; color: var(--ma-text) !important; margin: 18px 0 13px !important; }
    html body #fuuvo-mobile-audio .field-label b { font-size: 13px !important; color: var(--ma-accent) !important; font-weight: 400 !important; }
    html body #fuuvo-mobile-audio .range { width: 100% !important; accent-color: var(--ma-action) !important; margin: 8px 0 !important; min-height: 24px !important; padding: 0 !important; border: 0 !important; background: transparent !important; box-shadow: none !important; }
    html body #fuuvo-mobile-audio .range-ends { display: flex !important; justify-content: space-between !important; font-size: 9px !important; color: var(--ma-muted) !important; margin: 4px 0 18px !important; }
    html body #fuuvo-mobile-audio .format-options { display: flex !important; gap: 10px !important; }
    html body #fuuvo-mobile-audio .format-options button { background: none !important; border: 1px solid var(--ma-line) !important; border-radius: 13px !important; color: var(--ma-text) !important; min-height: 44px !important; flex: 1 !important; font-size: 12px !important; }
    html body #fuuvo-mobile-audio .format-options button[aria-pressed="true"] { border-color: var(--ma-accent) !important; color: var(--ma-accent) !important; background: var(--ma-tint) !important; }
    html body #fuuvo-mobile-audio .sheet details { margin: 20px 0 25px !important; font-size: 12px !important; color: var(--ma-muted) !important; }
    html body #fuuvo-mobile-audio .sheet summary { cursor: pointer !important; min-height: 44px !important; padding: 6px 0 !important; }
    html body #fuuvo-mobile-audio .sheet .field-hint { font-size: 10px !important; margin: -7px 0 12px !important; }
    html body #fuuvo-mobile-audio .download-grid { display: flex !important; gap: 10px !important; margin: 25px 0 6px !important; }
    html body #fuuvo-mobile-audio .download-grid > * { flex: 1 !important; min-width: 0 !important; }
    html body #fuuvo-mobile-audio .loader { height: 180px !important; margin-top: 42px !important; display: flex !important; align-items: center !important; }
    html body #fuuvo-mobile-audio .loader .signal { width: 100% !important; }
    html body #fuuvo-mobile-audio .loading-copy { text-align: center !important; }
    html body #fuuvo-mobile-audio .loading-copy h1 { font-size: 25px !important; }
    html body #fuuvo-mobile-audio .loading-copy p { color: var(--ma-muted) !important; font-size: 12px !important; }
    html body #fuuvo-mobile-audio .notice { font-size: 11px !important; color: var(--ma-muted) !important; line-height: 1.7 !important; }
    html body #fuuvo-mobile-audio .maudio-toast { position: absolute !important; bottom: calc(240px + env(safe-area-inset-bottom)) !important; left: 24px !important; right: 24px !important; padding: 13px 17px !important; border-radius: 15px !important; background: #e6ece7 !important; color: #1b2826 !important; font-size: 12px !important; line-height: 1.5 !important; box-shadow: 0 12px 25px #0002 !important; z-index: 30 !important; display: none !important; pointer-events: auto !important; overflow-wrap: anywhere !important; }
    html body #fuuvo-mobile-audio .maudio-toast a { color: inherit !important; font-weight: 600 !important; text-decoration: underline !important; }
    html body #fuuvo-mobile-audio .maudio-toast.show { display: block !important; }
    html body #fuuvo-mobile-audio:is([data-view="result"], [data-view="library"]) .maudio-toast { bottom: calc(112px + env(safe-area-inset-bottom)) !important; }
    html body #fuuvo-mobile-audio[data-view="result"] .signal g { animation: none !important; }
    html body #fuuvo-mobile-audio.keyboard :is(.header-caption, .header-actions, .header-left, .maudio-main) { display: none !important; }
    html body #fuuvo-mobile-audio.keyboard .maudio-header { height: 54px !important; min-height: 54px !important; padding-top: 0 !important; justify-content: center !important; }
    html body #fuuvo-mobile-audio.keyboard .brand { display: flex !important; top: 50% !important; }
    html body #fuuvo-mobile-audio.keyboard .maudio-dock { margin-top: auto !important; padding-top: 0 !important; padding-bottom: 12px !important; max-height: calc(100% - 54px) !important; overflow-y: auto !important; }
    html body #fuuvo-mobile-audio.keyboard .composer textarea { height: 100px !important; min-height: 100px !important; }
    html body #fuuvo-mobile-audio audio { display: none !important; }
    html body #fuuvo-mobile-audio [hidden] { display: none !important; }
}
@media (max-width: 375px) {
    html body #fuuvo-mobile-audio .maudio-main { padding-left: 20px !important; padding-right: 20px !important; }
    html body #fuuvo-mobile-audio h1 { font-size: 27px !important; }
    html body #fuuvo-mobile-audio .tabs { gap: 18px !important; }
    html body #fuuvo-mobile-audio .composer { padding-left: 14px !important; padding-right: 14px !important; }
    html body #fuuvo-mobile-audio .setting-summary { font-size: 10px !important; }
    html body #fuuvo-mobile-audio .generate { padding: 0 12px !important; }
    html body #fuuvo-mobile-audio .sound-art { height: 121px !important; }
}
@media (prefers-reduced-motion: reduce) {
    html body #fuuvo-mobile-audio *, html body #fuuvo-mobile-audio *::before, html body #fuuvo-mobile-audio *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; }
}
}
@keyframes maudio-breathe { 50% { transform: scaleY(.8); opacity: .7; } }