.variant-batch-actions{display:flex;gap:8px;flex-wrap:wrap}
.variant-image-card{width:52px;height:52px;padding:2px;border:1px solid #c9cccf;border-radius:8px;background:#f7f7f7;overflow:hidden;cursor:pointer}
.variant-image-card:hover{border-color:#6d7175;box-shadow:0 0 0 1px #6d7175}
.variant-image-card img{width:100%;height:100%;object-fit:cover;border-radius:5px}
.variant-image-card>span{display:grid;place-items:center;align-content:center;height:100%;font-size:18px;color:#616161}
.variant-image-card small{display:block;font-size:9px;font-weight:600}
.variant-custom-add{width:100%;margin-top:12px;padding:11px;border:1px dashed #aeb4b9;border-radius:8px;background:#fafafa;color:#303030;font-weight:600;cursor:pointer}
.variant-custom-add:hover{border-color:#1677ff;background:#f4f8ff;color:#0958d9}
.variant-picker-backdrop{position:fixed;z-index:190;inset:0;display:grid;place-items:center;padding:24px;background:rgba(24,26,27,.48)}
.variant-picker-backdrop[hidden]{display:none}
.variant-picker-dialog{width:min(680px,100%);max-height:min(720px,calc(100vh - 48px));overflow:auto;border-radius:14px;background:#fff;box-shadow:0 24px 80px rgba(0,0,0,.25)}
.variant-picker-dialog>header{display:flex;justify-content:space-between;align-items:flex-start;padding:20px 22px;border-bottom:1px solid #e1e3e5}
.variant-picker-dialog h2{margin:0;font-size:18px}.variant-picker-dialog header p{margin:4px 0 0;color:#616161;font-size:12px}
.variant-picker-dialog header button{width:32px;height:32px;border:0;border-radius:8px;background:#f1f1f1;font-size:22px;cursor:pointer}
.variant-picker-body{padding:20px 22px}.variant-picker-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;max-height:340px;overflow:auto}
.variant-picker-item{aspect-ratio:1;padding:3px;border:1px solid #d5d8dc;border-radius:9px;background:#f7f7f7;cursor:pointer;overflow:hidden}
.variant-picker-item:hover,.variant-picker-item.selected{border:2px solid #1677ff;padding:2px}.variant-picker-item img{width:100%;height:100%;object-fit:cover;border-radius:5px}
.variant-picker-none{display:grid;place-items:center;height:100%;padding:6px;font-size:10px;color:#616161;text-align:center}
.variant-picker-import{display:grid;grid-template-columns:auto auto 1fr auto;gap:9px;align-items:center;margin-top:18px;padding-top:18px;border-top:1px solid #e5e5e5}
.variant-picker-import>span{color:#777;font-size:12px}
@media(max-width:700px){.variant-batch-actions{width:100%}.variant-picker-grid{grid-template-columns:repeat(4,1fr)}.variant-picker-import{grid-template-columns:1fr}.variant-picker-import>span{display:none}}