.image-upload[data-v-db912827]{width:100%}.upload-area[data-v-db912827]{align-items:center;background:var(--bg-secondary);border:2px dashed var(--border-light);border-radius:var(--radius-lg);cursor:pointer;display:flex;justify-content:center;min-height:200px;overflow:hidden;position:relative;transition:all .3s ease;width:100%}.upload-area[data-v-db912827]:hover{background:var(--bg-primary);border-color:var(--accent-blue)}.upload-area.dragover[data-v-db912827]{background:#4299e11a;border-color:var(--accent-blue);transform:scale(1.02)}.upload-area.uploading[data-v-db912827]{background:#4299e10d;border-color:var(--accent-blue)}.upload-area.error[data-v-db912827]{background:#f566660d;border-color:var(--error)}.file-input[data-v-db912827]{opacity:0;pointer-events:none;position:absolute}.upload-content[data-v-db912827]{padding:var(--space-lg);text-align:center}.upload-icon[data-v-db912827]{display:block;font-size:3rem;margin-bottom:var(--space-md)}.upload-text[data-v-db912827]{color:var(--text-primary);font-size:1.1rem;font-weight:600;margin:0 0 var(--space-sm)}.upload-hint[data-v-db912827]{color:var(--text-secondary);font-size:.9rem;margin:0}.uploading-state[data-v-db912827]{align-items:center;display:flex;flex-direction:column;gap:var(--space-md)}.spinner[data-v-db912827]{animation:spin-db912827 1s linear infinite;border:3px solid var(--border-light);border-radius:50%;border-top-color:var(--accent-blue);height:40px;width:40px}@keyframes spin-db912827{to{transform:rotate(1turn)}}.error-state[data-v-db912827]{align-items:center;display:flex;flex-direction:column;gap:var(--space-sm)}.error-icon[data-v-db912827]{font-size:2rem}.error-state p[data-v-db912827]{color:var(--error);font-weight:500;margin:0}.retry-btn[data-v-db912827]{background:var(--accent-blue);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;font-weight:600;padding:var(--space-sm) var(--space-md);transition:all .2s ease}.retry-btn[data-v-db912827]:hover{background:var(--accent-purple);transform:translateY(-1px)}.image-preview[data-v-db912827]{border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden;position:relative;width:100%}.preview-image[data-v-db912827]{display:block;height:auto;width:100%}.image-actions[data-v-db912827]{display:flex;gap:var(--space-xs);position:absolute;right:var(--space-sm);top:var(--space-sm)}.change-btn[data-v-db912827],.remove-btn[data-v-db912827]{align-items:center;background:#000000b3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.1rem;height:40px;justify-content:center;transition:all .2s ease;width:40px}.change-btn[data-v-db912827]:hover,.remove-btn[data-v-db912827]:hover{background:#000000e6;transform:scale(1.1)}.upload-progress[data-v-db912827]{align-items:center;display:flex;gap:var(--space-md);margin-top:var(--space-md)}.progress-bar[data-v-db912827]{background:var(--border-light);border-radius:var(--radius-sm);flex:1;height:8px;overflow:hidden}.progress-fill[data-v-db912827]{background:var(--accent-blue);height:100%;transition:width .3s ease}.progress-text[data-v-db912827]{color:var(--text-secondary);font-size:.875rem;font-weight:600;min-width:40px}@media (max-width:768px){.upload-area[data-v-db912827]{min-height:150px}.upload-icon[data-v-db912827]{font-size:2rem}.upload-text[data-v-db912827]{font-size:1rem}.upload-hint[data-v-db912827]{font-size:.8rem}.image-actions[data-v-db912827]{right:var(--space-xs);top:var(--space-xs)}.change-btn[data-v-db912827],.remove-btn[data-v-db912827]{font-size:1rem;height:35px;width:35px}}