/* Screenshot-matched studio tint picker, scoped to this section only. */
#shade-preview{background:#0f1014;color:#fff;text-align:center;padding:70px 24px 48px;isolation:isolate;width:100%;margin:0;box-sizing:border-box}
#shade-preview .cs-wrap{width:100%;max-width:1200px;margin:0 auto}
#shade-preview h2{font-size:clamp(30px,3.4vw,44px);line-height:1.1;letter-spacing:-.045em;text-transform:uppercase;color:#fff;margin:0 0 18px}
#shade-preview .cs-sub{font-size:16px;line-height:1.55;color:#b5b5be;max-width:540px;margin:0 auto}
#shade-preview .cs-stage{position:relative;z-index:0;margin:16px auto 0;max-width:1100px;pointer-events:none}
#shade-preview .cs-car{display:block;width:100%;height:auto;-webkit-mask-image:linear-gradient(to right,transparent 0,#000 9%,#000 91%,transparent 100%),linear-gradient(to bottom,transparent 0,#000 12%,#000 80%,transparent 100%);-webkit-mask-composite:source-in;mask-image:linear-gradient(to right,transparent 0,#000 9%,#000 91%,transparent 100%),linear-gradient(to bottom,transparent 0,#000 12%,#000 80%,transparent 100%);mask-composite:intersect}
#shade-preview .cs-glassLayer{transition:fill-opacity .35s ease,stroke-opacity .35s ease}
#shade-preview .cs-seg{position:relative;display:flex;width:max-content;max-width:100%;margin:0 auto;border-radius:999px;background:#27282c;padding:4px;gap:2px}
#shade-preview .cs-seg__btn{appearance:none;border:0;background:transparent;color:#d6d6db;border-radius:999px;min-width:66px;min-height:46px;padding:8px 13px;font:700 12px/1.4 Arial,sans-serif;cursor:pointer}
#shade-preview .cs-seg__btn small{display:block;font-size:10px;color:inherit;font-weight:400}
#shade-preview .cs-seg__btn[aria-checked=true]{background:#fff;color:#111217}
#shade-preview .cs-seg__btn:focus-visible{outline:3px solid #75b8ff;outline-offset:3px}
#shade-preview .cs-shade__out{max-width:620px;margin:20px auto 0;min-height:72px}
#shade-preview .cs-shade__out strong{display:block;color:#fff;font-size:16px;font-weight:700}
#shade-preview .cs-shade__out p{margin:6px 0 0;color:#b5b5be;font-size:14px;line-height:1.55}
#shade-preview .cs-fine{color:#b5b5be;font-size:11px;line-height:1.6;max-width:640px;margin:24px auto 0}
@media(max-width:600px){#shade-preview{padding:46px 12px 35px}#shade-preview h2{font-size:30px}#shade-preview .cs-sub{font-size:14px}#shade-preview .cs-stage{margin:26px -10px 18px}#shade-preview .cs-seg__btn{min-width:49px;padding:8px 10px}#shade-preview .cs-shade__out{min-height:72px}}
@media(prefers-reduced-motion:reduce){#shade-preview .cs-glassLayer{transition:none}}