.image-uploader[data-v-45e3df64]{border:1px dashed transparent;border-radius:6px;padding:4px 0;transition:border-color .15s;width:100%}.image-uploader.drag-over[data-v-45e3df64]{background:var(--px-bg-hover,rgba(64,158,255,.05));border-color:var(--px-color-primary,#409eff)}.image-uploader.compact .grid[data-v-45e3df64]{grid-template-columns:repeat(auto-fill,minmax(72px,1fr))}.grid[data-v-45e3df64]{display:grid;gap:8px;grid-template-columns:repeat(auto-fill,minmax(96px,1fr))}.cell[data-v-45e3df64]{align-items:center;aspect-ratio:1/1;background:var(--px-bg-page,#f7f8fa);border:1px solid var(--px-border-color,#ebeef5);border-radius:6px;cursor:pointer;display:flex;justify-content:center;overflow:hidden;position:relative}.cell.add-btn[data-v-45e3df64]{background:transparent;border-style:dashed;color:var(--px-text-secondary,#909399);cursor:pointer;flex-direction:column}.cell.add-btn[data-v-45e3df64]:hover{border-color:var(--px-color-primary,#409eff);color:var(--px-color-primary,#409eff)}.add-icon[data-v-45e3df64]{font-size:24px;line-height:1}.add-text[data-v-45e3df64]{font-size:12px;margin-top:2px}.thumb[data-v-45e3df64]{display:block;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.placeholder[data-v-45e3df64]{opacity:.6}.badge[data-v-45e3df64]{background:#0000008c;border-radius:4px;color:#fff;font-size:11px;left:4px;line-height:18px;padding:0 6px;pointer-events:none;position:absolute;top:4px}.badge.success[data-v-45e3df64]{background:#67c23ad9}.badge.error[data-v-45e3df64]{background:#f56c6cd9}.badge.pending[data-v-45e3df64]{background:#409effd9}.remove-btn[data-v-45e3df64]{background:#0009;border:none;border-radius:50%;color:#fff;cursor:pointer;display:none;font-size:14px;height:20px;line-height:18px;padding:0;position:absolute;right:2px;top:2px;width:20px}.cell:hover .remove-btn[data-v-45e3df64]{display:block}.hint[data-v-45e3df64]{color:var(--px-text-secondary,#909399);font-size:var(--px-fs-xs,12px);margin-top:6px}.hint.uploading[data-v-45e3df64]{color:var(--px-color-primary,#409eff)}