@media (max-width:1200px) { .tool-grid { grid-template-columns:1fr; } }

@media (max-width:800px) {
  .app-header { flex-wrap:wrap; }
  .header-actions { width:100%; justify-content:space-between; gap:8px; }
  .wordmark { font-size:29px; }
  .navigation { margin-top:20px; }
}
@media (max-width:600px) {
  .shell { padding:22px 16px; }
  .pb-plaque { width:118px; height:54px; }
  .pb-logo { width:94px; }
  .brand { gap:10px; }
  .auth-brand-header { padding:22px; }
  .auth-brand-header .pb-plaque { width:108px; height:54px; }
  .auth-brand-header .pb-logo { width:88px; }
  .auth-content { padding:24px; }
  .navigation { gap:20px; margin-bottom:28px; }
  .tool-card { grid-template-columns:1fr; }
  .tool-art { min-height:0; aspect-ratio:1; }
  .tool-copy { padding:26px; }
  footer { flex-direction:column; margin-top:40px; }
  .login-appearance { right:18px; top:18px; }
  .appearance { gap:8px; }
  .theme-switch button { font-size:10px; padding:9px; }
}