.tpal-zoomable-image__placeholder{border:1px dashed #cbd5f5;padding:24px;border-radius:12px;background:#f8faff;text-align:center;color:#4b5563;}
.tpal-zoomable-image__placeholder--error{border-color:#fca5a5;background:#fff1f2;color:#991b1b;}
.tpal-zoomable-image--has-pending .tpal-zoomable-image__grid{position:relative;}
.tpal-zoomable-image--has-pending .tpal-zoomable-image__grid::before{content:'';position:absolute;inset:0;border-radius:16px;pointer-events:none;box-shadow:0 0 0 2px rgba(239,68,68,.4);}
.tpal-zoomable-image__placeholder .components-button{margin-top:12px;}
.tpal-zoomable-image-sidebar .components-base-control{margin-bottom:12px;}
.tpal-zoomable-image-sidebar__item.is-pending{border-color:#fca5a5;background:#fff1f2;}
.tpal-zoomable-image__pending-note{color:#b91c1c;}
.tpal-zoomable-image__item--pending{position:relative;}
.tpal-zoomable-image__inline-notice{margin-bottom:16px;}
.tpal-zoomable-image__media-placeholder{border:1px dashed #cbd5f5;border-radius:12px;background:#f8faff;}
.tpal-zoomable-image__grid .tpal-zoomable-image__item{position:relative;}
.tpal-zoomable-image__item-controls{margin-top:10px;display:flex;gap:8px;flex-wrap:wrap;justify-content:center;}
.tpal-zoomable-image__height-select{min-width:160px;}
.tpal-zoomable-image-sidebar__item{border:1px solid #e0e7ff;padding:12px;margin-bottom:12px;border-radius:12px;background:#fff;}
.tpal-zoomable-image-sidebar__item-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px;}
.tpal-zoomable-image-sidebar__item-buttons{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end;}
.tpal-zoomable-image-sidebar__add{margin-top:12px;}


.tpal-zoomable-image{position:relative}
.tpal-zoomable-image--scroll .tpal-zoomable-image__grid{display:flex!important;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;gap:18px;-webkit-overflow-scrolling:touch;padding:2px 2px 10px}
.tpal-zoomable-image--scroll .tpal-zoomable-image__item{flex:0 0 auto;width:clamp(220px,32vw,340px);scroll-snap-align:start}
.tpal-zoomable-image--scroll .tpal-zoomable-image__grid{-ms-overflow-style:none;scrollbar-width:none}
.tpal-zoomable-image--scroll .tpal-zoomable-image__grid::-webkit-scrollbar{display:none}
/* When a fixed number of columns is chosen, lock item width so exactly N items are visible */
.tpal-zoomable-image--scroll.tpal-has-fixed .tpal-zoomable-image__item{width:calc((100% - (18px * (var(--tpal-zoom-items) - 1))) / var(--tpal-zoom-items))}
.tpal-zoomable-image__arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:2;width:40px;height:40px;border-radius:999px;display:flex;align-items:center;justify-content:center;border:0;background:rgba(17,51,175,.96);color:#fff;box-shadow:0 6px 20px rgba(17,51,175,.22);cursor:pointer;opacity:.96;transition:opacity .2s ease,transform .2s ease}
.tpal-zoomable-image__arrow:hover{opacity:1;transform:translateY(-50%) scale(1.03)}
.tpal-zoomable-image__arrow[disabled]{opacity:.45;cursor:not-allowed}
.tpal-zoomable-image__prev{left:-12px}
.tpal-zoomable-image__next{right:-12px}
.tpal-zoomable-image:not(.has-overflow) .tpal-zoomable-image__arrow{display:none}
.tpal-zoomable-image__dots{display:flex;gap:8px;justify-content:center;margin-top:12px}
.tpal-zoomable-image__dot{width:8px;height:8px;border-radius:999px;background:#c7d2fe;transition:transform .2s ease,background .2s ease}
.tpal-zoomable-image__dot[aria-current="true"]{background:#1133af;transform:scale(1.25)}
.tpal-zoomable-image:not(.has-overflow) .tpal-zoomable-image__dots{display:none}