.image-uploader{margin-top:var(--space-2)}.image-uploader__label{font-size:var(--text-small);font-weight:var(--weight-semibold);margin-bottom:var(--space-2);color:var(--color-text);display:block}.image-uploader__grid{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(120px,1fr));display:grid}.image-uploader__item{aspect-ratio:1;border-radius:var(--radius-md);border:1.5px solid var(--color-border);position:relative;overflow:hidden}.image-uploader__preview{object-fit:cover;width:100%;height:100%}.image-uploader__remove{top:var(--space-1);right:var(--space-1);color:#fff;cursor:pointer;width:24px;height:24px;transition:background var(--transition-fast);background:#0009;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute}.image-uploader__remove:hover{background:#000c}.image-uploader__remove:disabled{cursor:wait}.image-uploader__badge{bottom:var(--space-1);left:var(--space-1);background:var(--color-primary);color:#fff;font-size:10px;font-weight:var(--weight-semibold);padding:2px var(--space-2);border-radius:var(--radius-sm);position:absolute}.image-uploader__add{aspect-ratio:1;border:2px dashed var(--color-border);border-radius:var(--radius-md);cursor:pointer;justify-content:center;align-items:center;gap:var(--space-1);color:var(--color-text-secondary);font-size:var(--text-small);transition:all var(--transition-fast);background:0 0;flex-direction:column;display:flex}.image-uploader__add:hover{border-color:var(--color-primary);color:var(--color-primary)}.image-uploader__add:disabled{cursor:wait;opacity:.5}.image-uploader__input{display:none}@keyframes spin{to{transform:rotate(360deg)}}.image-uploader__spin{animation:1s linear infinite spin}