/* C035 reference artwork and proportions. Only the Creation Centre landing
 * enters this layout; creator forms and the desktop workspace remain separate. */
.mhub-app { display: none !important; }

@layer fuuvo-mobile-design {
@media (max-width: 920px) {
    html body #creation-app[data-creation-page="home"].has-mobile-creation-hub {
        display: block !important; width: 100% !important; min-width: 0 !important;
        height: 100vh !important; height: 100dvh !important; min-height: 0 !important;
        margin: 0 !important; padding: 0 !important; overflow: hidden !important;
        background: var(--mobile-paper, #fff) !important;
    }
    html body #creation-app[data-creation-page="home"].has-mobile-creation-hub > :not(#fuuvo-mobile-creation-hub) { display: none !important; }
    html body #creation-app[data-creation-page="home"] #fuuvo-mobile-creation-hub:not([hidden]) {
        --mh-bg: #fff !important; --mh-ink: #1d2330 !important; --mh-muted: #737987 !important;
        --mh-line: #e9e9ef !important; --mh-paper: #fff !important; --mh-primary: #242431 !important;
        --mh-on-primary: #fff !important; --mh-tag: #ffffffdf !important; --mh-tint: #f3eff8c9 !important;
        --mh-purple: #82649e !important; --mh-editorial: #f3eee7 !important; --mh-editorial-ink: #39463c !important;
        position: relative !important; display: flex !important; flex-direction: column !important;
        width: 100% !important; height: 100% !important; min-height: 0 !important;
        margin: 0 !important; padding: env(safe-area-inset-top) 0 0 !important;
        overflow: hidden !important; isolation: isolate !important;
        background: var(--mh-bg) !important; color: var(--mh-ink) !important;
        font-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Microsoft YaHei', Arial, sans-serif !important;
        -webkit-text-size-adjust: 100% !important; font-synthesis: none !important;
    }
    html body:is([data-ui-theme="dark"], [data-theme="dark"]) #creation-app[data-creation-page="home"] #fuuvo-mobile-creation-hub,
    html:is([data-ui-theme="dark"], [data-theme="dark"]) body #creation-app[data-creation-page="home"] #fuuvo-mobile-creation-hub {
        --mh-bg: #191a23 !important; --mh-ink: #f2eef7 !important; --mh-muted: #a9a4b4 !important;
        --mh-line: #383340 !important; --mh-paper: #25232e !important; --mh-primary: #f0ecf5 !important;
        --mh-on-primary: #26222c !important; --mh-tag: #28242deb !important; --mh-tint: #342b42 !important;
        --mh-purple: #c2a7e5 !important; --mh-editorial: #302e2c !important; --mh-editorial-ink: #e5e8dc !important;
    }
    html body #creation-app[data-creation-page="home"] #fuuvo-mobile-creation-hub *,
    html body #creation-app[data-creation-page="home"] #fuuvo-mobile-creation-hub *::before,
    html body #creation-app[data-creation-page="home"] #fuuvo-mobile-creation-hub *::after {
        box-sizing: border-box !important; -webkit-text-fill-color: currentColor !important;
    }
    html body #creation-app[data-creation-page="home"] #fuuvo-mobile-creation-hub :is(a,button) {
        font: inherit !important; color: inherit !important; text-decoration: none !important;
        cursor: pointer !important; touch-action: manipulation !important; -webkit-tap-highlight-color: transparent !important;
    }
    html body #creation-app[data-creation-page="home"] #fuuvo-mobile-creation-hub button {
        margin: 0 !important; padding: 0 !important; border: 0 !important; background: none !important; box-shadow: none !important; text-transform: none !important;
    }
    html body #creation-app[data-creation-page="home"] #fuuvo-mobile-creation-hub [hidden][hidden] { display: none !important; }
    html body #creation-app[data-creation-page="home"] #fuuvo-mobile-creation-hub :is(a,button):focus-visible { outline: 2px solid #5375be !important; outline-offset: 3px !important; }
    html body #creation-app[data-creation-page="home"] #fuuvo-mobile-creation-hub svg { width: 24px !important; height: 24px !important; flex-shrink: 0 !important; vertical-align: middle !important; pointer-events: none !important; }
    html body #creation-app[data-creation-page="home"] #fuuvo-mobile-creation-hub :is(h1,h2,button,a) { font-family: inherit !important; }
    html body #creation-app[data-creation-page="home"] #fuuvo-mobile-creation-hub .mhub-halo {
        position: absolute !important; inset: 0 0 auto !important; height: 490px !important; z-index: -1 !important; pointer-events: none !important;
        background: radial-gradient(ellipse 77% 55% at 51% -8%, var(--home-bg-glow-a, #c5abed), transparent 100%),
            radial-gradient(ellipse 72% 45% at 85% 6%, var(--home-bg-glow-b, #facbdc), transparent 100%),
            radial-gradient(ellipse 80% 57% at 2% 2%, var(--home-bg-glow-c, #d5eff9), transparent 100%) !important;
        animation: mhub-breathe 18s ease-in-out infinite alternate !important; transform-origin: 50% 0 !important;
    }
    @keyframes mhub-breathe { from { transform: scale(1); opacity: .92; } to { transform: scale(1.05,1.07); opacity: 1; } }
    html body #creation-app[data-creation-page="home"] #fuuvo-mobile-creation-hub .mhub-header {
        display: grid !important; grid-template-columns: 56px minmax(0,1fr) 78px !important; align-items: center !important;
        height: 52px !important; padding: 0 14px !important; flex-shrink: 0 !important;
    }
    html body #creation-app[data-creation-page="home"] #fuuvo-mobile-creation-hub .mhub-back { display: grid !important; place-items: center !important; width: 44px !important; height: 44px !important; }
    html body #creation-app[data-creation-page="home"] #fuuvo-mobile-creation-hub .mhub-page-name { font-size: 16px !important; font-weight: 600 !important; text-align: center !important; white-space: nowrap !important; transform: translateX(11px) !important; }
    html body #creation-app[data-creation-page="home"] #fuuvo-mobile-creation-hub .mhub-language { display: flex !important; align-items: center !important; height: 34px !important; padding: 2px !important; margin-left: 8px !important; border: 1px solid var(--mh-line) !important; background: #ffffff40 !important; border-radius: 9px !important; }
    html body #creation-app[data-creation-page="home"] #fuuvo-mobile-creation-hub .mhub-language a { display: grid !important; place-items: center !important; position: relative !important; min-width: 29px !important; height: 28px !important; padding: 0 6px !important; border-radius: 6px !important; font-size: 11px !important; font-weight: 600 !important; }
    html body #creation-app[data-creation-page="home"] #fuuvo-mobile-creation-hub .mhub-language a::before { content: '' !important; position: absolute !important; inset: -8px 0 !important; }
    html body #creation-app[data-creation-page="home"] #fuuvo-mobile-creation-hub .mhub-language a[aria-current="true"] { background: var(--mh-paper) !important; box-shadow: 0 1px 4px #66678614 !important; }
    html body #creation-app[data-creation-page="home"] #fuuvo-mobile-creation-hub .mhub-scroll { min-height: 0 !important; flex: 1 !important; overflow: auto !important; scrollbar-width: none !important; overscroll-behavior-y: contain !important; scroll-behavior: smooth !important; -webkit-overflow-scrolling: touch !important; }
    html body #creation-app[data-creation-page="home"] #fuuvo-mobile-creation-hub .mhub-scroll::-webkit-scrollbar { display: none !important; }
    html body #creation-app[data-creation-page="home"] #fuuvo-mobile-creation-hub .mhub-categories { display: flex !important; gap: 4px !important; margin: 12px 20px 0 !important; padding: 4px !important; border-radius: 11px !important; background: var(--mh-tint) !important; }
    html body #creation-app[data-creation-page="home"] #fuuvo-mobile-creation-hub .mhub-categories > a { display: flex !important; flex: 1 !important; align-items: center !important; justify-content: center !important; min-width: 0 !important; min-height: 44px !important; padding: 8px 6px !important; border-radius: 8px !important; color: var(--mh-muted) !important; font-size: 12px !important; line-height: 1.4 !important; text-align: center !important; }
    html body #creation-app[data-creation-page="home"] #fuuvo-mobile-creation-hub .mhub-categories > a[aria-current="page"] { background: var(--mh-paper) !important; color: var(--mh-ink) !important; font-weight: 600 !important; box-shadow: 0 1px 5px #45325110 !important; }
    html body #creation-app[data-creation-page="home"] #fuuvo-mobile-creation-hub .mhub-categories > a:focus-visible { outline: 2px solid var(--mh-purple) !important; outline-offset: 2px !important; }
    html body #creation-app[data-creation-page="home"] #fuuvo-mobile-creation-hub .mhub-hero { text-align: center !important; padding: 25px 20px 23px !important; }
    html body #creation-app[data-creation-page="home"] #fuuvo-mobile-creation-hub .mhub-brand { position: relative !important; height: 67px !important; margin-bottom: 17px !important; }
    html body #creation-app[data-creation-page="home"] #fuuvo-mobile-creation-hub .mhub-brand img { position: absolute !important; left: 50% !important; top: 50% !important; width: 200px !important; height: 67px !important; transform: translate(-50%,-50%) !important; object-fit: contain !important; filter: none !important; font-size: 0 !important; color: transparent !important; border: 0 !important; }
    html body #creation-app[data-creation-page="home"] #fuuvo-mobile-creation-hub .mhub-brand:has(img[data-mobile-brand-locale="zh"]) img { height: 94px !important; }
    html body #creation-app[data-creation-page="home"] #fuuvo-mobile-creation-hub .mhub-brand > span { position: absolute !important; left: calc(50% + 108px) !important; top: 40px !important; font-family: Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif !important; font-size: 21px !important; font-weight: 700 !important; line-height: 30px !important; letter-spacing: -.55px !important; color: var(--mh-ink) !important; }
    html body #creation-app[data-creation-page="home"] #fuuvo-mobile-creation-hub .mhub-hero h1 { margin: 0 0 10px !important; color: var(--mh-ink) !important; font-size: 25px !important; line-height: 1.3 !important; font-weight: 600 !important; letter-spacing: -.9px !important; }
    html body #creation-app[data-creation-page="home"] #fuuvo-mobile-creation-hub .mhub-hero p { margin: 0 !important; font-size: 12px !important; line-height: 1.7 !important; color: var(--mh-muted) !important; letter-spacing: .15px !important; }
    html body #creation-app[data-creation-page="home"] #fuuvo-mobile-creation-hub .mhub-quick { padding: 0 24px !important; display: grid !important; grid-template-columns: repeat(3,minmax(0,1fr)) !important; column-gap: 12px !important; row-gap: 17px !important; }
    html body #creation-app[data-creation-page="home"] #fuuvo-mobile-creation-hub .mhub-tool { display: flex !important; align-items: center !important; flex-direction: column !important; justify-content: flex-start !important; min-height: 70px !important; gap: 8px !important; padding: 3px 0 !important; }
    html body #creation-app[data-creation-page="home"] #fuuvo-mobile-creation-hub .mhub-tool-icon { width: 43px !important; height: 43px !important; border-radius: 15px !important; background: var(--mh-tint) !important; color: var(--mh-purple) !important; display: grid !important; place-items: center !important; }
    html body #creation-app[data-creation-page="home"] #fuuvo-mobile-creation-hub .mhub-tool-icon svg { width: 25px !important; height: 25px !important; }
    html body #creation-app[data-creation-page="home"] #fuuvo-mobile-creation-hub .mhub-tool:nth-child(2) .mhub-tool-icon { background: #89a9df1f !important; color: #7392bb !important; }
    html body #creation-app[data-creation-page="home"] #fuuvo-mobile-creation-hub .mhub-tool:nth-child(3) .mhub-tool-icon { background: #dba1aa20 !important; color: #b17a86 !important; }
    html body #creation-app[data-creation-page="home"] #fuuvo-mobile-creation-hub .mhub-tool:nth-child(4) .mhub-tool-icon { background: #83b6a521 !important; color: #689187 !important; }
    html body #creation-app[data-creation-page="home"] #fuuvo-mobile-creation-hub .mhub-tool:nth-child(5) .mhub-tool-icon { background: #dca97920 !important; color: #ac8567 !important; }
    html body #creation-app[data-creation-page="home"] #fuuvo-mobile-creation-hub .mhub-tool:nth-child(6) .mhub-tool-icon { background: #8893ab20 !important; color: #8893ab !important; }
    html body #creation-app[data-creation-page="home"] #fuuvo-mobile-creation-hub .mhub-tool-label { font-size: 12px !important; font-weight: 500 !important; line-height: 18px !important; text-align: center !important; }
    html body #creation-app[data-creation-page="home"] #fuuvo-mobile-creation-hub .mhub-tool[aria-expanded="true"] .mhub-tool-icon { background: var(--mh-tint) !important; color: var(--mh-purple) !important; }
    html body #creation-app[data-creation-page="home"] #fuuvo-mobile-creation-hub .mhub-expanded { margin: 22px 24px 0 !important; border-top: 1px solid var(--mh-line) !important; padding-top: 17px !important; }
    html body #creation-app[data-creation-page="home"] #fuuvo-mobile-creation-hub .mhub-expanded-heading { display: flex !important; align-items: center !important; justify-content: space-between !important; margin-bottom: 8px !important; }
    html body #creation-app[data-creation-page="home"] #fuuvo-mobile-creation-hub .mhub-expanded-heading b { font-size: 13px !important; font-weight: 600 !important; }
    html body #creation-app[data-creation-page="home"] #fuuvo-mobile-creation-hub .mhub-expanded-heading button { min-height: 44px !important; font-size: 12px !important; color: var(--mh-muted) !important; display: flex !important; align-items: center !important; gap: 3px !important; }
    html body #creation-app[data-creation-page="home"] #fuuvo-mobile-creation-hub .mhub-expanded-heading svg { width: 15px !important; height: 15px !important; transform: rotate(180deg) !important; }
    html body #creation-app[data-creation-page="home"] #fuuvo-mobile-creation-hub .mhub-expanded-grid { display: grid !important; grid-template-columns: repeat(2,minmax(0,1fr)) !important; column-gap: 20px !important; }
    html body #creation-app[data-creation-page="home"] #fuuvo-mobile-creation-hub .mhub-extra-tool { display: flex !important; gap: 10px !important; align-items: center !important; min-height: 51px !important; font-size: 12px !important; line-height: 1.3 !important; }
    html body #creation-app[data-creation-page="home"] #fuuvo-mobile-creation-hub .mhub-extra-tool svg { width: 22px !important; height: 22px !important; color: var(--mh-purple) !important; }
    html body #creation-app[data-creation-page="home"] #fuuvo-mobile-creation-hub .mhub-extra-tool span { overflow-wrap: anywhere !important; }
    html body #creation-app[data-creation-page="home"] #fuuvo-mobile-creation-hub .mhub-inspiration { margin-top: 29px !important; padding: 0 20px 16px !important; }
    html body #creation-app[data-creation-page="home"] #fuuvo-mobile-creation-hub .mhub-section-head { display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 8px !important; }
    html body #creation-app[data-creation-page="home"] #fuuvo-mobile-creation-hub .mhub-section-head h2 { margin: 0 !important; font-size: 19px !important; line-height: 28px !important; font-weight: 600 !important; letter-spacing: -.5px !important; color: var(--mh-ink) !important; }
    html body #creation-app[data-creation-page="home"] #fuuvo-mobile-creation-hub .mhub-filters { display: flex !important; gap: 23px !important; overflow: auto !important; scrollbar-width: none !important; border-bottom: 1px solid var(--mh-line) !important; margin: 0 0 18px !important; }
    html body #creation-app[data-creation-page="home"] #fuuvo-mobile-creation-hub .mhub-filters button { position: relative !important; flex-shrink: 0 !important; white-space: nowrap !important; min-width: 0 !important; min-inline-size: 0 !important; width: auto !important; min-height: 44px !important; padding: 4px 0 13px !important; font-size: 12px !important; color: var(--mh-muted) !important; }
    html body #creation-app[data-creation-page="home"] #fuuvo-mobile-creation-hub .mhub-filters button::before { content: '' !important; position: absolute !important; inset: 0 -10px !important; }
    html body #creation-app[data-creation-page="home"] #fuuvo-mobile-creation-hub .mhub-filters [aria-selected="true"] { color: var(--mh-ink) !important; font-weight: 600 !important; }
    html body #creation-app[data-creation-page="home"] #fuuvo-mobile-creation-hub .mhub-filters [aria-selected="true"]::after { content: '' !important; height: 2px !important; position: absolute !important; bottom: 0 !important; left: 1px !important; right: 1px !important; background: currentColor !important; border-radius: 2px !important; }
    html body #creation-app[data-creation-page="home"] #fuuvo-mobile-creation-hub .mhub-gallery { display: grid !important; grid-template-columns: repeat(2,minmax(0,1fr)) !important; column-gap: 12px !important; align-items: start !important; }
    html body #creation-app[data-creation-page="home"] #fuuvo-mobile-creation-hub .mhub-column { display: flex !important; flex-direction: column !important; gap: 20px !important; min-width: 0 !important; }
    html body #creation-app[data-creation-page="home"] #fuuvo-mobile-creation-hub .mhub-tile { display: block !important; text-align: left !important; min-width: 0 !important; width: 100% !important; padding: 0 !important; border-radius: 16px !important; }
    html body #creation-app[data-creation-page="home"] #fuuvo-mobile-creation-hub .mhub-art { position: relative !important; display: block !important; overflow: hidden !important; border-radius: 15px !important; background: var(--mh-tint) !important; width: 100% !important; aspect-ratio: 4/5 !important; }
    html body #creation-app[data-creation-page="home"] #fuuvo-mobile-creation-hub .mhub-art.is-wide { aspect-ratio: 1 !important; }
    html body #creation-app[data-creation-page="home"] #fuuvo-mobile-creation-hub :is(.mhub-art,.mhub-sheet-visual) > :is(img,video) { width: 100% !important; height: 100% !important; object-fit: cover !important; display: block !important; }
    html body #creation-app[data-creation-page="home"] #fuuvo-mobile-creation-hub :is(.mhub-art,.mhub-sheet-visual) > video { position: absolute !important; inset: 0 !important; }
    html body #creation-app[data-creation-page="home"] #fuuvo-mobile-creation-hub .mhub-media-tag { position: absolute !important; bottom: 9px !important; left: 9px !important; padding: 4px 7px !important; display: flex !important; gap: 4px !important; align-items: center !important; background: var(--mh-tag) !important; color: var(--mh-ink) !important; font-size: 9px !important; line-height: 14px !important; border-radius: 6px !important; backdrop-filter: blur(5px) !important; }
    html body #creation-app[data-creation-page="home"] #fuuvo-mobile-creation-hub .mhub-media-tag svg { width: 12px !important; height: 12px !important; }
    html body #creation-app[data-creation-page="home"] #fuuvo-mobile-creation-hub .mhub-tile-name { display: block !important; font-size: 13px !important; font-weight: 500 !important; line-height: 20px !important; padding: 9px 2px 0 !important; letter-spacing: -.1px !important; }
    html body #creation-app[data-creation-page="home"] #fuuvo-mobile-creation-hub .mhub-tile-meta { display: block !important; font-size: 10px !important; line-height: 15px !important; color: var(--mh-muted) !important; padding: 3px 2px 0 !important; }
    html body #creation-app[data-creation-page="home"] #fuuvo-mobile-creation-hub .mhub-gallery-status { grid-column: 1 / -1 !important; min-height: 220px !important; display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; gap: 9px !important; padding: 32px 20px !important; border: 1px solid var(--mh-line) !important; border-radius: 18px !important; color: var(--mh-muted) !important; text-align: center !important; }
    html body #creation-app[data-creation-page="home"] #fuuvo-mobile-creation-hub .mhub-gallery-status strong { color: var(--mh-ink) !important; font-size: 14px !important; font-weight: 500 !important; }
    html body #creation-app[data-creation-page="home"] #fuuvo-mobile-creation-hub .mhub-gallery-status small { font-size: 11px !important; }
    html body #creation-app[data-creation-page="home"] #fuuvo-mobile-creation-hub .mhub-loading-dot { width: 24px !important; height: 24px !important; border: 2px solid var(--mh-line) !important; border-top-color: var(--mh-purple) !important; border-radius: 50% !important; animation: mhub-spin .8s linear infinite !important; }
    @keyframes mhub-spin { to { transform: rotate(360deg); } }
    html body #creation-app[data-creation-page="home"] #fuuvo-mobile-creation-hub .mhub-pagination { display: grid !important; grid-template-columns: minmax(92px,1fr) auto minmax(92px,1fr) !important; align-items: center !important; gap: 8px !important; margin: 24px 20px 0 !important; padding: 10px !important; border: 1px solid var(--mh-line) !important; border-radius: 17px !important; background: var(--mh-paper) !important; }
    html body #creation-app[data-creation-page="home"] #fuuvo-mobile-creation-hub .mhub-pagination[hidden] { display: none !important; }
    html body #creation-app[data-creation-page="home"] #fuuvo-mobile-creation-hub .mhub-pagination > button { display: flex !important; align-items: center !important; justify-content: center !important; gap: 4px !important; min-height: 44px !important; padding: 0 8px !important; border-radius: 11px !important; color: var(--mh-ink) !important; font-size: 11px !important; font-weight: 500 !important; }
    html body #creation-app[data-creation-page="home"] #fuuvo-mobile-creation-hub .mhub-pagination > button:not(:disabled):active { background: var(--mh-tint) !important; }
    html body #creation-app[data-creation-page="home"] #fuuvo-mobile-creation-hub .mhub-pagination > button:disabled { opacity: .3 !important; cursor: default !important; }
    html body #creation-app[data-creation-page="home"] #fuuvo-mobile-creation-hub .mhub-pagination svg { width: 16px !important; height: 16px !important; }
    html body #creation-app[data-creation-page="home"] #fuuvo-mobile-creation-hub .mhub-page-summary { display: flex !important; flex-direction: column !important; align-items: center !important; gap: 2px !important; min-width: 94px !important; text-align: center !important; }
    html body #creation-app[data-creation-page="home"] #fuuvo-mobile-creation-hub .mhub-page-summary strong { font-size: 12px !important; font-weight: 600 !important; }
    html body #creation-app[data-creation-page="home"] #fuuvo-mobile-creation-hub .mhub-page-summary small { color: var(--mh-muted) !important; font-size: 9px !important; line-height: 1.35 !important; }
    html body #creation-app[data-creation-page="home"] #fuuvo-mobile-creation-hub .mhub-sound-art { position: absolute !important; inset: 0 !important; display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; gap: 15px !important; padding: 20px !important; color: #fff !important; background: linear-gradient(145deg,#7b8ba4,#cad8e9) !important; }
    html body #creation-app[data-creation-page="home"] #fuuvo-mobile-creation-hub .mhub-sound-art.is-life { background: linear-gradient(145deg,#a87969,#edd0bd) !important; }
    html body #creation-app[data-creation-page="home"] #fuuvo-mobile-creation-hub .mhub-sound-art.is-digital { background: linear-gradient(145deg,#675481,#b8a7d4) !important; }
    html body #creation-app[data-creation-page="home"] #fuuvo-mobile-creation-hub .mhub-sound-art strong { display: flex !important; flex-direction: column !important; align-items: center !important; gap: 9px !important; font-size: 15px !important; line-height: 1.35 !important; text-align: center !important; text-shadow: 0 1px 12px #10131e4d !important; }
    html body #creation-app[data-creation-page="home"] #fuuvo-mobile-creation-hub .mhub-sound-art strong svg { width: 30px !important; height: 30px !important; }
    html body #creation-app[data-creation-page="home"] #fuuvo-mobile-creation-hub .mhub-sound-art small { color: #ffffffd1 !important; font-size: 9px !important; line-height: 1.4 !important; text-align: center !important; }
    html body #creation-app[data-creation-page="home"] #fuuvo-mobile-creation-hub .mhub-sound-rings { display: flex !important; align-items: center !important; justify-content: center !important; gap: 4px !important; width: 100% !important; height: 43px !important; opacity: .78 !important; }
    html body #creation-app[data-creation-page="home"] #fuuvo-mobile-creation-hub .mhub-sound-rings i { width: 3px !important; height: var(--bar-height,22px) !important; max-height: 40px !important; min-height: 5px !important; border-radius: 4px !important; background: currentColor !important; opacity: .84 !important; }
    html body #creation-app[data-creation-page="home"] #fuuvo-mobile-creation-hub .mhub-sound-rings i:nth-child(1), html body #creation-app[data-creation-page="home"] #fuuvo-mobile-creation-hub .mhub-sound-rings i:nth-child(12) { height: 8px !important; }
    html body #creation-app[data-creation-page="home"] #fuuvo-mobile-creation-hub .mhub-sound-rings i:nth-child(2), html body #creation-app[data-creation-page="home"] #fuuvo-mobile-creation-hub .mhub-sound-rings i:nth-child(11) { height: 17px !important; }
    html body #creation-app[data-creation-page="home"] #fuuvo-mobile-creation-hub .mhub-sound-rings i:nth-child(3), html body #creation-app[data-creation-page="home"] #fuuvo-mobile-creation-hub .mhub-sound-rings i:nth-child(10) { height: 28px !important; }
    html body #creation-app[data-creation-page="home"] #fuuvo-mobile-creation-hub .mhub-sound-rings i:nth-child(4), html body #creation-app[data-creation-page="home"] #fuuvo-mobile-creation-hub .mhub-sound-rings i:nth-child(9) { height: 38px !important; }
    html body #creation-app[data-creation-page="home"] #fuuvo-mobile-creation-hub .mhub-sound-rings i:nth-child(5), html body #creation-app[data-creation-page="home"] #fuuvo-mobile-creation-hub .mhub-sound-rings i:nth-child(8) { height: 24px !important; }
    html body #creation-app[data-creation-page="home"] #fuuvo-mobile-creation-hub .mhub-sound-rings i:nth-child(6), html body #creation-app[data-creation-page="home"] #fuuvo-mobile-creation-hub .mhub-sound-rings i:nth-child(7) { height: 32px !important; }
    html body #creation-app[data-creation-page="home"] #fuuvo-mobile-creation-hub .mhub-sheet-visual .mhub-sound-art { position: absolute !important; }
    html body #creation-app[data-creation-page="home"] #fuuvo-mobile-creation-hub .mhub-editorial { height: 100% !important; padding: 20px 17px !important; display: flex !important; flex-direction: column !important; justify-content: space-between !important; background: var(--mh-editorial) !important; color: var(--mh-editorial-ink) !important; font-family: Georgia,'Songti SC',SimSun,serif !important; }
    html body #creation-app[data-creation-page="home"] #fuuvo-mobile-creation-hub .mhub-editorial .mhub-eyebrow { font: 9px Arial !important; letter-spacing: 2px !important; }
    html body #creation-app[data-creation-page="home"] #fuuvo-mobile-creation-hub .mhub-editorial strong { font-size: 25px !important; font-weight: 400 !important; line-height: 1.2 !important; }
    html body #creation-app[data-creation-page="home"] #fuuvo-mobile-creation-hub .mhub-editorial i { height: 1px !important; background: #889184 !important; width: 31px !important; }
    html body #creation-app[data-creation-page="home"] #fuuvo-mobile-creation-hub .mhub-editorial small { font: 10px Arial,'Microsoft YaHei',sans-serif !important; line-height: 1.5 !important; }
    html body #creation-app[data-creation-page="home"] #fuuvo-mobile-creation-hub .mhub-footer { text-align: center !important; padding: 27px 15px calc(32px + env(safe-area-inset-bottom)) !important; color: var(--mh-muted) !important; font-size: 10px !important; line-height: 1.8 !important; }
    html body #creation-app[data-creation-page="home"] #fuuvo-mobile-creation-hub .mhub-footer a { text-decoration: underline !important; text-underline-offset: 2px !important; }
    html body #creation-app[data-creation-page="home"] #fuuvo-mobile-creation-hub .mhub-overlay { position: absolute !important; inset: 0 !important; z-index: 4 !important; display: flex !important; align-items: flex-end !important; background: #22213060 !important; backdrop-filter: blur(4px) !important; }
    html body #creation-app[data-creation-page="home"] #fuuvo-mobile-creation-hub .mhub-sheet { background: var(--mh-paper) !important; border-radius: 27px 27px 0 0 !important; width: 100% !important; max-height: 96% !important; overflow: auto !important; overscroll-behavior: contain !important; padding: 0 22px calc(26px + env(safe-area-inset-bottom)) !important; box-shadow: 0 -8px 40px #25202e12 !important; }
    html body #creation-app[data-creation-page="home"] #fuuvo-mobile-creation-hub .mhub-handle { width: 34px !important; height: 4px !important; background: var(--mh-line) !important; border-radius: 5px !important; margin: 10px auto 6px !important; }
    html body #creation-app[data-creation-page="home"] #fuuvo-mobile-creation-hub .mhub-sheet-head { display: flex !important; justify-content: space-between !important; align-items: center !important; margin-bottom: 9px !important; }
    html body #creation-app[data-creation-page="home"] #fuuvo-mobile-creation-hub .mhub-sheet-head > span { font-size: 12px !important; color: var(--mh-muted) !important; }
    html body #creation-app[data-creation-page="home"] #fuuvo-mobile-creation-hub .mhub-icon-button { height: 44px !important; width: 44px !important; display: grid !important; place-items: center !important; margin-right: -9px !important; flex-shrink: 0 !important; }
    html body #creation-app[data-creation-page="home"] #fuuvo-mobile-creation-hub .mhub-sheet-visual { height: 240px !important; border-radius: 17px !important; overflow: hidden !important; position: relative !important; background: var(--mh-tint) !important; }
    html body #creation-app[data-creation-page="home"] #fuuvo-mobile-creation-hub .mhub-play { position: absolute !important; bottom: 7px !important; right: 7px !important; color: #fff !important; background: #191d2880 !important; width: 44px !important; height: 44px !important; border-radius: 50% !important; display: grid !important; place-items: center !important; }
    html body #creation-app[data-creation-page="home"] #fuuvo-mobile-creation-hub .mhub-play svg { width: 17px !important; height: 17px !important; }
    html body #creation-app[data-creation-page="home"] #fuuvo-mobile-creation-hub .mhub-sheet h2 { color: var(--mh-ink) !important; font-size: 23px !important; font-weight: 600 !important; letter-spacing: -.6px !important; margin: 20px 0 5px !important; }
    html body #creation-app[data-creation-page="home"] #fuuvo-mobile-creation-hub .mhub-detail-meta { color: var(--mh-muted) !important; font-size: 11px !important; }
    html body #creation-app[data-creation-page="home"] #fuuvo-mobile-creation-hub .mhub-prompt-heading { margin-top: 20px !important; display: flex !important; align-items: center !important; justify-content: space-between !important; font-size: 12px !important; color: var(--mh-muted) !important; }
    html body #creation-app[data-creation-page="home"] #fuuvo-mobile-creation-hub .mhub-copy { display: flex !important; gap: 5px !important; align-items: center !important; min-height: 44px !important; padding: 0 8px !important; font-size: 12px !important; color: var(--mh-purple) !important; }
    html body #creation-app[data-creation-page="home"] #fuuvo-mobile-creation-hub .mhub-copy svg { width: 16px !important; height: 16px !important; }
    html body #creation-app[data-creation-page="home"] #fuuvo-mobile-creation-hub .mhub-prompt { font-size: 13px !important; line-height: 1.8 !important; margin: 2px 0 20px !important; color: var(--mh-ink) !important; white-space: pre-wrap !important; overflow-wrap: anywhere !important; }
    html body #creation-app[data-creation-page="home"] #fuuvo-mobile-creation-hub .mhub-primary { display: flex !important; align-items: center !important; justify-content: center !important; gap: 10px !important; background: var(--mh-primary) !important; color: var(--mh-on-primary) !important; border-radius: 16px !important; width: 100% !important; min-height: 50px !important; font-size: 14px !important; font-weight: 500 !important; }
    html body #creation-app[data-creation-page="home"] #fuuvo-mobile-creation-hub .mhub-primary svg { width: 18px !important; height: 18px !important; }
    html body #creation-app[data-creation-page="home"] #fuuvo-mobile-creation-hub .mhub-handoff-hint { font-size: 10px !important; color: var(--mh-muted) !important; line-height: 1.6 !important; margin: 11px 0 0 !important; text-align: center !important; }
    html body #creation-app[data-creation-page="home"] #fuuvo-mobile-creation-hub .mhub-toast { position: absolute !important; z-index: 8 !important; bottom: calc(40px + env(safe-area-inset-bottom)) !important; left: 50% !important; transform: translateX(-50%) !important; font-size: 12px !important; background: var(--mh-primary) !important; color: var(--mh-on-primary) !important; border-radius: 12px !important; padding: 12px 18px !important; max-width: 85% !important; text-align: center !important; opacity: 0 !important; pointer-events: none !important; transition: opacity .15s !important; }
    html body #creation-app[data-creation-page="home"] #fuuvo-mobile-creation-hub .mhub-toast.is-visible { opacity: 1 !important; }
}
@media (max-width: 920px) and (prefers-reduced-motion: reduce) {
    html body #creation-app[data-creation-page="home"] #fuuvo-mobile-creation-hub .mhub-halo { animation: none !important; }
    html body #creation-app[data-creation-page="home"] #fuuvo-mobile-creation-hub .mhub-scroll { scroll-behavior: auto !important; }
    html body #creation-app[data-creation-page="home"] #fuuvo-mobile-creation-hub.mhub-app * { transition: none !important; }
}
}