.cad-viewer{color:#f7f7f7;isolation:isolate;background:#161616;border-radius:32px;padding:108px max(5vw,24px) 80px;position:relative;overflow:hidden}.cad-viewer-heading{justify-content:space-between;align-items:baseline;gap:20px;max-width:1320px;margin:0 auto 12px;display:flex}.cad-viewer-heading h2{font:400 clamp(38px,5vw,76px)/1.06 var(--font);letter-spacing:0;color:inherit;margin:0}.cad-piece-name{text-transform:capitalize;opacity:.62;font-size:16px}.cad-stage{isolation:isolate;width:100%;max-width:1320px;height:620px;margin:auto;position:relative}.cad-canvas{opacity:0;touch-action:pan-y;cursor:grab;width:100%;height:100%;transition:opacity .32s;display:block;position:absolute;inset:0}.cad-canvas:active{cursor:grabbing}.cad-canvas.is-ready{opacity:1}.cad-canvas:focus-visible{outline-offset:-2px;border-radius:20px;outline:2px solid #ff5}.cad-stage-shadow{filter:blur(18px);opacity:.55;pointer-events:none;z-index:-1;background:#050505;border-radius:50%;width:250px;height:40px;position:absolute;bottom:16%;left:50%;transform:translate(-50%)}.cad-render-fallback{object-fit:contain;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.cad-side-controls{z-index:2;flex-direction:column;gap:16px;display:flex;position:absolute;top:50%;left:0;transform:translateY(-50%)}.cad-side-controls button,.cad-colours button{-webkit-appearance:none;appearance:none;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:50%;place-items:center;width:44px;height:44px;padding:5px;transition:border-color .2s;display:grid}.cad-side-controls button[aria-pressed=true],.cad-colours button[aria-pressed=true]{border-color:#f7f7f7}.cad-side-controls i,.cad-colours i{background:var(--cad-swatch);border-radius:50%;width:28px;height:28px;display:block;box-shadow:inset 0 0 0 1px #ffffff24}.cad-pieces{z-index:2;flex-direction:column;align-items:flex-end;gap:12px;display:flex;position:absolute;top:50%;right:0;transform:translateY(-50%)}.cad-pieces button{color:#909090;text-transform:capitalize;cursor:pointer;background:0 0;border:0;padding:4px 0 4px 18px;font-family:inherit;font-size:16px;font-weight:400;line-height:1.5;transition:color .18s}.cad-pieces button[aria-pressed=true],.cad-pieces button:hover{color:#f7f7f7}.cad-controls{justify-content:space-between;align-items:center;gap:28px;width:100%;max-width:1320px;margin:0 auto;display:flex}.cad-colours{align-items:center;gap:9px;display:flex}.cad-rotation-controls{align-items:center;gap:16px;width:330px;display:flex}.cad-rotation-controls>button{color:#f7f7f7;cursor:pointer;background:0 0;border:1px solid #ffffff40;border-radius:50%;flex-shrink:0;place-items:center;width:44px;height:44px;display:grid}.cad-rotation-controls>button:disabled{opacity:.35;cursor:default}.cad-pause{border-left:3px solid;border-right:3px solid;width:10px;height:13px}.cad-angle{align-items:center;width:100%;display:flex}.cad-angle input{accent-color:#f7f7f7;cursor:ew-resize;width:100%;height:24px;margin:0}.cad-degrees{font-variant-numeric:tabular-nums;text-align:right;color:#b8b8b8;min-width:32px;font-size:13px}.cad-viewer button:focus-visible{outline-offset:4px;outline:2px solid #ff5}@media (max-width:767px){.cad-viewer{border-radius:24px;padding:68px 20px 44px}.cad-viewer-heading h2{font-size:44px}.cad-piece-name{font-size:13px}.cad-stage{height:450px}.cad-side-controls{gap:10px;top:38%;left:0}.cad-side-controls button{width:44px;height:44px;padding:4px}.cad-side-controls i{width:23px;height:23px}.cad-pieces{flex-flow:wrap;justify-content:center;gap:0;inset:auto 0 8px;transform:none}.cad-pieces button{min-height:44px;padding:8px 10px;font-size:14px}.cad-controls{flex-direction:column;gap:22px;margin-top:14px}.cad-colours{gap:14px}.cad-rotation-controls{width:100%;max-width:330px}.cad-stage-shadow{width:150px;height:25px;bottom:22%}}@media (max-width:374px){.cad-viewer{padding-inline:16px}.cad-stage{height:390px}.cad-pieces button{padding:8px 7px;font-size:14px}.cad-colours{gap:8px}}@media (prefers-reduced-motion:reduce){.cad-canvas,.cad-side-controls button,.cad-colours button,.cad-pieces button{transition:none}}.cad-unavailable{white-space:nowrap;color:#aaa;font-size:12px;position:absolute;bottom:15px;left:50%;transform:translate(-50%)}.cad-side-controls button:disabled,.cad-colours button:disabled{cursor:default;opacity:.55}@media (max-width:767px){.cad-unavailable{bottom:55px}}.cad-direction-controls{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.cad-direction-controls button{color:inherit;font:inherit;cursor:pointer;background:0 0;border:1px solid;border-radius:3px;padding:7px 10px;font-size:11px}.cad-direction-controls button:disabled{opacity:.4;cursor:default}.cad-direction-controls button:focus-visible{outline-offset:3px;outline:2px solid}.cad-controls{flex-wrap:wrap}.cad-direction-controls{order:3;width:100%}.cad-direction-controls button{min-height:40px}