.product-viz{gap:var(--s4);display:grid}.product-viz-stage{width:min(100%,32rem);transform-style:preserve-3d;margin-inline:auto;transition:transform .26s}.product-viz-stage svg{filter:drop-shadow(0 1.2rem 1.8rem #00000061);width:100%;height:auto;display:block}.viz-glass{transition:fill .18s}.viz-sash{transition:transform .3s}.viz-sash-open{transform:translateY(-96px)}.viz-exploded>polygon:first-child{transform:translateY(-18px)}.viz-exploded>polygon:nth-child(2){transform:translate(18px)}.viz-operation{fill:none;stroke:#f3b61f;stroke-width:7px;stroke-linecap:round;stroke-linejoin:round}.viz-caption{fill:currentColor;font:600 17px var(--font-mono)}.product-viz-status{text-align:center;margin:0}.product-viz-controls{justify-content:center;gap:var(--s2);flex-wrap:wrap;display:flex}.product-viz-controls .btn{min-height:44px}.product-viz-options{gap:var(--s3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.product-viz-options fieldset{border:1px solid var(--line);border-radius:var(--radius);padding:var(--s3)}.product-viz-options label{align-items:center;gap:.55rem;min-height:44px;display:flex}@media (width<=40rem){.product-viz-options{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.product-viz-stage,.viz-sash,.viz-glass{transition:none}}