@media (max-width: 800px) {
  main { padding: var(--gap-md) var(--gap-md) var(--gap-xl); }
}

@media (max-width: 600px) {
  body {
    background-image:
      radial-gradient(circle at 25% 30%, rgba(255, 201, 60, 0.12) 0, transparent 35%),
      radial-gradient(circle at 80% 70%, rgba(255, 143, 77, 0.10) 0, transparent 35%);
  }
  main { padding: var(--gap-sm) var(--gap-sm) var(--gap-lg); }
  section { margin-bottom: var(--gap-md); }
  .content-grid { gap: var(--gap-md); }
  .panel-header { padding: var(--gap-sm) var(--gap-md); gap: var(--gap-sm); }
  .panel-subtitle { font-size: 0.66rem; }
  .header-controls { width: 100%; justify-content: flex-start; }
}

@media (max-width: 400px) {
  .header-controls > * { flex: 1 1 auto; min-width: 0; }
  .mode-toggle, .zoom-controls { flex-shrink: 0; }
}

@media (hover: none) {
  .palette-cell:hover { transform: none; box-shadow: 0 1px 2px rgba(58, 31, 10, 0.1); }
  .recipe-row:hover { transform: none; }
  .btn:hover { transform: none; }
  #drop-zone:hover { transform: none; }
}