.drag-drop-area[data-v-d723e9e6]{transition:all .3s ease;min-height:160px}[dir] .drag-drop-area[data-v-d723e9e6]{border:2px dashed #cbd5e0;border-radius:12px;background:#f8fafc;padding:40px 20px;text-align:center;cursor:pointer}[dir] .drag-drop-area.drag-over[data-v-d723e9e6]{border-color:#4299e1;background:#ebf8ff}.image-grid[data-v-d723e9e6]{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:16px}.image-card[data-v-d723e9e6]{overflow:hidden;position:relative}[dir] .image-card[data-v-d723e9e6]{border-radius:12px;background:#fff;box-shadow:0 2px 8px rgba(0,0,0,.1)}.image-container[data-v-d723e9e6]{aspect-ratio:1;overflow:hidden}.image-preview[data-v-d723e9e6]{width:100%;height:100%;object-fit:cover}.image-overlay[data-v-d723e9e6]{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:8px;opacity:0;transition:.3s}[dir] .image-overlay[data-v-d723e9e6]{background:rgba(0,0,0,.6)}.image-card:hover .image-overlay[data-v-d723e9e6]{opacity:1}.remove-btn[data-v-d723e9e6],.view-btn[data-v-d723e9e6]{width:36px;height:36px;display:flex;align-items:center;justify-content:center}[dir] .remove-btn[data-v-d723e9e6],[dir] .view-btn[data-v-d723e9e6]{background:#fff;border:none;border-radius:50%;cursor:pointer}.remove-btn[data-v-d723e9e6]{color:#e53e3e}.view-btn[data-v-d723e9e6]{color:#3182ce}.image-info[data-v-d723e9e6]{font-size:13px}[dir] .image-info[data-v-d723e9e6]{padding:8px}.image-status[data-v-d723e9e6]{font-size:11px}[dir] .image-status[data-v-d723e9e6]{padding:2px 8px;border-radius:12px}.image-status.existing[data-v-d723e9e6]{color:#276749}[dir] .image-status.existing[data-v-d723e9e6]{background:#c6f6d5}.image-status.new[data-v-d723e9e6]{color:#2c5282}[dir] .image-status.new[data-v-d723e9e6]{background:#bee3f8}