.product-image-upload{margin-top:2rem;padding:2rem;border:1px solid rgba(var(--color-foreground),.1);border-radius:.8rem;background:rgb(var(--color-background))}.image-upload-container{width:100%}.image-upload-title{font-size:1.6rem;font-weight:600;margin:0 0 .5rem;color:rgb(var(--color-foreground))}.image-upload-description{font-size:1.4rem;color:rgba(var(--color-foreground),.7);margin:0 0 1.5rem;line-height:1.4}.image-upload-area{position:relative;margin-bottom:1.5rem}.image-upload-input{position:absolute;opacity:0;width:100%;height:100%;cursor:pointer;z-index:2}.image-upload-label{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 2rem;border:2px dashed rgba(var(--color-foreground),.3);border-radius:.8rem;background:rgba(var(--color-foreground),.02);cursor:pointer;transition:all .3s ease;text-align:center}.image-upload-label:hover{border-color:rgb(var(--color-base-accent-1));background:rgba(var(--color-base-accent-1),.05)}.image-upload-label svg{color:rgba(var(--color-foreground),.5);margin-bottom:1rem;transition:color .3s ease}.image-upload-label:hover svg{color:rgb(var(--color-base-accent-1))}.image-upload-label span{font-size:1.6rem;font-weight:500;color:rgb(var(--color-foreground));margin-bottom:.5rem}.image-upload-label small{font-size:1.2rem;color:rgba(var(--color-foreground),.6)}.image-preview-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:1rem;margin-top:1.5rem}.image-preview-item{position:relative;aspect-ratio:1;border-radius:.8rem;overflow:hidden;border:1px solid rgba(var(--color-foreground),.1);background:rgba(var(--color-foreground),.02)}.image-preview-img{width:100%;height:100%;object-fit:cover;display:block}.image-preview-remove{position:absolute;top:.5rem;right:.5rem;width:2.4rem;height:2.4rem;border-radius:50%;background:#000000b3;color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.6rem;font-weight:700;line-height:1;transition:all .3s ease;z-index:10;-webkit-user-select:none;user-select:none}.image-preview-remove:hover{background:#dc3545e6;transform:scale(1.1)}.image-preview-remove:active{transform:scale(.95)}.image-preview-remove:focus{outline:2px solid rgb(var(--color-base-accent-1));outline-offset:2px}.image-preview-name{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#000000b3);color:#fff;padding:1rem .5rem .5rem;font-size:1rem;text-align:center;word-break:break-all;line-height:1.2}.upload-progress{margin-top:1rem}.progress-bar{width:100%;height:.4rem;background:rgba(var(--color-foreground),.1);border-radius:.2rem;overflow:hidden;margin-bottom:.5rem}.progress-fill{height:100%;background:rgb(var(--color-base-accent-1));width:0%;transition:width .3s ease;border-radius:.2rem}.progress-text{font-size:1.2rem;color:rgba(var(--color-foreground),.7)}.upload-error{margin-top:1rem;padding:1rem;background:#dc35451a;border:1px solid rgba(220,53,69,.3);border-radius:.4rem;color:#dc3545;font-size:1.3rem}.image-upload-area.drag-over .image-upload-label{border-color:rgb(var(--color-base-accent-1));background:rgba(var(--color-base-accent-1),.1);transform:scale(1.02)}@media screen and (max-width: 749px){.product-image-upload{padding:1.5rem;margin-top:1.5rem}.image-upload-label{padding:2rem 1rem}.image-upload-title{font-size:1.4rem}.image-upload-description{font-size:1.3rem}.image-preview-container{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:.8rem}.image-preview-remove{width:2rem;height:2rem;font-size:1rem}}.image-upload-input:focus+.image-upload-label{outline:2px solid rgb(var(--color-base-accent-1));outline-offset:2px}@media (prefers-reduced-motion: reduce){.image-upload-label,.image-preview-remove,.progress-fill{transition:none}.image-upload-area.drag-over .image-upload-label{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/product-image-upload.css.map */