/* Images to GIF — tool-specific styles (shared system lives in /assets/site.css). */

.page-btn {
  display: inline-flex; align-items: center; justify-content: center;
  width: 1.9rem; height: 1.9rem; border-radius: 0.6rem;
  background: var(--surface-solid); border: 1px solid var(--border);
  color: var(--muted); transition: all 0.18s ease;
}
.page-btn:hover:not(:disabled) { color: var(--accent); border-color: var(--accent-border); }
.page-btn.danger:hover:not(:disabled) { color: #ef4444; border-color: rgba(239, 68, 68, 0.5); }
.page-btn:disabled { opacity: 0.3; cursor: not-allowed; }