/* Unit music: Eleodes track list around the unmodified official Suno player. */
.unit-music-nav {
  display: inline-flex; align-items: center; justify-content: center; gap: 7px;
  flex-shrink: 0; min-width: 44px; min-height: 44px; padding: 9px;
  border: 1px solid #bfcadd; border-radius: 99px; background: #edf2ff;
  color: #173b70; font: 700 13px var(--font-body, sans-serif); cursor: pointer;
}
.unit-music-nav svg { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.unit-music-nav span { display: none; }
.unit-music-nav:hover { background: #dfe9ff; }
.unit-music-nav:disabled { opacity: .5; cursor: default; }
/* The regular page shows only the header's music icon. */
.unit-music-section { padding: 16px 0; scroll-margin-top: 110px; }
.unit-music-section[hidden], .unit-music-dock[hidden] { display: none !important; }
.unit-music-fallback-list { max-width: 700px; font-size: 14px; }
.unit-music-fallback-list summary { cursor: pointer; }
.unit-music-tracks { padding-left: 20px; }
.unit-music-tracks li { margin: 14px 0; }
.unit-music-tracks h3 { font-size: 16px; margin: 0; }
.unit-music-tracks p { font-size: 13px; margin: 3px 0; }
.unit-music-takes { display: flex; gap: 16px; }
.unit-music-takes a { text-decoration: underline; }
.unit-music-dock { transition-property: none; position: fixed; z-index: 1100; right: 16px; top: var(--unit-music-top, 88px); width: min(360px, calc(100vw - 32px)); max-height: calc(100dvh - var(--unit-music-top, 88px) - 16px); overflow: auto; border: 1px solid #c3cee0; border-radius: 14px; background: #fff; color: #14233c; box-shadow: 0 10px 40px rgb(10 25 50 / .2); }
.unit-music-dock-head { display: flex; gap: 4px; align-items: center; padding: 2px 4px; }
.unit-music-dock-head [data-music-fallback] { flex: 1; text-align: right; padding: 8px; color: #214f92; font: 11px/1.5 var(--font-body, sans-serif); text-underline-offset: 3px; }
.unit-music-dock-head [data-music-close] { order: 1; }
.unit-music-status { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.unit-music-dock button, .unit-music-close { min-width: 44px; min-height: 44px; padding: 8px; border: 0; border-radius: 8px; background: #edf2fb; color: #193d75; cursor: pointer; font: 700 12px var(--font-body, sans-serif); }
.unit-music-dock button:hover { background: #dce7fb; }
.unit-music-dock [data-music-close] { background: transparent; font-size: 24px; }
.unit-music-dock iframe { display: block; border: 0; width: 100%; height: 240px; background: #192237; }
.unit-music-section [hidden] { display: none !important; }
@media (max-width: 520px) { .unit-music-nav { padding: 9px 11px; } .unit-music-nav span { display: none; } }
@media (max-width: 380px) { .nav:has(.unit-music-nav) .brand span { display: none; } .nav:has(.unit-music-nav) .nav-end { gap: 6px; } }

.unit-music-nav:focus-visible, .unit-music-dock button:focus-visible, .unit-music-dock a:focus-visible, .unit-music-section a:focus-visible, .unit-music-section summary:focus-visible { outline: 3px solid #b95418; outline-offset: 3px; }
@media print { .unit-music-nav, .unit-music-dock { display: none !important; } }