.image-upload{display:inline-block;position:relative}.image-upload__trigger{background:var(--bg-muted);border:2px dashed var(--border-default);cursor:pointer;width:100%;height:100%;color:var(--text-muted);transition:border-color var(--transition-fast) ease;justify-content:center;align-items:center;padding:0;display:flex;position:relative;overflow:hidden}.image-upload__trigger:focus-visible{border-color:var(--color-primary);outline:none}@media (hover:hover){.image-upload__trigger:hover{border-color:var(--color-primary);outline:none}}.image-upload__trigger--dragging{border-style:solid;border-color:var(--color-primary)}.image-upload--round .image-upload__trigger{border-radius:50%;width:8rem;height:8rem}.image-upload--square .image-upload__trigger{border-radius:var(--radius-md);width:10rem;height:10rem}.image-upload__image{object-fit:cover;width:100%;height:100%}.image-upload__placeholder{justify-content:center;align-items:center;display:inline-flex}.image-upload__hover{color:oklch(100% 0 0);font-size:var(--text-sm);opacity:0;transition:opacity var(--transition-fast) ease;background:oklch(0% 0 0/.55);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.image-upload__trigger:focus-visible .image-upload__hover{opacity:1}@media (hover:hover){.image-upload__trigger:hover .image-upload__hover{opacity:1}}.image-upload__drop{color:oklch(100% 0 0);font-size:var(--text-sm);pointer-events:none;background:oklch(0% 0 0/.55);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.image-upload__progress{color:oklch(100% 0 0);justify-content:center;align-items:center;gap:var(--space-1);background:oklch(0% 0 0/.6);flex-direction:column;display:flex;position:absolute;inset:0}.image-upload__progress-text{font-size:var(--text-xs)}.image-upload__spinner{border:3px solid oklch(100% 0 0/.25);border-top-color:oklch(100% 0 0);border-radius:50%;width:2rem;height:2rem;animation:.8s linear infinite image-upload-spin}@keyframes image-upload-spin{to{transform:rotate(360deg)}}.image-upload__error{background:oklch(from var(--color-error) l c h / .9);color:oklch(100% 0 0);font-size:var(--text-xs);text-align:center;padding:var(--space-1);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}