.mobile-shell-header[data-v-0fb5f8c6]{position:relative;z-index:20;display:flex;min-height:var(--mobile-shell-header-height);align-items:center;justify-content:space-between;gap:12px;padding:10px 16px;color:var(--mobile-color-text-primary);background:color-mix(in srgb,var(--mobile-color-canvas) 92%,transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.mobile-shell-header__brand[data-v-0fb5f8c6]{display:inline-flex;min-width:104px;min-height:44px;align-items:center}.mobile-shell-header__brand img[data-v-0fb5f8c6]{display:block;width:104px;height:30px}.mobile-shell-header__actions[data-v-0fb5f8c6]{display:flex;align-items:center;gap:8px}@media(max-width:390px){.mobile-shell-header[data-v-0fb5f8c6]{padding-right:10px;padding-left:10px}.mobile-shell-header__actions[data-v-0fb5f8c6]{gap:5px}.mobile-shell-header__sign-in[data-v-0fb5f8c6],.mobile-shell-header__upgrade[data-v-0fb5f8c6]{padding:0 10px;font-size:12px}.mobile-shell-header__icon[data-v-0fb5f8c6]{width:44px}}.mobile-shell-header__icon[data-v-0fb5f8c6],.mobile-shell-header__sign-in[data-v-0fb5f8c6],.mobile-shell-header__upgrade[data-v-0fb5f8c6]{min-height:44px;border:0;font-weight:600}.mobile-shell-header__sign-in[data-v-0fb5f8c6],.mobile-shell-header__upgrade[data-v-0fb5f8c6]{padding:0 14px;border-radius:999px}.mobile-shell-header__upgrade[data-v-0fb5f8c6]{color:var(--mobile-color-accent);background:var(--mobile-color-accent-soft)}.mobile-shell-header__sign-in[data-v-0fb5f8c6]{color:#090b08;background:var(--mobile-color-accent)}.mobile-shell-header__icon[data-v-0fb5f8c6]{position:relative;display:grid;width:44px;place-items:center;border-radius:50%;color:var(--mobile-color-text-primary);background:var(--mobile-color-surface-raised);font-size:20px}.mobile-shell-header__unread[data-v-0fb5f8c6]{position:absolute;top:7px;right:7px;width:7px;height:7px;border:1px solid var(--mobile-color-canvas);border-radius:50%;background:#ff4d67}.mobile-online-tools-shell[data-v-ec18a034]{--mobile-color-canvas:#000;--mobile-color-surface:#131517;--mobile-color-surface-raised:#232528;--mobile-color-surface-soft:#292d31;--mobile-color-border:hsla(0,0%,100%,.14);--mobile-color-text-primary:#fff;--mobile-color-text-secondary:hsla(0,0%,100%,.7);--mobile-color-text-muted:hsla(0,0%,100%,.5);--mobile-color-accent:#2cf370;--mobile-color-accent-soft:rgba(44,243,112,.12);--mobile-color-parameter:#ff4fb8;--mobile-radius-sm:10px;--mobile-radius-md:12px;--mobile-radius-lg:16px;--mobile-radius-xl:24px;--mobile-shell-header-height:64px;--mobile-shell-bottom-nav-height:56px;--mobile-motion-fast:.14s;--mobile-motion-base:.22s;--mobile-motion-slow:.32s;--mobile-ease-standard:cubic-bezier(.2,0,0,1);--mobile-ease-emphasized:cubic-bezier(.22,1,.36,1)}@media(prefers-reduced-motion:reduce){.mobile-online-tools-shell[data-v-ec18a034]{--mobile-motion-fast:0ms;--mobile-motion-base:0ms;--mobile-motion-slow:0ms}body.musicful-mobile-online-tools *,body.musicful-mobile-online-tools{scroll-behavior:auto!important;animation-delay:0s!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-delay:0s!important;transition-duration:.01ms!important}}.mobile-online-tools-shell[data-v-ec18a034]{--mobile-shell-top-banner-height:0px;--online-tools-header-height:var(--mobile-shell-header-height);--online-tools-bottom-nav-height:var(--mobile-shell-bottom-nav-height);--online-tools-safe-bottom:env(safe-area-inset-bottom,0px);--online-tools-player-height:64px;--online-tools-player-gap:0px;--online-tools-player-offset:0px;--online-tools-submit-dock-height:0px;--online-tools-submit-player-clearance:2px;--online-tools-submit-dock-z-index:150;position:relative;min-height:100svh;overflow:hidden;color:var(--mobile-color-text-primary);background:var(--mobile-color-canvas)}.mobile-online-tools-shell.is-embedded-header-route[data-v-ec18a034]{--online-tools-header-height:0px}@supports (min-height:100dvh){.mobile-online-tools-shell[data-v-ec18a034]{min-height:100dvh}}.mobile-online-tools-shell[data-v-ec18a034] .top-banner-controller{position:relative;z-index:30;width:100%;height:var(--mobile-shell-top-banner-height);min-height:var(--mobile-shell-top-banner-height)}.mobile-online-tools-shell__app-banner-spacer[data-v-ec18a034]{width:100%;height:var(--mobile-shell-top-banner-height);min-height:var(--mobile-shell-top-banner-height);pointer-events:none}.mobile-online-tools-shell__content[data-v-ec18a034]{height:calc(100svh - var(--online-tools-header-height) - var(--mobile-shell-bottom-nav-height) - env(safe-area-inset-bottom,0px) - var(--mobile-shell-top-banner-height));min-height:0;overflow:hidden}.mobile-online-tools-shell.is-document-scroll .mobile-online-tools-shell__content[data-v-ec18a034]{overflow-y:auto;overscroll-behavior-y:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch}.mobile-online-tools-shell.is-document-scroll .mobile-online-tools-shell__content[data-v-ec18a034]::-webkit-scrollbar{display:none}.mobile-online-tools-shell.has-player .mobile-online-tools-shell__content[data-v-ec18a034]{padding-bottom:calc(var(--online-tools-player-height) + var(--online-tools-player-gap))}.mobile-online-tools-shell.is-generator-route .mobile-online-tools-shell__content[data-v-ec18a034]{height:calc(100svh - var(--online-tools-header-height) - var(--mobile-shell-top-banner-height));padding-bottom:0}.mobile-online-tools-shell.is-immersive-player-route .mobile-online-tools-shell__content[data-v-ec18a034]{height:100svh;padding-bottom:0}.mobile-online-tools-shell.is-minimal-document-route .mobile-online-tools-shell__content[data-v-ec18a034]{height:100svh;padding-bottom:0;overflow-y:auto}.mobile-online-tools-shell__player[data-v-ec18a034]{position:fixed;right:0;bottom:calc(var(--mobile-shell-bottom-nav-height) + env(safe-area-inset-bottom,0px));left:0;z-index:130;height:var(--online-tools-player-height)}.mobile-online-tools-shell__player[data-v-ec18a034] .play-board{position:static;width:100%}.mobile-player-rise-enter-active[data-v-ec18a034],.mobile-player-rise-leave-active[data-v-ec18a034]{transition:transform .22s cubic-bezier(.22,1,.36,1),opacity .18s ease}.mobile-player-rise-enter-from[data-v-ec18a034],.mobile-player-rise-leave-to[data-v-ec18a034]{opacity:0;transform:translateY(16px)}@media(prefers-reduced-motion:reduce){.mobile-player-rise-enter-active[data-v-ec18a034],.mobile-player-rise-leave-active[data-v-ec18a034]{transition:none}}