.car3d{position:relative;isolation:isolate;overflow:hidden;width:100%;height:clamp(470px,64vw,760px);color:#fff;font-family:Arial,Helvetica,sans-serif;background:#abb9c3 center/cover no-repeat}.car3d:fullscreen{height:100vh}.car3d__stage{position:absolute;inset:0}.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;top:24px;left:24px;display:flex;align-items:center;gap:4px;max-width:calc(100% - 220px);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{padding:8px 15px;border-radius:999px;background:transparent;font-size:12px;font-weight:600;white-space:nowrap}.car3d__modes button.is-active{background:#fff;color:#17262b}.car3d button[hidden],.car3d [hidden]{display:none!important}.car3d__actions{position:absolute;z-index:3;right:16px;bottom:94px;left:16px;display:flex;justify-content:center;flex-wrap:wrap;gap:6px}.car3d__actions button{padding:8px 12px;border:1px solid #ffffff98;border-radius:999px;background:#192c35a8;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-size:11px;font-weight:600;white-space:nowrap}.car3d__actions button[aria-pressed=true]{background:#fff;color:#193037}.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{width:29px;height:29px;border-radius:50%;background:#ffffff29;font-size:21px;line-height:1}.car3d__tools button:hover,.car3d__tools button[aria-pressed=true]{background:#ffffff68}.car3d__hint{position:absolute;z-index:2;right:0;bottom:67px;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__actions,.car3d--interior .car3d__hint{display:none}@media(max-width:700px){.car3d{height:min(80vh,680px);min-height:480px}.car3d__heading{top:14px;right:14px}.car3d__heading strong{font-size:21px}.car3d__heading small{font-size:10px}.car3d__modes{top:76px;right:12px;left:12px;max-width:none;overflow-x:auto;scrollbar-width:none}.car3d__modes button{padding:7px 13px;font-size:11px}.car3d__actions{bottom:140px;gap:5px}.car3d__actions button{padding:7px 9px;font-size:10px}.car3d__toolbar{right:10px;bottom:13px;left:10px;flex-direction:column;gap:8px}.car3d__colors{min-height:39px;padding:7px 11px}.car3d__colors button{width:21px;height:21px}.car3d__tools{padding:6px 12px}.car3d__hint{bottom:117px;font-size:10px}}