@media (max-width: 768px) {
  .app-header { padding: 0 16px; }
  .pdf-hero { padding: 40px 16px 28px; }
  .pdf-hero h1 { font-size: 26px; }
  .pdf-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; }
  .page-grid { grid-template-columns: repeat(auto-fill, minmax(90px, 1fr)); gap: 10px; }
}

@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; }
}