.image-upload{display:inline-block;cursor:pointer}.image-upload__empty{width:120px;height:120px;border:1px dashed #d9d9d9;border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:#999;font-size:14px;transition:all .2s;background:#fafafa}.image-upload__empty:hover{border-color:#1890ff;color:#1890ff}.image-upload__empty--loading{border-color:#1890ff;color:#1890ff;background:#f0f7ff}.image-upload__preview{position:relative;width:120px;height:120px;border-radius:8px;overflow:hidden}.image-upload__preview img{width:100%;height:100%;object-fit:cover;display:block}.image-upload__preview:hover .image-upload__overlay{opacity:1}.image-upload__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;gap:12px;opacity:0;transition:opacity .2s}.image-upload__action{color:#fff;font-size:13px;padding:4px 10px;border:1px solid rgba(255,255,255,.8);border-radius:4px;transition:all .2s}.image-upload__action:hover{background:#fff;color:#333}.image-upload__action--delete{border-color:#ff4d4f}.image-upload__action--delete:hover{background:#ff4d4f;color:#fff;border-color:#ff4d4f}.image-upload__progress{position:absolute;bottom:0;left:0;right:0;height:4px;background:#0003}.image-upload__progress-bar{height:100%;background:#1890ff;transition:width .1s linear}html,body,#root{height:100%;overflow:hidden}