.topbar > .tools { 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; }
  .topbar > .tools { flex: 1 1 auto; justify-content: flex-end; }
  .ta-audio-controls { flex-basis: 100%; justify-content: flex-end; }
}
.topbar .ta-audio-controls { --ta-ink: #f7e7cf; --ta-accent: #eaa176; --ta-track: #b5906f; --ta-focus: #f7e7cf; }