/* Aura Tools theme: greys aligned to the site palette (#111 / #1f1f22).
   Accent stays #8b5cf6, which is already the Aura accent. */
/* Checkerboard Pattern for Transparent Backgrounds */
.bg-checkered {
  background-color: #111111;
  background-image: 
    linear-gradient(45deg, #1f1f22 25%, transparent 25%),
    linear-gradient(-45deg, #1f1f22 25%, transparent 25%),
    linear-gradient(45deg, transparent 75%, #1f1f22 75%),
    linear-gradient(-45deg, transparent 75%, #1f1f22 75%);
  background-size: 20px 20px;
  background-position: 0 0, 0 10px, 10px -10px, -10px 0px;
}

/* Active Color Outline */
.btn-color-pick.active-color {
  ring: 3px;
  --tw-ring-color: #8b5cf6;
  outline: 2px solid #8b5cf6;
  outline-offset: 2px;
}

/* Drag over highlight for Dropzone */
.drag-over {
  border-color: #8b5cf6 !important;
  background-color: rgba(139, 92, 246, 0.1) !important;
  transform: scale(1.01);
}

/* Toast Animations */
@keyframes slideInUp {
  from {
    opacity: 0;
    transform: translateY(16px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.toast {
  animation: slideInUp 0.25s ease-out forwards;
}

/* Cropper.js Custom Theming */
.cropper-view-box {
  outline: 2px solid #8b5cf6 !important;
  outline-color: #8b5cf6 !important;
}
.cropper-line {
  background-color: #8b5cf6 !important;
}
.cropper-point {
  background-color: #ffffff !important;
  border: 2px solid #7c3aed !important;
  width: 10px !important;
  height: 10px !important;
  border-radius: 2px !important;
}
.cropper-point.point-se, .cropper-point.point-sw, .cropper-point.point-nw, .cropper-point.point-ne {
  width: 14px !important;
  height: 14px !important;
  border-radius: 4px !important;
}
.cropper-modal {
  background-color: rgba(0, 0, 0, 0.78) !important;
}

/* High-Contrast Brush Cursor (Visible on All Backgrounds) */
#brushCursor {
  border: 1.5px solid #ffffff !important;
  box-shadow: 0 0 0 1.5px #000000, inset 0 0 0 1px rgba(0, 0, 0, 0.3) !important;
  background-color: rgba(255, 255, 255, 0.12) !important;
  pointer-events: none;
}