html {
  font-size: 16px;
}

body {
  font-family: "Inter", "Segoe UI", system-ui, sans-serif;
  color: #0f172a;
  background-color: #f8fafc;
}

.dropzone {
  border: 2px dashed #cbd5f5;
  transition: border-color 0.2s ease, background-color 0.2s ease;
}

.dropzone.drag-over {
  border-color: #2563eb;
  background-color: #eff6ff;
}

.spinner {
  border: 2px solid #e2e8f0;
  border-top: 2px solid #2563eb;
  border-radius: 9999px;
  width: 16px;
  height: 16px;
  animation: spin 0.8s linear infinite;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}