.image-upload-box{display:grid;gap:10px;min-width:0}.image-upload-box__header{display:grid;gap:6px}.image-upload-box__label{color:rgb(var(--text));font-size:16px;font-weight:800}.image-upload-box__description{color:rgb(var(--muted));line-height:1.6}.image-upload-box__input{display:none}.image-upload-box__dropzone{position:relative;width:100%;max-height:min(52vh,520px);overflow:hidden;border:1px dashed rgba(var(--line),.9);border-radius:16px;background:rgba(var(--panel-2),.8);cursor:pointer}.image-upload-box__dropzone.is-drag-active{border-color:rgb(var(--primary));box-shadow:0 0 0 3px rgba(var(--primary),.14)}.image-upload-box__dropzone.is-disabled{cursor:not-allowed;opacity:.65}.image-upload-box__dropzone.has-image{border-style:solid}.image-upload-box__image{position:absolute;display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.image-upload-box__overlay{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(15,23,42,0),rgba(15,23,42,.06))}.image-upload-box__delete{position:absolute;top:10px;right:10px;display:grid;width:28px;height:28px;padding:0;place-items:center;border:0;border-radius:999px;background:rgba(15,23,42,.72);color:#fff;font-size:18px;line-height:1;cursor:pointer}.image-upload-box__empty{display:flex;width:100%;height:100%;padding:20px;align-items:center;justify-content:center;flex-direction:column;gap:12px;text-align:center}.image-upload-box__icon{display:grid;width:44px;height:44px;place-items:center;border-radius:12px;background:rgb(var(--primary));color:#fff;font-size:24px}.image-upload-box__empty-copy{display:grid;justify-items:center;gap:5px}.image-upload-box__empty-title{color:rgb(var(--text));font-weight:700}.image-upload-box__empty-ratio,.image-upload-box__empty-size{color:rgb(var(--muted));font-size:12px}.image-upload-box__crop-button{justify-self:start}.image-upload-box__error{color:#dc2626;font-size:13px;line-height:1.6}