.music-panel-heading > div { flex: 1; min-width: 0; }
.music-minimize {
  flex-shrink: 0; padding: 8px; min-height: 44px; border: 1px solid #d6c59d35;
  background: #dfc17c0a; border-radius: 7px; color: var(--ya-paper);
  font-family: var(--ya-sans); font-size: 11px; cursor: pointer; white-space: nowrap;
}
.music-minimize:hover { background: #dfc17c19; }
.music-minimize:focus-visible { outline: 2px solid var(--ya-light); outline-offset: 3px; }
.music-toggle.music-toggle--compact {
  min-width: 48px; width: 48px; height: 48px; min-height: 48px;
  padding: 0; gap: 0; border-color: #d6c59d66;
}
.music-toggle--compact > span:last-child { display: none; }
.music-toggle--compact .music-bars { display: none; }
.music-toggle--compact::before { content: '♫'; color: #e4d19d; font-size: 23px; line-height: 1; }
.music-panel.music-panel--mini { width: 202px; border-radius: 5px; }
.music-panel--mini .music-frame { height: 200px; }
.music-panel--mini .music-panel-heading { padding: 0 0 0 6px; gap: 4px; height: 28px; }
.music-panel--mini .music-panel-heading > div { overflow: hidden; }
.music-panel--mini .music-panel-heading p { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 10px; }
.music-panel--mini .music-panel-heading span,
.music-panel--mini .music-panel-note { display: none; }
.music-panel--mini .music-minimize { padding: 0 5px; border: 0; min-height: 28px; height: 28px; border-radius: 3px; }
.music-panel--mini .music-close { width: 28px; height: 28px; font-size: 20px; }
.music-panel--mini + .music-toggle { display: none; }
@media(max-width: 420px) {
  .music-panel-heading { padding-left: 12px; gap: 4px; }
  .music-panel-heading p { font-size: 12px; }
  .music-close { width: 36px; }
}