.wholesale-gallery{display:grid;gap:16px;min-width:0}
.wholesale-gallery-preview{margin:0;display:grid;gap:10px;background:#f5f7fa;border:1px solid #e0e5ec;border-radius:16px;overflow:hidden}
.wholesale-gallery-preview>img{display:block;width:100%;height:clamp(260px,45vh,510px);object-fit:contain;background:#fff;padding:16px;box-sizing:border-box}
.wholesale-gallery-preview figcaption{display:flex;align-items:center;gap:12px;padding:0 16px 12px;color:#596577;font-size:13px;flex-wrap:wrap}
.wholesale-gallery-main{display:inline-block;background:#e5f2ed;color:#126043;border-radius:6px;padding:3px 7px;font-size:11px;font-weight:700}
.wholesale-gallery-thumbs{display:flex;flex-wrap:wrap;gap:10px;max-height:260px;overflow:auto;padding:3px}
.wholesale-gallery-thumb,.wholesale-gallery-tile{position:relative;flex:0 0 96px;width:96px;height:108px;border:2px solid #dfe5ed;border-radius:10px;background:#fff;overflow:hidden;box-sizing:border-box}
.wholesale-gallery-thumb{cursor:pointer;padding:5px;display:grid;align-content:center;gap:2px}
.wholesale-gallery-thumb>img{width:100%;height:72px;object-fit:contain}
.wholesale-gallery-thumb[aria-pressed=true],.wholesale-gallery-tile:has(.is-selected){border-color:#166c55;box-shadow:0 0 0 2px #166c5520}
.wholesale-gallery-tile{cursor:grab}
.wholesale-gallery-tile>.wholesale-gallery-thumb{position:absolute;inset:0;width:100%;height:100%;border:0;margin:0;color:transparent;z-index:1}
.wholesale-gallery-tile>img{position:relative;display:block;width:100%;height:100%;object-fit:contain;padding:8px;box-sizing:border-box;pointer-events:none;z-index:2}
.wholesale-gallery-tile>.wholesale-gallery-main,.wholesale-gallery-number{position:absolute;bottom:4px;left:4px;pointer-events:none;z-index:3}
.wholesale-gallery-number{background:#fff;color:#596577;border-radius:5px;padding:2px 6px;font-size:12px}
.wholesale-gallery-tile.is-dragging{opacity:.45}
.wholesale-gallery-thumb:focus-visible,.wholesale-gallery-tile:focus-within{outline:3px solid #276ba8;outline-offset:2px}
.wholesale-gallery-controls{display:flex;align-items:center;gap:14px;flex-wrap:wrap;border-top:1px solid #e0e5ec;padding-top:12px}
.wholesale-gallery-controls .toolbar{flex:1;flex-wrap:wrap}
.wholesale-gallery-side{display:flex;align-items:center;gap:6px;color:#596577;font-size:12px}
.wholesale-gallery-side select{width:auto;max-width:160px}
.wholesale-gallery-hint{margin:0;color:#596577;font-size:12px}
.wholesale-gallery-dropzone{border:2px dashed #bdc9d5;background:#f7faf9;border-radius:12px;padding:18px;margin-bottom:14px;text-align:center}
.wholesale-gallery-dropzone .form-field{max-width:420px;margin:0 auto 10px;text-align:left}
.wholesale-gallery-dropzone p{margin:6px 0;color:#596577;font-size:12px}
.wholesale-gallery-dropzone.dragover{border-color:#166c55;background:#e5f2ed}
.wholesale-gallery-empty{padding:40px 20px;background:#f5f7fa;border-radius:12px;text-align:center;color:#596577}
@media(max-width:600px){.wholesale-gallery-preview>img{height:280px}.wholesale-gallery-thumb,.wholesale-gallery-tile{flex-basis:80px;width:80px;height:92px}.wholesale-gallery-controls{align-items:flex-start}.wholesale-gallery-controls .toolbar{flex-basis:100%}}

.wholesale-gallery-storage{border:1px solid #cbd8e3;border-radius:12px;background:#f5f9fc;padding:16px;margin:16px 0;color:#253746}.wholesale-gallery-storage-title{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.wholesale-gallery-storage progress{display:block;width:100%;height:14px;margin:12px 0;accent-color:#187563}.wholesale-gallery-storage p{font-size:13px;margin:8px 0}.wholesale-gallery-storage small{display:block;font-size:12px;line-height:1.55;color:inherit}.wholesale-gallery-storage--warning{border:2px solid #be830c;background:#fff8e8}.wholesale-gallery-storage--critical,.wholesale-gallery-storage--full,.wholesale-gallery-storage--blocked{border:2px solid #b52828;background:#fff0ef}.wholesale-gallery-storage--critical progress,.wholesale-gallery-storage--full progress,.wholesale-gallery-storage--blocked progress{accent-color:#b52828}.wholesale-gallery-storage--unavailable{border:2px solid #627285;background:#f1f3f6}.wholesale-gallery-storage--unavailable progress{accent-color:#627285}@media(max-width:600px){.wholesale-gallery-storage{padding:13px}.wholesale-gallery-storage-title{align-items:flex-start;flex-direction:column}}