/* Mixeurs : minuterie cachée (le code reste dans les scripts), fond blanc tant que rien ne joue,
   et disposition compacte quand la fenêtre est basse (fenêtre de la console) : tout tient sans défilement. */
#timer { display: none !important; }
.av-idle .gradient { background-image: linear-gradient(#fff, #fff) !important; }

@media (max-height: 560px) {
  html, body { height: 100% !important; }
  body { position: static !important; display: block !important; min-height: 0 !important; overflow-x: hidden !important; overflow-y: auto !important; }
  .main-container { display: block !important; height: 100% !important; min-height: 0 !important; padding: 6px 10px !important; box-sizing: border-box !important; }
  .gradient { position: fixed !important; left: 50% !important; top: 50% !important; margin: -125px 0 0 -125px !important; --size: 250px !important; pointer-events: none; }
  .equalizer { display: flex !important; flex-direction: column !important; height: 100% !important; box-sizing: border-box !important; max-width: none !important; width: 100% !important; margin: 0 !important; padding: 8px 10px !important; border-radius: 14px !important; }
  .equalizer > p { flex: none; font-size: 1.05rem !important; line-height: 1.2; padding: 2px 0 6px !important; }
  .slider-container { flex: 1 1 0 !important; min-height: 56px !important; align-items: stretch !important; justify-content: space-between !important; gap: 4px !important; }
  .slider-container > .slider { align-self: stretch; height: auto !important; min-height: 0; width: 26px !important; margin: 0 !important; }
  .slider-block { min-height: 0; height: 100%; gap: 2px !important; }
  .slider-block .slider { flex: 1 1 0 !important; height: auto !important; min-height: 0 !important; width: 26px !important; margin: 0 !important; }
  .hz { flex: none; font-size: 9px !important; line-height: 1 !important; }
  .mod { flex: none; align-items: stretch !important; gap: 5px !important; margin-top: 6px !important; }
  .pp { margin: 0 !important; min-height: 32px !important; padding: 5px !important; font-size: 14px !important; border-radius: 10px !important; }
  .button-container { display: flex !important; flex-wrap: wrap !important; justify-content: center !important; width: auto !important; max-width: none !important; gap: 4px !important; }
  .preset { flex: 0 1 auto !important; width: auto !important; min-height: 0 !important; display: block !important; padding: 3px 8px !important; font-size: 11px !important; line-height: 1.3 !important; border-radius: 6px !important; }
  #savePresetBtn, #myPresetsBtn { font-size: 11px !important; }
  .volume-general { width: auto !important; margin: 0 !important; display: flex !important; align-items: center; gap: 8px; }
  .volume-general label { display: inline !important; margin: 0 !important; font-size: 12px !important; white-space: nowrap; }
  .volume-general .volume { flex: 1 1 auto; width: auto !important; height: 20px !important; margin: 0 !important; min-width: 0; }
}