.product-twin{width:min(100%,44rem);color:var(--ink);gap:.8rem;margin:0;display:grid}.product-twin-toolbar{justify-content:center;gap:.35rem;display:flex}.product-twin-toolbar button{border:1px solid color-mix(in srgb, var(--ink) 24%, transparent);min-height:44px;color:inherit;background:var(--surface);font:inherit;cursor:pointer;border-radius:999px;padding:.55rem .9rem;font-weight:700}.product-twin-toolbar button[aria-pressed=true]{color:#fff;border-color:var(--teal);background:var(--teal)}.product-twin-toolbar button:focus-visible{outline:3px solid color-mix(in srgb, var(--teal) 45%, white);outline-offset:3px}.product-twin-stage{border:1px solid color-mix(in srgb, var(--ink) 12%, transparent);background:radial-gradient(circle at 50% 38%,#fffc,#0000 48%),linear-gradient(145deg,#dce4e5,#aebdc0);border-radius:1rem;overflow:hidden}.product-twin-stage svg{width:100%;height:auto;display:block}.product-twin[data-mode=TECHNICAL] .product-twin-stage{background-color:#e7edef;background-image:linear-gradient(#2a535a14 1px,#0000 1px),linear-gradient(90deg,#2a535a14 1px,#0000 1px);background-size:18px 18px}.pt-operation,.pt-dimensions line{fill:none;stroke:#086f78;stroke-width:4px;stroke-linecap:round;stroke-linejoin:round}.pt-panel-operable{transform-box:fill-box;transform-origin:50%;transition:transform .28s}.pt-dimensions line{stroke-width:1.5px}.pt-label,.pt-dimensions text{fill:#12333a;font:700 15px var(--font-mono)}.product-twin figcaption{text-align:center;color:var(--muted);gap:.2rem;font-size:.84rem;display:grid}.product-twin figcaption strong{color:var(--ink)}.product-twin-review{color:#815306;font-weight:700}.product-twin-state{min-height:1.2em}@media (width<=40rem){.product-twin-toolbar{align-items:stretch}.product-twin-toolbar button{flex:1}}@media (prefers-reduced-motion:reduce){.product-twin,.product-twin *{scroll-behavior:auto;transition:none!important;animation:none!important}}