/* The Chinese wordmark is taller than FuuVo; preserve its original proportions. */
@layer fuuvo-mobile-design {
@media (max-width: 920px) {
    /* Creation headers share one lockup, including the space occupied by AI. */
    html body #creation-app[data-creation-page] :is(#fuuvo-mobile-image-studio, #fuuvo-mobile-video, #fuuvo-mobile-music-studio, #fuuvo-mobile-audio) :is(.header, .music-header, .maudio-header) > .brand {
        position: absolute !important;
        left: 50% !important;
        top: 50% !important;
        transform: translate(-50%, -50%) !important;
        display: flex !important;
        align-items: flex-end !important;
        gap: 5px !important;
        width: 128px !important;
        height: auto !important;
        padding: 0 !important;
        margin: 0 !important;
        border: 0 !important;
        background: none !important;
        text-decoration: none !important;
    }
    html body #creation-app[data-creation-page] :is(#fuuvo-mobile-image-studio, #fuuvo-mobile-video, #fuuvo-mobile-music-studio, #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;
        filter: none !important;
    }
    html body #creation-app[data-creation-page] :is(#fuuvo-mobile-image-studio, #fuuvo-mobile-video, #fuuvo-mobile-music-studio, #fuuvo-mobile-audio) .brand > span {
        position: static !important;
        inset: auto !important;
        display: block !important;
        flex: none !important;
        width: auto !important;
        min-width: 0 !important;
        height: 16px !important;
        padding: 0 !important;
        margin: 0 0 4px !important;
        border: 0 !important;
        background: transparent !important;
        font: 700 12px/16px Arial, sans-serif !important;
        letter-spacing: 0 !important;
        color: #101015 !important;
        -webkit-text-fill-color: currentColor !important;
        white-space: nowrap !important;
    }
    html:is([data-ui-theme="dark"], [data-theme="dark"]) body #creation-app[data-creation-page] :is(#fuuvo-mobile-image-studio, #fuuvo-mobile-video, #fuuvo-mobile-music-studio, #fuuvo-mobile-audio) .brand > span,
    html body:is([data-ui-theme="dark"], [data-theme="dark"]) #creation-app[data-creation-page] :is(#fuuvo-mobile-image-studio, #fuuvo-mobile-video, #fuuvo-mobile-music-studio, #fuuvo-mobile-audio) .brand > span {
        color: #f1edf5 !important;
    }
    html body #creation-app[data-creation-page] #fuuvo-mobile-music-studio:not(.keyboard) .brand.keyboard-only {
        display: none !important;
    }
    html body #creation-app[data-creation-page] :is(#fuuvo-mobile-image-studio, #fuuvo-mobile-video, #fuuvo-mobile-music-studio, #fuuvo-mobile-audio).keyboard :is(.header, .music-header, .maudio-header) > .brand {
        width: max-content !important;
    }
    html body #creation-app[data-creation-page] :is(#fuuvo-mobile-image-studio, #fuuvo-mobile-video, #fuuvo-mobile-music-studio, #fuuvo-mobile-audio).keyboard .brand > img {
        flex: none !important;
        width: auto !important;
        min-width: 0 !important;
        max-height: 28px !important;
    }
    html body .fuuvo-mobile-prototype-home-brand:has(> img[data-mobile-brand-locale="zh"]) {
        display: flex;
        align-items: baseline;
        justify-content: center;
        gap: 12px;
        height: 94px;
        max-height: 78px;
    }
    html body .fuuvo-mobile-prototype-home-brand:has(> img[data-mobile-brand-locale="zh"]) > span {
        position: static;
        inset: auto;
        transform: none;
    }
    html body .fuuvo-mobile-prototype-home-brand:has(> img[data-mobile-brand-locale="zh"]) > img {
        position: static;
        inset: auto;
        width: 200px;
        height: 94px;
        max-width: 166px;
        max-height: 78px;
        transform: none;
        object-position: center bottom;
    }
    html body .fuuvo-mobile-prototype-drawer-brand .wordmark[data-mobile-brand-locale="zh"] {
        height: 35px !important;
        max-height: 35px !important;
        object-fit: contain !important;
    }
    html body .fuuvo-mobile-composer-wordmark img[data-mobile-brand-locale="zh"] {
        width: auto;
        max-width: 70vw;
        height: 48px;
    }
    html body #creation-app[data-creation-page="home"] #fuuvo-mobile-creation-hub .mhub-brand:has(img[data-mobile-brand-locale="zh"]) {
        height: 94px !important;
    }
    html body #creation-app[data-creation-page="home"] #fuuvo-mobile-creation-hub .mhub-brand:has(img[data-mobile-brand-locale="zh"]) > span {
        top: auto !important;
        bottom: 8px !important;
    }
}
}