.lazy-image-container[data-v-e0e6daa8]{position:relative;overflow:hidden;display:inline-block;background-color:#f3f4f6}.dark .lazy-image-container[data-v-e0e6daa8]{background-color:#374151}.lazy-image-placeholder[data-v-e0e6daa8],.lazy-image-error[data-v-e0e6daa8]{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#f3f4f6;color:#6b7280}.dark .lazy-image-placeholder[data-v-e0e6daa8],.dark .lazy-image-error[data-v-e0e6daa8]{background-color:#374151;color:#9ca3af}.lazy-image-error[data-v-e0e6daa8]{background-color:#fef2f2;color:#dc2626}.dark .lazy-image-error[data-v-e0e6daa8]{background-color:#7f1d1d;color:#fca5a5}.skeleton-loader[data-v-e0e6daa8]{position:relative;width:100%;height:100%;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:shimmer-e0e6daa8 1.5s infinite}.dark .skeleton-loader[data-v-e0e6daa8]{background:linear-gradient(90deg,#374151 25%,#4b5563,#374151 75%);background-size:200% 100%}.skeleton-shimmer[data-v-e0e6daa8]{width:100%;height:100%}@keyframes shimmer-e0e6daa8{0%{background-position:-200% 0}to{background-position:200% 0}}.placeholder-icon[data-v-e0e6daa8],.error-icon[data-v-e0e6daa8]{display:flex;align-items:center;justify-content:center}.icon[data-v-e0e6daa8]{width:2rem;height:2rem}.placeholder-text[data-v-e0e6daa8],.error-text[data-v-e0e6daa8]{margin-top:.5rem;font-size:.875rem;text-align:center}img[data-v-e0e6daa8]{width:100%;height:100%;display:block}@media (max-width: 640px){.icon[data-v-e0e6daa8]{width:1.5rem;height:1.5rem}.placeholder-text[data-v-e0e6daa8],.error-text[data-v-e0e6daa8]{font-size:.75rem}}@media (prefers-reduced-motion: reduce){.skeleton-loader[data-v-e0e6daa8]{animation:none}img[data-v-e0e6daa8]{transition:none}}.overflow-x-auto[data-v-81878286]::-webkit-scrollbar{height:8px}.overflow-x-auto[data-v-81878286]::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.overflow-x-auto[data-v-81878286]::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.overflow-x-auto[data-v-81878286]::-webkit-scrollbar-thumb:hover{background:#94a3b8}.dark .overflow-x-auto[data-v-81878286]::-webkit-scrollbar-track{background:#374151}.dark .overflow-x-auto[data-v-81878286]::-webkit-scrollbar-thumb{background:#6b7280}.dark .overflow-x-auto[data-v-81878286]::-webkit-scrollbar-thumb:hover{background:#9ca3af}button[data-v-81878286]:focus,input[data-v-81878286]:focus,select[data-v-81878286]:focus{outline:2px solid #3b82f6;outline-offset:2px}@media (prefers-reduced-motion: reduce){[data-v-81878286]{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (prefers-contrast: high){.bg-white[data-v-81878286]{background-color:#fff}.bg-gray-100[data-v-81878286]{background-color:#f3f4f6}.border-gray-300[data-v-81878286]{border-color:#9ca3af}}@media (max-width: 640px){.overflow-x-auto[data-v-81878286]{-webkit-overflow-scrolling:touch}.min-w-full[data-v-81878286]{min-width:600px}}.image-upload-container[data-v-4e26b7e8]{width:100%}.upload-area[data-v-4e26b7e8]{border:2px dashed #d1d5db;border-radius:.75rem;padding:3rem 1.5rem;text-align:center;cursor:pointer;transition:all .2s ease;background-color:#f9fafb}.dark .upload-area[data-v-4e26b7e8]{border-color:#4b5563;background-color:#1f2937}.upload-area[data-v-4e26b7e8]:hover{border-color:#9ca3af;background-color:#f3f4f6}.dark .upload-area[data-v-4e26b7e8]:hover{border-color:#6b7280;background-color:#374151}.upload-area.drag-over[data-v-4e26b7e8]{border-color:#3b82f6;background-color:#dbeafe}.dark .upload-area.drag-over[data-v-4e26b7e8]{border-color:#60a5fa;background-color:#1e3a8a}.upload-content[data-v-4e26b7e8]{display:flex;flex-direction:column;align-items:center;gap:.5rem}.upload-icon[data-v-4e26b7e8]{width:3rem;height:3rem;color:#9ca3af}.dark .upload-icon[data-v-4e26b7e8]{color:#6b7280}.upload-text[data-v-4e26b7e8]{font-size:.875rem;font-weight:500;color:#374151}.dark .upload-text[data-v-4e26b7e8]{color:#d1d5db}.upload-hint[data-v-4e26b7e8]{font-size:.75rem;color:#6b7280}.dark .upload-hint[data-v-4e26b7e8]{color:#9ca3af}.preview-area[data-v-4e26b7e8]{width:100%}.preview-container[data-v-4e26b7e8]{display:flex;align-items:flex-start;gap:1rem}.preview-image-wrapper[data-v-4e26b7e8]{position:relative;width:8rem;height:8rem;border-radius:.75rem;overflow:hidden;border:2px solid #e5e7eb;flex-shrink:0;cursor:pointer}.dark .preview-image-wrapper[data-v-4e26b7e8]{border-color:#4b5563}.preview-image[data-v-4e26b7e8]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.preview-overlay[data-v-4e26b7e8]{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#0000;display:flex;align-items:center;justify-content:center;gap:.5rem;opacity:0;transition:all .2s ease}.preview-image-wrapper:hover .preview-overlay[data-v-4e26b7e8]{background-color:#00000080;opacity:1}.overlay-btn[data-v-4e26b7e8]{padding:.5rem;border-radius:.5rem;border:none;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.overlay-btn-view[data-v-4e26b7e8]{background-color:#fff;color:#1f2937}.overlay-btn-view[data-v-4e26b7e8]:hover{background-color:#f3f4f6;transform:scale(1.1)}.overlay-btn-delete[data-v-4e26b7e8]{background-color:#ef4444;color:#fff}.overlay-btn-delete[data-v-4e26b7e8]:hover{background-color:#dc2626;transform:scale(1.1)}.btn-icon[data-v-4e26b7e8]{width:1.25rem;height:1.25rem}.preview-actions[data-v-4e26b7e8]{display:flex;flex-direction:column;gap:.5rem;flex:1}.action-btn[data-v-4e26b7e8]{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:.5rem;font-size:.875rem;font-weight:500;border:1px solid;cursor:pointer;transition:all .2s ease}.action-btn-secondary[data-v-4e26b7e8]{background-color:#fff;color:#374151;border-color:#d1d5db}.dark .action-btn-secondary[data-v-4e26b7e8]{background-color:#374151;color:#d1d5db;border-color:#4b5563}.action-btn-secondary[data-v-4e26b7e8]:hover{background-color:#f9fafb;border-color:#9ca3af}.dark .action-btn-secondary[data-v-4e26b7e8]:hover{background-color:#4b5563;border-color:#6b7280}.action-btn-danger[data-v-4e26b7e8]{background-color:#fff;color:#dc2626;border-color:#fca5a5}.dark .action-btn-danger[data-v-4e26b7e8]{background-color:#7f1d1d;color:#fca5a5;border-color:#991b1b}.action-btn-danger[data-v-4e26b7e8]:hover{background-color:#fef2f2;border-color:#f87171}.dark .action-btn-danger[data-v-4e26b7e8]:hover{background-color:#991b1b;border-color:#dc2626}.btn-icon-sm[data-v-4e26b7e8]{width:1rem;height:1rem}.lightbox-overlay[data-v-4e26b7e8]{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#000000e6;display:flex;align-items:center;justify-content:center;z-index:9999;padding:2rem}.lightbox-content[data-v-4e26b7e8]{position:relative;max-width:90vw;max-height:90vh}.lightbox-close[data-v-4e26b7e8]{position:absolute;top:-3rem;right:0;padding:.5rem;background-color:#ffffff1a;color:#fff;border:none;border-radius:.5rem;cursor:pointer;transition:all .2s ease}.lightbox-close[data-v-4e26b7e8]:hover{background-color:#fff3}.lightbox-image[data-v-4e26b7e8]{max-width:100%;max-height:90vh;border-radius:.5rem;-o-object-fit:contain;object-fit:contain}.fade-enter-active[data-v-4e26b7e8],.fade-leave-active[data-v-4e26b7e8]{transition:opacity .2s ease}.fade-enter-from[data-v-4e26b7e8],.fade-leave-to[data-v-4e26b7e8]{opacity:0}
