@media (max-width: 768px) {
  .app-header { padding: 0 16px; }
  .audio-hero { padding: 40px 16px 28px; }
  .audio-hero h1 { font-size: 26px; }
  .audio-hero p { font-size: 15px; }
  .tools-home { padding: 0 16px 40px; }
  .tool-grid { grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 12px; }
  .tool-page { padding: 24px 16px 48px; }
  .tool-header h1 { font-size: 22px; }
  .upload-zone { padding: 32px 16px; }
  .option-row { flex-direction: column; gap: 0; }
  .waveform-canvas { height: 100px; }
  .eq-container { flex-wrap: wrap; gap: 8px; padding: 12px; }
  .eq-band input[type="range"] { height: 80px; }
}

@media (max-width: 480px) {
  .tool-grid { grid-template-columns: 1fr; }
  .tool-card { padding: 16px; gap: 12px; }
  .tool-card-icon { width: 36px; height: 36px; border-radius: var(--radius-sm); }
  .tool-card-icon svg { width: 18px; height: 18px; }
  .tool-card-name { font-size: 14px; }
  .tool-card-desc { font-size: 12px; }
  .download-section { padding: 28px 16px; }
  .options-panel { padding: 16px; }
  .waveform-canvas { height: 80px; }
  .waveform-controls { flex-wrap: wrap; gap: 8px; }
  .eq-container { gap: 6px; }
  .eq-band input[type="range"] { height: 60px; }
}