.player-panel .player-controls {
    display: flex !important;
    align-items: center;
    justify-content: flex-start;
    gap: 16px;
    width: 100%;
    flex-wrap: wrap;
    min-width: 0;
  }

  .player-panel .player-controls>.volume {
    display: flex !important;
    align-items: center;
    gap: 12px;
    flex: 1 1 0;
    min-width: 0;
    width: 100%;
  }

  .player-panel .player-controls>.volume input[type="range"] {
    flex: 1 1 0 !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
  }

  .player-panel .player-controls>button.small-icon {
    flex: 0 0 auto;
  }

  .player-panel .waveform {
    width: 100%;
    max-width: 100%;
    min-width: 0;
  }

  @media (max-width: 760px) {
    .player-panel .player-controls {
      gap: 12px;
    }
  }