.image-uploader{width:100%}.upload-area{border:2px dashed #e3e6f0;border-radius:.375rem;padding:3rem 2rem;text-align:center;transition:all .3s ease;cursor:pointer;background:#f8f9fc}.upload-area:hover{border-color:#159bff;background:#f1f8ff}.upload-area.drag-over{border-color:#159bff;background:#e8f4ff;transform:scale(1.02)}.upload-content{display:flex;flex-direction:column;align-items:center;gap:1rem}.upload-icon{font-size:3rem;color:#159bff;opacity:.7}.upload-content h4{margin:0;color:#5a5c69;font-weight:600}.upload-content p{margin:0;font-size:.875rem}.upload-progress{margin-top:1rem;padding:1rem;background:#f8f9fc;border-radius:.375rem}.image-previews{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1rem;margin-top:1.5rem}.image-preview{position:relative;border-radius:.375rem;overflow:hidden;background:#fff;border:1px solid #e3e6f0;transition:all .3s ease}.image-preview:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.preview-image{position:relative;aspect-ratio:1;overflow:hidden}.preview-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.preview-overlay{position:absolute;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.image-preview:hover .preview-overlay{opacity:1}.remove-btn{width:2rem;height:2rem;border-radius:50%;display:flex;align-items:center;justify-content:center;padding:0}.upload-status{position:absolute;top:.5rem;right:.5rem;width:1.5rem;height:1.5rem;display:flex;align-items:center;justify-content:center;background:#ffffffe6;border-radius:50%}.upload-status .spinner-border-sm{width:1rem;height:1rem}.preview-info{padding:.75rem;display:flex;flex-direction:column;gap:.25rem}.file-name{font-weight:500;color:#5a5c69;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-size{font-size:.75rem}.featured-image-section{margin-bottom:2rem}.featured-image-section .image-previews{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.featured-image-section .image-preview{border:2px solid #159bff}.featured-image-section .upload-area{border-color:#159bff;background:#f1f8ff}.gallery-images-section{margin-top:2rem}@media (max-width: 768px){.image-previews{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.featured-image-section .image-previews{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.upload-area{padding:2rem 1rem}.upload-icon{font-size:2rem}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.image-preview{animation:fadeInUp .3s ease}.image-preview.error{border-color:#e74a3b}.image-preview.error .preview-image:after{content:"";position:absolute;inset:0;background:#e74a3b1a}.image-preview.success{border-color:#1cc88a}.image-preview.success .preview-image:after{content:"";position:absolute;inset:0;background:#1cc88a1a}.image-preview.uploading{opacity:.7}.image-preview.uploading .preview-image:after{content:"";position:absolute;inset:0;background:#5999ff1a}[x-cloak]{display:none}