.car3d{position:relative;isolation:isolate;overflow:hidden;width:100%;height:650px;color:#fff;font-family:Arial,Helvetica,sans-serif;background:linear-gradient(155deg,#a9bac6,#738b95 55%,#566967)}.car3d:fullscreen{height:100vh}.car3d__stage{position:absolute;inset:0;opacity:0;transition:opacity .35s ease}.car3d--ready .car3d__stage{opacity:1}.car3d:not(.car3d--ready) .car3d__hotspots{visibility:hidden}.car3d__stage canvas{display:block;width:100%;height:100%;touch-action:none}.car3d__heading{position:absolute;z-index:2;top:25px;right:28px;display:flex;flex-direction:column;gap:4px;pointer-events:none;text-align:right;text-shadow:0 2px 16px #000b}.car3d__heading strong{font-size:clamp(21px,3vw,35px);font-weight:700;letter-spacing:.04em;line-height:1.1}.car3d__heading small{font-size:12px;font-weight:500;letter-spacing:.03em}.car3d__status{position:absolute;z-index:3;top:50%;left:50%;transform:translate(-50%,-50%);padding:13px 18px;border:1px solid #ffffff42;border-radius:9px;background:#13202cbb;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-size:14px;text-align:center;white-space:nowrap}.car3d--ready .car3d__status{display:none}.car3d__modes{position:absolute;z-index:3;bottom:20px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:5px;padding:5px;border:1px solid #ffffff70;border-radius:999px;background:#182933a8;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.car3d button{appearance:none;cursor:pointer;border:0;color:#fff;font-family:inherit}.car3d__modes button{display:grid;place-items:center;width:43px;height:43px;border-radius:50%;background:transparent}.car3d__modes svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.car3d__modes button.is-active{background:#fff;color:#17262b}.car3d button[hidden],.car3d [hidden]{display:none!important}.car3d__hotspots{position:absolute;z-index:3;inset:0;pointer-events:none}.car3d__hotspot{position:absolute;display:grid;place-items:center;width:36px;height:36px;padding:0;transform:translate(-50%,-50%);border:2px solid #fff!important;border-radius:50%;background:#183846dc;color:#fff;font-size:24px;line-height:1;box-shadow:0 3px 14px #0009;pointer-events:auto;isolation:isolate}.car3d__hotspot:before{content:"";position:absolute;z-index:-1;inset:-8px;border:2px solid #fff;border-radius:50%;animation:car3d-pulse 2s ease-out infinite;pointer-events:none}.car3d__hotspot:after{content:attr(data-label);position:absolute;bottom:calc(100% + 13px);left:50%;transform:translate(-50%);padding:5px 9px;border-radius:5px;background:#142932e8;font-size:11px;font-weight:600;white-space:nowrap;opacity:0;transition:opacity .15s;pointer-events:none}.car3d__hotspot:hover:after,.car3d__hotspot:focus-visible:after{opacity:1}.car3d__hotspot.is-open{background:#fff;color:#183846}.car3d__hotspot:focus-visible,.car3d__modes button:focus-visible{outline:3px solid #ffc857;outline-offset:3px}@keyframes car3d-pulse{0%{transform:scale(.8);opacity:.9}to{transform:scale(1.6);opacity:0}}.car3d__toolbar{position:absolute;z-index:3;right:22px;bottom:20px;left:22px;display:flex;align-items:center;justify-content:space-between;gap:12px;pointer-events:none}.car3d__colors,.car3d__tools{display:flex;align-items:center;gap:8px;padding:9px 12px;border:1px solid #ffffff80;border-radius:999px;background:#172832bc;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);pointer-events:auto}.car3d__colors{min-height:46px}.car3d__colors button{position:relative;width:25px;height:25px;flex:none;border:2px solid #ffffffb0;border-radius:50%;background:var(--swatch)}.car3d__colors button.is-active:after{content:"";position:absolute;inset:-6px;border:1px solid #fff;border-radius:50%}.car3d__tools button{display:grid;place-items:center;width:29px;height:29px;padding:0;border-radius:50%;background:#ffffff29;font-size:21px;line-height:1}.car3d__tools svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.car3d__tools .car3d__lights{display:grid;place-items:center}.car3d__lights svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.car3d__tools .car3d__lights.is-active{background:#eef7ff;color:#142c39;box-shadow:0 0 13px #dceeffbb}.car3d__tools button:hover,.car3d__tools button[aria-pressed=true]{background:#ffffff68}.car3d__tools .car3d__lights.is-active:hover{background:#fff}.car3d__hint{position:absolute;z-index:2;right:0;bottom:83px;left:0;text-align:center;color:#fff;text-shadow:0 1px 6px #000;font-size:11px;font-weight:600;pointer-events:none}.car3d--interior .car3d__hotspots,.car3d--interior .car3d__hint{display:none}@media(max-width:700px){.car3d{height:500px}.car3d__heading{top:14px;right:14px}.car3d__heading strong{font-size:21px}.car3d__heading small{font-size:10px}.car3d__modes{bottom:76px}.car3d__modes button{width:38px;height:38px}.car3d__modes svg{width:25px;height:25px}.car3d__hotspot{width:34px;height:34px}.car3d__toolbar{right:10px;bottom:10px;left:10px;gap:4px}.car3d__colors{min-height:35px;gap:2px;padding:5px}.car3d__colors button{width:17px;height:17px}.car3d__tools{gap:2px;padding:5px}.car3d__tools button{width:23px;height:23px;font-size:18px}.car3d__tools svg{width:16px;height:16px}.car3d__lights svg{width:18px;height:18px}.car3d__hint{bottom:134px;font-size:10px}}@media(prefers-reduced-motion:reduce){.car3d__hotspot:before{animation:none;opacity:.6}.car3d__stage{transition:none}}