.image-picker{position:relative;min-width:0;width:100%}.image-picker-native{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important}.image-picker-trigger{display:flex;align-items:center;gap:10px;width:100%;min-height:46px;padding:6px 10px;background:white;border:1px solid #d6d0c8;border-radius:8px;color:#484039;cursor:pointer;text-align:left}.image-picker-trigger>span:not(.image-picker-none){flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.image-picker img,.image-picker-none,.custom-option>.image-picker-none{width:36px;height:36px;object-fit:cover;border-radius:5px;flex:none}.image-picker-none{display:inline-grid;place-items:center;background:#efede9;color:#948b80;font-size:12px}.image-picker-trigger svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.5;flex:none;transition:transform .28s!important}.image-picker.open .image-picker-trigger svg{transform:rotate(180deg)}.image-picker-popup{position:absolute;top:calc(100% + 5px);left:0;right:0;min-width:200px;z-index:400;background:#fff;border:1px solid #ded8d0;border-radius:10px;padding:8px;box-shadow:0 10px 28px #35312e22;visibility:hidden;opacity:0;transform:translateY(-5px);transition:opacity .2s,transform .2s,visibility .2s!important}.image-picker.open{z-index:401}.image-picker.open .image-picker-popup{visibility:visible;opacity:1;transform:translateY(0)}.image-picker-popup input{width:100%;box-sizing:border-box;margin-bottom:7px}.image-picker-popup [role=listbox]{max-height:250px;overflow-y:auto}.image-picker-popup [role=option]{display:flex;width:100%;align-items:center;gap:10px;text-align:left;border:0;border-radius:6px;background:white;padding:7px;color:#484039;cursor:pointer}.image-picker-popup [role=option]:hover,.image-picker-popup [role=option][aria-selected=true]{background:#f3efe8}.image-picker-popup [role=option]:focus-visible{outline:2px solid #75695d;outline-offset:-2px}.custom-option>img{width:36px;height:36px;object-fit:cover;border-radius:5px}.site-product-image-grid{display:grid!important;grid-template-columns:repeat(auto-fill,112px);grid-auto-rows:112px;gap:12px;align-items:start}.site-product-image-item.is-main{grid-column:span 2;grid-row:span 2;width:224px;height:224px}.site-product-image-item{cursor:grab}.site-product-image-item:active{cursor:grabbing}.site-product-image-item video{width:100%;height:100%;object-fit:contain;background:#292725}.site-product-image-item.is-main img{object-fit:contain}.site-product-image-grid.dragover{outline:2px dashed #75695d;outline-offset:5px}.site-entry-row .image-picker{min-width:180px}
