.gxv-viewer .gxv-stage{position:absolute;inset:0;display:grid;place-items:center;container-type:size;touch-action:pan-y;user-select:none;-webkit-user-select:none}
.gxv-viewer.is-ready .gxv-stage{bottom:78px}
.gxv-viewer.can-rotate .gxv-stage{cursor:grab}
.gxv-viewer.is-dragging .gxv-stage{cursor:grabbing}
.gxv-frame{position:relative;width:min(92cqw,calc(90cqh * var(--gxv-ratio)));aspect-ratio:var(--gxv-ratio)}
.gxv-viewer .gxv-stage img{inset:auto;left:var(--gxv-left);top:var(--gxv-top);width:var(--gxv-width);height:var(--gxv-height);max-width:none;object-fit:fill;padding:0;pointer-events:none}
.gxv-controls{position:absolute;left:24px;right:24px;bottom:22px}
.gxv-controls[hidden]{display:none}
.gxv-caption{display:flex;justify-content:space-between;gap:12px;align-items:center;font-size:13px;color:var(--muted);margin-bottom:10px}
.gxv-caption label{cursor:ew-resize}
.gxv-caption>span{font:700 17px var(--display);letter-spacing:.04em;color:var(--ink)}
[data-gxv-count]{margin-left:10px;font:12px Arial,sans-serif;color:var(--muted);font-variant-numeric:tabular-nums}
.gxv-controls input{display:block;width:100%;height:24px;margin:0;cursor:ew-resize;accent-color:var(--red)}
.gxv-controls input:focus-visible{outline:3px solid var(--red);outline-offset:4px;border-radius:3px}
@media(max-width:680px){.gxv-viewer{aspect-ratio:1}.gxv-controls{left:18px;right:18px;bottom:18px}.gxv-caption{font-size:12px}}
.gxv-product-viewer{min-width:0}
.gxv-colors{border:0;padding:0;margin:22px 0 0;min-width:0}
.gxv-colors[hidden]{display:none}
.gxv-colors legend{padding:0;margin-bottom:12px;font:700 20px var(--display)}
.gxv-color-choices{display:flex;flex-wrap:wrap;gap:8px}
.gxv-color-choice{position:relative;flex:1;min-width:120px;cursor:pointer}
.gxv-color-choice input{position:absolute;width:1px;height:1px;opacity:0}
.gxv-color-choice>span{display:flex;align-items:center;gap:10px;height:100%;padding:11px 12px;border:1px solid var(--line);background:#fff;border-radius:5px;font-size:13px}
.gxv-color-choice input:checked+span{border-color:var(--red);box-shadow:inset 0 0 0 1px var(--red)}
.gxv-color-choice input:focus-visible+span{outline:3px solid var(--red);outline-offset:3px}
.gxv-swatch{display:block;flex:none;width:24px;height:24px;border-radius:50%;border:1px solid #0003}
.gxv-swatch.matte-black{background:#24282c}
.gxv-swatch.matte-grey{background:#81868b}
.gxv-swatch.gloss-dark-blue{background:linear-gradient(135deg,#152438 10%,#627c98 40%,#23384d 55%,#102033 90%)}
.gxv-color-status{font-size:13px;margin:14px 0 6px;color:var(--ink)}
.gxv-color-note{font-size:12px;line-height:1.5;color:var(--muted);margin:0}

.gxv-controls input:disabled{cursor:progress;opacity:.45}