.upload-image-box{position:relative;width:100%;height:100%;flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;box-sizing:border-box;overflow:hidden;--icon-size:clamp(3.125rem,8vw,5rem);--icon-margin-bottom:clamp(0.5rem,1.5vw,0.9375rem);--tip-font-size:clamp(0.75rem,1.2vw,1.03125rem);--tip-margin-bottom:0.5rem;--desc-font-size:clamp(0.625rem,1vw,1rem);--desc-margin-bottom:0.75rem;--btn-max-width:clamp(8.125rem,18vw,11.25rem);--btn-height:clamp(2.1875rem,4.5vw,3.125rem);--btn-font-size:clamp(0.75rem,1.8vw,1.125rem);--btn-border-width:0.125rem;--action-btn-size:clamp(2.875rem,6vw,4.125rem);--action-icon-size:clamp(1.125rem,2.5vw,1.5rem);--action-gap:clamp(0.375rem,1vw,0.5rem);--file-item-size:clamp(6.25rem,12vw,9.375rem);--multi-icon-size:clamp(3.125rem,6vw,4.5rem);--multi-text-size:clamp(1.125rem,2vw,1.5rem);--upload-padding:clamp(1.5625rem,3.5vw,2.8125rem)}.upload-box--medium{--icon-size:clamp(2.5rem,6vw,3.75rem);--icon-margin-bottom:clamp(0.375rem,1vw,0.625rem);--tip-font-size:clamp(0.6875rem,1vw,0.96875rem);--desc-font-size:clamp(0.625rem,0.9vw,0.9375rem);--btn-max-width:clamp(6.25rem,14vw,8.75rem);--btn-height:clamp(1.75rem,3.5vw,2.5rem);--btn-font-size:clamp(0.6875rem,1.4vw,0.875rem);--btn-border-width:0.09375rem;--action-btn-size:clamp(2.375rem,5vw,3.125rem);--action-icon-size:clamp(1rem,2vw,1.25rem);--multi-icon-size:clamp(2.25rem,4.5vw,3.375rem);--multi-text-size:clamp(0.9375rem,1.8vw,1.3125rem);--upload-padding:clamp(1.125rem,2.5vw,1.875rem)}.upload-box--medium,.upload-box--small{--tip-margin-bottom:0.3125rem;--desc-margin-bottom:0.625rem;--file-item-size:clamp(5rem,10vw,7.5rem)}.upload-box--small{--icon-size:clamp(1.875rem,4.5vw,2.75rem);--icon-margin-bottom:clamp(0.25rem,0.7vw,0.4375rem);--tip-font-size:clamp(0.625rem,0.9vw,0.75rem);--desc-font-size:clamp(0.625rem,0.8vw,0.8125rem);--btn-max-width:clamp(5rem,11vw,6.875rem);--btn-height:clamp(1.5rem,3vw,2.125rem);--btn-font-size:clamp(0.625rem,1.2vw,0.8125rem);--btn-border-width:0.09375rem;--action-btn-size:clamp(1.875rem,4vw,2.5rem);--action-icon-size:clamp(0.875rem,1.8vw,1.125rem)}.upload-box--mini,.upload-box--small{--multi-icon-size:clamp(1.75rem,3.5vw,2.625rem);--multi-text-size:clamp(0.8125rem,1.5vw,1.125rem);--upload-padding:clamp(0.75rem,1.8vw,1.125rem)}.upload-box--mini{--icon-size:clamp(1.375rem,3vw,1.875rem);--icon-margin-bottom:clamp(0.125rem,0.5vw,0.25rem);--tip-font-size:clamp(0.5625rem,0.7vw,0.6875rem);--tip-margin-bottom:0.25rem;--desc-font-size:clamp(0.5625rem,0.7vw,0.6875rem);--desc-margin-bottom:0.5rem;--btn-max-width:clamp(3.75rem,8vw,5.3125rem);--btn-height:clamp(1.25rem,2.5vw,1.75rem);--btn-font-size:clamp(0.5625rem,1vw,0.6875rem);--btn-border-width:0.0625rem;--action-btn-size:clamp(1.5rem,3.5vw,2rem);--action-icon-size:clamp(0.75rem,1.5vw,0.9375rem);--file-item-size:clamp(3.75rem,8vw,5.625rem)}.upload-box--border{border-width:.125rem;border-color:#e8e8e8;border-radius:.5rem;transition:border-color .3s ease}.upload-box--border:hover{border-color:var(--color-blue-dark)}.upload-box--has-image{border:none!important}.upload-box--drag-over{border-color:var(--color-blue-dark)!important;background-color:rgba(var(--color-blue-rgb),.05)}.upload-box--drag-over .upload-placeholder{background-color:rgba(var(--color-blue-rgb),.08)}.upload-placeholder{position:relative;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;flex-shrink:0;padding:1.25rem;box-sizing:border-box;cursor:pointer;transition:background-color .3s ease}.single-upload-wrapper>.upload-placeholder{height:100%;flex:1}.upload-icon{font-size:var(--icon-size);color:rgba(var(--color-gray-rgb),.8);margin-bottom:var(--icon-margin-bottom);pointer-events:none}.upload-tip-text{color:#999;font-size:var(--tip-font-size);margin:0 0 var(--tip-margin-bottom);pointer-events:none}.upload-description{color:#c5c3c3;font-size:var(--desc-font-size);line-height:1.5}.upload-description,.upload-limit-tip{text-align:center;margin:0 0 var(--desc-margin-bottom);pointer-events:none}.upload-limit-tip{color:#bbb;font-size:calc(var(--tip-font-size)*0.88);line-height:1.4}.upload-btn{display:flex;align-items:center;justify-content:center;width:100%;max-width:var(--btn-max-width);height:var(--btn-height);padding:clamp(.35rem,.7vw,.5rem) clamp(1.2rem,2.5vw,2rem);background-color:transparent;border:var(--btn-border-width) solid var(--border-color-gray);border-radius:3.125rem;font-size:var(--btn-font-size);color:var(--color-gray);cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-sizing:border-box;transition:border-color .3s ease,color .3s ease;position:relative;z-index:1}.upload-btn:hover{border-color:var(--border-color-gray-dark);color:var(--border-color-gray-dark)}.single-upload-wrapper{flex-direction:column}.single-upload-wrapper,.uploaded-image-container{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.uploaded-image-container{position:relative;box-sizing:border-box;overflow:hidden;cursor:pointer;flex:1}.uploaded-image-container:hover:after{content:"";position:absolute;inset:0;background:rgba(0,0,0,.4);z-index:1}.uploaded-image-container:hover .btn-item{opacity:1}.uploaded-img{width:100%;height:100%;object-fit:contain}.actions-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;gap:var(--action-gap);z-index:10}.btn-item{width:var(--action-btn-size);height:var(--action-btn-size);border-radius:50%;background:hsla(0,0%,100%,.9);display:flex;align-items:center;justify-content:center;opacity:0;transition:all .3s ease;cursor:pointer}.btn-item:hover{background:#fff;transform:scale(1.1)}.delete-icon i,.reupload-icon i{font-size:var(--action-icon-size);color:#333}.multi-upload-wrapper{height:100%;box-sizing:border-box;overflow-y:auto}.multi-upload-inner,.multi-upload-wrapper{width:100%;display:flex;flex-direction:column}.multi-upload-inner{margin-top:auto;margin-bottom:auto}.multi-files-list{display:flex;flex-wrap:wrap;gap:clamp(10px,1.2vw,18px);padding:0 var(--upload-padding) var(--upload-padding);flex-shrink:0}.multi-file-item{position:relative;width:var(--file-item-size);height:var(--file-item-size);border-radius:12px;overflow:hidden;border:1px solid #eee;flex-shrink:0}.multi-file-item .multi-file-preview{width:100%;height:100%;object-fit:cover}.multi-file-item .multi-file-name{bottom:0;left:0;right:0;padding:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center;box-sizing:border-box}.multi-file-item .multi-file-name,.multi-file-item .multi-file-remove{position:absolute;background:rgba(0,0,0,.6);color:#fff;font-size:clamp(10px,1vw,14px)}.multi-file-item .multi-file-remove{top:5px;right:5px;width:clamp(20px,2.5vw,28px);height:clamp(20px,2.5vw,28px);border-radius:50%;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s ease}.multi-file-item .multi-file-remove:hover{background:rgba(255,0,0,.85)}@media(max-width:480px){.upload-box--medium,.upload-box--small{--upload-padding:0.75rem;--icon-size:1.5rem;--tip-font-size:0.75rem;--multi-icon-size:1.5rem;--multi-text-size:0.8125rem;--file-item-size:5rem}}