/**
 * Bundle CSS spécifique pour les pages de crop
 * Combine tous les styles nécessaires pour les fonctionnalités de crop
 */

/* Import des styles CropperJS */
@import 'cropperjs/dist/cropper.min.css';
@import '@symfony/ux-cropperjs/dist/style.min.css';

/* Import de nos styles personnalisés */
@import './image-cropper.css';

/* Styles spécifiques pour les pages de crop */
.crop-page {
    min-height: 100vh;
    background-color: #f8f9fa;
}

.crop-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 20px;
}

.crop-header {
    background: white;
    border-radius: 8px;
    padding: 20px;
    margin-bottom: 20px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

.crop-main {
    background: white;
    border-radius: 8px;
    padding: 20px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

/* Optimisations pour les performances */
.cropper-container {
    will-change: transform;
    transform-origin: center;
}

.cropper-canvas {
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
}