/* Application-frame adaptation. Load after the four supplied design styles. */
#fuuvo-music-pc { display: none; }

@media (min-width: 921px) {
  #fuuvo-music-pc {
    --rail: 0px;
    --player: 92px;
    --topbar: 70px;
    display: flex;
    box-sizing: border-box;
    position: relative;
    isolation: isolate;
    flex: 1 1 auto;
    flex-direction: column;
    width: 100%;
    height: 100%;
    max-height: 100%;
    min-width: 0;
    min-height: 0;
    padding: 0 0 var(--player);
    overflow: hidden;
    container-name: fuuvo-music-pc;
    container-type: inline-size;
    color-scheme: dark;
    text-align: left;
    line-height: normal;
  }

  #fuuvo-music-pc::before { position: absolute; }
  #fuuvo-music-pc .fv-ambient.fv-flow { position: absolute; }
  #fuuvo-music-pc .app-shell {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    height: 100%;
    min-width: 0;
    min-height: 0;
    margin-left: 0;
  }
  #fuuvo-music-pc .topbar { flex: 0 0 var(--topbar); min-height: var(--topbar); padding-left: 56px; }
  #fuuvo-music-pc .topbar-right { min-width: 0; }
  #fuuvo-music-pc .studio { flex: 1 1 auto; height: auto; min-width: 0; min-height: 0; }
  #fuuvo-music-pc .music-sidebar,
  #fuuvo-music-pc .composer,
  #fuuvo-music-pc .library { min-width: 0; min-height: 0; }
  #fuuvo-music-pc .library { overscroll-behavior: contain; }
  #fuuvo-music-pc .music-brand b { font-weight: inherit; }
  #fuuvo-music-pc .side-library-item > span:last-child { min-width: 0; }
  #fuuvo-music-pc .side-library-item strong,
  #fuuvo-music-pc .side-library-item small { overflow: hidden; text-overflow: ellipsis; }
  #fuuvo-music-pc .player { position: absolute; left: 0; right: 0; bottom: 0; height: var(--player); }
  #fuuvo-music-pc .toast { position: absolute; left: 50%; bottom: calc(var(--player) + 20px); }
  #fuuvo-music-pc .skip { position: absolute; left: 16px; }
  #fuuvo-music-pc .mobile-tabs { display: none; }
  #fuuvo-music-pc dialog:not([open]) { display: none; }
  #fuuvo-music-pc dialog { max-height: calc(100dvh - 48px); overflow: auto; }
  #fuuvo-music-pc .queue-dialog { max-height: calc(100dvh - 150px); }
  #fuuvo-music-pc .reference-upload { flex-shrink: 0; }
  #fuuvo-music-pc #reference-audio { max-width: 100%; }
  #fuuvo-music-pc .form-status { overflow-wrap: anywhere; }
  #fuuvo-music-pc #generate-button[aria-busy="true"] { cursor: progress; }
  #fuuvo-music-pc #duration-setting { display: grid; gap: 8px; }
  #fuuvo-music-pc #music-duration { box-sizing: border-box; width: 100%; border: 1px solid #ffffff24; border-radius: 8px; padding: 10px 12px; background: #23212e; color: #eee4fa; font: inherit; }
  #fuuvo-music-pc #local-library-note { margin: -8px 0 20px; line-height: 1.7; }
  #fuuvo-music-pc .track-meta .dialog-actions { justify-content: flex-start; flex-wrap: wrap; gap: 12px; margin-top: 10px; }
  #fuuvo-music-pc .task-card { min-width: 0; }
  #fuuvo-music-pc button:disabled { cursor: not-allowed; opacity: .5; }
  #fuuvo-music-pc .dialog-actions { flex-wrap: wrap; }

  @container fuuvo-music-pc (max-width: 1120px) {
    #fuuvo-music-pc .track-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
    #fuuvo-music-pc .studio[data-app-view="create"] .track-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    #fuuvo-music-pc .hero-copy h2 { font-size: 28px; }
    #fuuvo-music-pc .catalog-note { display: none; }
    #fuuvo-music-pc .player { gap: 18px; padding-left: 20px; padding-right: 20px; }
  }

  @container fuuvo-music-pc (max-width: 900px) {
    #fuuvo-music-pc .studio { --hybrid-sidebar: 170px; }
    #fuuvo-music-pc .music-sidebar { padding-left: 8px; padding-right: 8px; }
    #fuuvo-music-pc .music-brand { margin-left: 8px; margin-right: 0; }
    #fuuvo-music-pc .music-brand strong { font-size: 17px; }
    #fuuvo-music-pc .music-nav button { font-size: 11px; padding-left: 11px; gap: 9px; }
    #fuuvo-music-pc .side-creation-note { padding-left: 11px; padding-right: 11px; }
    #fuuvo-music-pc .library { padding-left: 22px; padding-right: 22px; }
    #fuuvo-music-pc .search-box { width: 205px; }
    #fuuvo-music-pc .track-grid,
    #fuuvo-music-pc .studio[data-app-view="saved"] .track-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    #fuuvo-music-pc .hero-copy { width: 58%; padding: 23px; }
    #fuuvo-music-pc .hero-copy h2 { font-size: 26px; }
    #fuuvo-music-pc .hero-art { width: 42%; }
    #fuuvo-music-pc .hero-sleeve { left: 0; width: 127px; height: 160px; top: 32px; }
    #fuuvo-music-pc .vinyl { left: 23%; width: 143px; height: 143px; top: 45px; }
    #fuuvo-music-pc .vinyl span { inset: 48px; }
    #fuuvo-music-pc .hero-button-row { flex-wrap: wrap; gap: 7px; }
    #fuuvo-music-pc .hero-play,
    #fuuvo-music-pc .hero-cta { font-size: 9px; padding-left: 9px; padding-right: 9px; }
    #fuuvo-music-pc .hero-caption { display: none; }
    #fuuvo-music-pc .playlist-grid { gap: 12px; }
    #fuuvo-music-pc .playlist-cover { height: 108px; }
    #fuuvo-music-pc .playlist-card .playlist-title { font-size: 12px; }
    #fuuvo-music-pc .playlist-desc { font-size: 9px; }
    #fuuvo-music-pc .player { grid-template-columns: minmax(0, 1fr) minmax(240px, 1.2fr) 70px; gap: 10px; }
    #fuuvo-music-pc .player-right > input,
    #fuuvo-music-pc .player-right #player-mute { display: none; }
    #fuuvo-music-pc .studio[data-app-view="create"] { grid-template-columns: 310px minmax(0, 1fr); }
    #fuuvo-music-pc .studio[data-app-view="create"] .track-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    #fuuvo-music-pc .studio[data-app-view="create"] .library-toolbar { flex-wrap: wrap; }
  }

  @container fuuvo-music-pc (max-width: 720px) {
    #fuuvo-music-pc .topbar { padding-left: 56px; padding-right: 18px; }
    #fuuvo-music-pc .topbar-right { gap: 10px; }
    #fuuvo-music-pc .history-link { font-size: 11px; }
    #fuuvo-music-pc .motion-toggle { width: 32px; height: 32px; padding: 7px; }
    #fuuvo-music-pc .motion-label { display: none; }
    #fuuvo-music-pc .library-toolbar { flex-wrap: wrap; gap: 12px; }
    #fuuvo-music-pc .library-toolbar .search-box { width: 100%; }
    #fuuvo-music-pc .discovery-heading h1 { font-size: 23px; }
    #fuuvo-music-pc .hero-copy { padding: 20px 18px; width: 60%; }
    #fuuvo-music-pc .hero-copy h2 { font-size: 23px; }
    #fuuvo-music-pc .hero-copy p { font-size: 9px; line-height: 1.7; }
    #fuuvo-music-pc .hero-art { width: 40%; }
    #fuuvo-music-pc .hero-sleeve { left: -7%; width: 105px; height: 140px; top: 43px; }
    #fuuvo-music-pc .hero-sleeve strong { font-size: 14px; }
    #fuuvo-music-pc .vinyl { left: 17%; top: 57px; width: 115px; height: 115px; }
    #fuuvo-music-pc .vinyl span { inset: 38px; }
    #fuuvo-music-pc .playlist-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    #fuuvo-music-pc .recent-tracks { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    #fuuvo-music-pc .track-grid,
    #fuuvo-music-pc .studio[data-app-view="saved"] .track-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    #fuuvo-music-pc .studio[data-app-view="saved"] .draft-grid { grid-template-columns: 1fr; }
    #fuuvo-music-pc .player { grid-template-columns: minmax(0, 1fr) 240px 32px; padding-left: 15px; padding-right: 15px; }
    #fuuvo-music-pc .player .now-playing .icon-button { display: none; }
    #fuuvo-music-pc .transport { gap: 10px; }
    #fuuvo-music-pc .player-right { gap: 0; }
  }
}