.photo-upload{margin-top:.5rem}.photo-upload__dropzone{border:2px dashed var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-lg) var(--spacing-md);text-align:center;transition:all var(--transition-fast);cursor:pointer}.photo-upload__dropzone:hover,.photo-upload__dropzone.is-dragover{border-color:var(--color-primary);background-color:#ff6b6b0a}.photo-upload__label{display:flex;flex-direction:column;align-items:center;gap:.5rem;cursor:pointer}.photo-upload__icon{color:var(--color-text-light);margin-bottom:.25rem}.photo-upload__text{font-family:var(--font-heading);font-weight:600;font-size:.9375rem;color:var(--color-dark)}.photo-upload__subtext{font-size:.8125rem;color:var(--color-text-light)}.photo-upload__progress{margin-top:var(--spacing-sm)}.photo-upload__progress[hidden]{display:none}.photo-upload__progress-bar{width:100%;height:4px;background-color:var(--color-border);border-radius:2px;overflow:hidden}.photo-upload__progress-fill{height:100%;background-color:var(--color-primary);border-radius:2px;transition:width .2s ease;width:0%}.photo-upload__progress-text{display:block;font-size:.8125rem;color:var(--color-text-light);margin-top:.375rem}.photo-upload__preview{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm);border:2px solid var(--color-secondary);border-radius:var(--radius-md);background-color:#4ecdc40d;margin-top:var(--spacing-sm)}.photo-upload__preview[hidden]{display:none}.photo-upload__preview-image{width:64px;height:64px;object-fit:cover;border-radius:var(--radius-sm)}.photo-upload__preview-info{flex:1;display:flex;align-items:center;justify-content:space-between}.photo-upload__preview-name{font-size:.875rem;font-weight:500;color:var(--color-dark);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:180px}.photo-upload__remove{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-full);color:var(--color-text-light);transition:all var(--transition-fast)}.photo-upload__remove:hover{background-color:#ff6b6b1a;color:var(--color-primary)}@media(max-width:749px){.photo-upload__dropzone{padding:var(--spacing-md)}.photo-upload__label{min-height:44px;justify-content:center}.photo-upload__preview{flex-wrap:wrap;gap:var(--spacing-xs, .5rem)}.photo-upload__preview-name{max-width:clamp(120px,40vw,180px)}.photo-upload__remove{width:44px;height:44px}}@media(max-width:480px){.photo-upload__preview-info{flex-direction:column;align-items:flex-start;gap:.5rem}.photo-upload__preview-name{max-width:100%}.photo-upload__remove{align-self:flex-end}}
/*# sourceMappingURL=/cdn/shop/t/39/assets/photo-upload.css.map */