.body-finish-picker{margin-bottom:30px;padding-bottom:19px;border-bottom:1px solid #d3dce1}
.body-finish-picker #finish-title{font-size:22px;letter-spacing:-.7px;margin:0 0 12px}
.body-finish-options{display:flex;gap:6px;justify-content:space-between}
.body-finish{border:1px solid #bec8cd;border-radius:12px;background:linear-gradient(#fff,#e6eaed);width:46px;height:46px;min-width:44px;min-height:44px;padding:6px;box-shadow:inset 0 1px 1px #fff,0 2px 3px #4051641a;position:relative}
.body-finish>span{display:block;width:100%;height:100%;border-radius:8px;background:linear-gradient(145deg,#ffffffb3,transparent 45%,#16223030),var(--swatch);box-shadow:inset 0 1px 3px #fff9,inset 0 -1px 2px #26323840}
.body-finish[data-finish=lime]>span,.body-finish[data-finish=purple]>span{background:linear-gradient(145deg,#ffffffae,transparent 42%),repeating-linear-gradient(90deg,transparent 0 6px,#253f3a40 7px 8px),var(--swatch)}
.body-finish[aria-pressed=true]{border-color:#5f879f;box-shadow:0 0 0 2px #9dc6dd80,inset 0 1px #fff}
.body-finish[aria-pressed=true]:after{content:'✓';position:absolute;right:3px;bottom:0;color:#fff;font:700 14px Arial;text-shadow:0 1px 2px #183b46}
.body-finish:active{transform:translateY(1px);box-shadow:inset 0 2px 4px #26394955}
.body-finish-picker p{font-size:11px;letter-spacing:0;line-height:1.5;margin:9px 0 0;color:#697d8c}
.body-finish-picker #body-finish-note{font-size:9px;line-height:1.5;color:#7a8790}
.camera-actions{flex-direction:column;align-items:center;gap:4px}
.camera-actions .sample-secondary{font-size:10px;min-height:44px;padding:7px 17px;border-color:transparent;background:none;box-shadow:none;text-decoration:underline;text-underline-offset:4px;color:#6a8191}
.rear-model{position:absolute;inset:-22% -8%;z-index:1;pointer-events:none;filter:drop-shadow(0 12px 12px #26365c25)}
html .rear-model.has-geometry ~ .rear-asset{visibility:hidden}
html .rear-model.has-geometry ~ .printed-label,html .rear-model.has-geometry ~ .digital-color-decal{visibility:hidden}
.rear-asset{filter:var(--body-fallback-filter,none) drop-shadow(0 12px 12px #26365c25)}
.hero-model:not(.has-geometry) .front-asset{filter:var(--body-fallback-filter,none)}
@media(max-width:760px){.body-finish-picker{margin-bottom:24px}.body-finish-options{justify-content:flex-start;gap:9px}}
@media(prefers-reduced-motion:reduce){.body-finish:active{transform:none}}

.body-finish{transition:transform .18s cubic-bezier(.2,.7,.2,1),box-shadow .18s,border-color .18s}.body-finish:hover{box-shadow:inset 0 1px 1px #fff,0 4px 7px #40516429}.body-finish:focus-visible{outline:2px solid #49769c;outline-offset:3px}
@media(prefers-reduced-motion:reduce){.body-finish{transition:none}}

.rear-asset[data-painted=true]{filter:drop-shadow(0 12px 12px #26365c25)}

.body-finish-options{position:relative}.body-finish-options:after{content:'';pointer-events:none;position:absolute;left:0;top:0;width:var(--finish-size,46px);height:var(--finish-size,46px);border:2px solid #168bff;border-radius:12px;box-shadow:0 0 0 2px #bdefff77,0 0 12px #1595ff66;opacity:0;transform:translate(var(--finish-x,0px),var(--finish-y,0px));transition:transform .32s cubic-bezier(.2,.75,.2,1),opacity .15s}.body-finish-options.previewing:after{opacity:1;animation:picker-sheen 2.8s ease-in-out infinite alternate}@keyframes picker-sheen{from{border-color:#087ff4;box-shadow:0 0 0 2px #bdefff77,0 0 8px #1595ff55}to{border-color:#16b4ff;box-shadow:0 0 0 2px #d4fbff99,0 0 12px #1595ff77}}.rear-camera{transform:rotate(var(--finish-tilt,0deg));transition:transform .42s cubic-bezier(.2,.75,.2,1);transform-origin:50% 55%}@media(prefers-reduced-motion:reduce){.body-finish-options:after,.rear-camera{transition:none;animation:none!important}.rear-camera{transform:none}}
