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

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