body {
  font-family: "Inter", sans-serif;
}

.glass-effect {
  backdrop-filter: blur(10px);
  background: rgba(255, 255, 255, 0.9);
}

.progress-bar {
  transition: width 0.3s ease;
}

.image-preview {
  max-width: 100px;
  max-height: 100px;
  object-fit: cover;
}

.drag-zone {
  border: 2px dashed #cbd5e1;
  transition: all 0.3s ease;
}

.drag-zone.drag-over {
  border-color: #3b82f6;
  background-color: #eff6ff;
}

.animate-pulse-slow {
  animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}

input[type="color"]::-webkit-color-swatch-wrapper {
  padding: 0;
}

input[type="color"]::-webkit-color-swatch {
  border: none;
  border-radius: 0.375rem;
}