html {
  min-width: 320px;
}

body {
  background: #f4f6f8;
}

.site-nav {
  scrollbar-width: thin;
}

.tool-field:focus {
  border-color: #2563eb;
  box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.12);
  outline: none;
}

.tool-dropzone {
  transition: border-color 160ms ease, background-color 160ms ease;
}

.tool-dropzone.is-dragging {
  border-color: #2563eb;
  background: #eff6ff;
}

.tool-toast {
  animation: tool-toast-in 180ms ease-out;
}

@keyframes tool-toast-in {
  from { opacity: 0; transform: translate(-50%, -6px); }
  to { opacity: 1; transform: translate(-50%, 0); }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    scroll-behavior: auto !important;
    transition-duration: 0.01ms !important;
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
  }
}