/* Cropper.js v1 styles - Import from CDN */
@import url('https://cdn.jsdelivr.net/npm/cropperjs@1.6.2/dist/cropper.min.css');

/* Custom cropper container wrapper */
.cropper-wrapper {
  position: relative;
  width: 100%;
  height: 400px;
  background: #f5f5f5;
}

.cropper-wrapper img {
  max-width: 100%;
  max-height: 100%;
}

/* Dark mode support */
@media (prefers-color-scheme: dark) {
  .cropper-wrapper {
    background: #2d2d2d;
  }
}