._viewer_l9k3y_1{min-width:0;color:var(--panel-text,#0c2340);border:1px solid var(--panel-line,#cad8e4);background:#fff;border-radius:9px;align-self:start;overflow:hidden}._header_l9k3y_10,._toolbar_l9k3y_10{justify-content:space-between;align-items:center;gap:10px;display:flex}._header_l9k3y_10{color:#fff;background:#173e56;min-height:46px;padding:4px 9px 4px 12px}._mode_l9k3y_12,._modes_l9k3y_12,._toolbar_l9k3y_10 button,._zoom_l9k3y_12{align-items:center;display:inline-flex}._mode_l9k3y_12{gap:8px;font-size:13px;font-weight:600}._mode_l9k3y_12 svg{color:#a8def7}._modes_l9k3y_12{gap:3px}._modes_l9k3y_12 button,._expand_l9k3y_16,._toolbar_l9k3y_10 button{border-radius:5px;justify-content:center;align-items:center;gap:6px;min-height:36px;display:inline-flex}._modes_l9k3y_12 button{color:#d9edfa;padding:4px 9px;font-size:12px;font-weight:600}._modes_l9k3y_12 button[aria-pressed=true]{color:#15384f;background:#f3f8fb}._modes_l9k3y_12 button[aria-pressed=false]:hover,._expand_l9k3y_16:hover{background:#25536d}._expand_l9k3y_16{color:#ebf8ff;flex:0 0 36px}._stage_l9k3y_21{isolation:isolate;background:radial-gradient(at 50% 40%,#fff 30%,#f0f5f8 100%);width:100%;height:clamp(224px,30vw,330px);position:relative;overflow:hidden;container-type:size}._stage_l9k3y_21:focus-visible{outline-offset:-3px;outline:3px solid #237dd1}._stage_l9k3y_21[data-model],._stage_l9k3y_21[data-drag]{touch-action:none;cursor:grab}._stage_l9k3y_21[data-model]:active,._stage_l9k3y_21[data-drag]:active{cursor:grabbing}._model_l9k3y_33,._placeholder_l9k3y_33,._picture_l9k3y_33{position:absolute;inset:0}._model_l9k3y_33 canvas{width:100%;height:100%;display:block}._picture_l9k3y_33{pointer-events:none;-webkit-user-select:none;user-select:none;place-items:center;display:grid}._viewer_l9k3y_1 ._picture_l9k3y_33>.product-image{background:0 0;border:0;border-radius:0;width:100%;height:100%;padding:0}._picture_l9k3y_33 .sprite-preview{mix-blend-mode:multiply;width:min(86cqw,86cqh);height:min(86cqw,86cqh)}._picture_l9k3y_33 img{object-fit:contain;mix-blend-mode:multiply;width:90%;height:90%;padding:0}._placeholder_l9k3y_33{color:#526a7d;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:9px;padding:20px;font-size:13px;display:flex}._toolbar_l9k3y_10{border-top:1px solid #dce6ee;padding:8px 10px}._toolbar_l9k3y_10 button{color:#203d54;min-width:36px;padding:4px 8px;font-size:12px;font-weight:600}._toolbar_l9k3y_10 button:hover:enabled{background:#e3eff6}._toolbar_l9k3y_10 button:disabled{opacity:.39}._zoom_l9k3y_12{border:1px solid #d4dfe8;border-radius:5px}._zoom_l9k3y_12 output{text-align:center;font-variant-numeric:tabular-nums;min-width:40px;font-size:12px}._hint_l9k3y_46,._failure_l9k3y_46{color:#536779;margin:0;padding:0 12px 11px;font-size:12px;line-height:1.45}._failure_l9k3y_46{padding-top:10px}._viewer_l9k3y_1:-webkit-full-screen{border:0;border-radius:0;flex-direction:column;width:100vw;height:100dvh;display:flex}._viewer_l9k3y_1:fullscreen{border:0;border-radius:0;flex-direction:column;width:100vw;height:100dvh;display:flex}._viewer_l9k3y_1:-webkit-full-screen ._stage_l9k3y_21{flex:1;height:auto;min-height:0}._viewer_l9k3y_1:fullscreen ._stage_l9k3y_21{flex:1;height:auto;min-height:0}._spinner_l9k3y_50{animation:1s linear infinite _preview-spin_l9k3y_1}@keyframes _preview-spin_l9k3y_1{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){._spinner_l9k3y_50{animation:none}}@media (max-width:640px){._stage_l9k3y_21{height:clamp(205px,60vw,300px)}}