/* Custom styles layered on top of Tailwind (CDN at runtime, or built CSS in prod). */

@keyframes fadein {
  from { opacity: 0; transform: translateY(6px); }
  to   { opacity: 1; transform: translateY(0); }
}

/* Respect users who prefer reduced motion. */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.001ms !important;
    transition-duration: 0.001ms !important;
  }
}

/* Smooth scrolling for in-page anchors. */
html { scroll-behavior: smooth; }

/* Thumbnail grid used by Split / image tools. */
.pt-thumb {
  border: 2px solid transparent;
  border-radius: 0.75rem;
  overflow: hidden;
  cursor: pointer;
  transition: border-color .15s, transform .15s;
}
.pt-thumb:hover { transform: translateY(-2px); }
.pt-thumb.is-selected { border-color: #2563eb; }
.pt-thumb canvas, .pt-thumb img { display: block; width: 100%; height: auto; }