#preferences { flex-wrap: wrap; min-width: 0; }
header:has(.ta-audio-controls) { height: auto !important; min-height: 56px; }
.ta-audio-controls { flex-shrink: 0; }
@media (max-width: 760px) {
  header:has(.ta-audio-controls) { flex-wrap: wrap; gap: 4px 10px; }
  #preferences { flex: 1 1 auto; justify-content: flex-end; }
  .ta-audio-controls { flex-basis: 100%; justify-content: flex-end; }
}
#preferences #volume, #preferences #volumevalue { display: none; }
@media (max-width: 760px) { #preferences { max-width: none; flex: 1 1 100%; } }