.primary{background:#1976d2;margin-bottom:10px;color:#fff}.secondary{background:#546e7a;margin-bottom:10px;color:#fff}.w-100[data-v-0d783944]{width:100%}.drop-zone[data-v-6ad98105]{border:3px dashed #ccc;border-radius:8px;padding:40px;text-align:center;cursor:pointer;transition:all .3s;min-height:300px;display:flex;align-items:center;justify-content:center}.drop-zone[data-v-6ad98105]:hover{border-color:#2196f3;background-color:#2196f30d}.drop-zone.dragging[data-v-6ad98105]{border-color:#4caf50;background-color:#4caf501a}.drop-zone-content[data-v-6ad98105]{width:100%}.uploaded-image-preview[data-v-6ad98105]{position:relative;width:100%;max-width:400px}.uploaded-image-preview img[data-v-6ad98105]{width:100%;height:auto;border-radius:4px}.remove-btn[data-v-6ad98105]{position:absolute;top:8px;right:8px}.clickable-image[data-v-6ad98105]{cursor:pointer}.clickable-image[data-v-6ad98105]:hover{opacity:.9}.image-viewer-container[data-v-6ad98105]{overflow:auto;max-height:70vh;display:flex;align-items:center;justify-content:center;background-color:#f5f5f5}.viewer-image[data-v-6ad98105]{max-width:100%;height:auto;display:block}.image-card[data-v-6ad98105]{cursor:pointer;transition:all .3s;border:2px solid transparent}.image-card[data-v-6ad98105]:hover{transform:scale(1.05);box-shadow:0 4px 12px #00000026}.image-card.selected[data-v-6ad98105]{border-color:#4caf50;box-shadow:0 0 0 2px #4caf50}.cursor-pointer[data-v-6ad98105]{cursor:pointer}