woomo-gallery{display:block;min-width:0;color:#13243b}
woomo-gallery [hidden]{display:none!important}
.wg-stage{aspect-ratio:1;background:#fff;border:1px solid #e4e8ed;border-radius:18px;overflow:hidden;display:grid;place-items:center}
.wg-stage>img,.wg-stage>video,.wg-stage>iframe,.wg-stage>model-viewer,.wg-stage>svg{width:100%;height:100%;max-height:100%;object-fit:contain;border:0;display:block}
.wg-toolbar{display:flex;align-items:center;justify-content:space-between;margin:14px 0;gap:12px}
.wg-toolbar button{border:1px solid #dce3ec;background:white;color:#13243b;border-radius:50%;width:44px;height:44px;font-size:20px;cursor:pointer}
.wg-toolbar button:disabled{opacity:.35;cursor:default}
.wg-toolbar span{font-size:13px;letter-spacing:.08em;font-variant-numeric:tabular-nums}
.wg-thumbs{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;padding:3px 2px 12px;scrollbar-width:thin;scrollbar-color:#b8c9df #edf1f7}
.wg-thumbs button{position:relative;flex:0 0 calc((100% - 40px)/5);aspect-ratio:1;padding:3px;border:2px solid #e5e9ef;border-radius:10px;background:#fff;cursor:pointer;scroll-snap-align:center;overflow:hidden}
.wg-thumbs img{width:100%;height:100%;object-fit:contain;display:block}
.wg-thumbs button[aria-pressed=true]{border-color:#1675ff;box-shadow:0 0 0 1px #1675ff}
woomo-gallery button:focus-visible{outline:3px solid #1675ff;outline-offset:3px}
.wg-badge{position:absolute;bottom:4px;right:4px;background:#06172de6;color:#fff;border-radius:4px;padding:3px 6px;font-size:12px}
.wg-hint{font-size:12px;color:#66758a;margin:8px 0 0;text-align:center}
@media(max-width:600px){.wg-thumbs button{flex-basis:calc((100% - 30px)/4.3)}.wg-stage{border-radius:12px}}