/* Load after drive.css: the outer .vehicle keeps all existing layout rules. */
.car-appearance{position:relative;display:block;isolation:isolate;aspect-ratio:3/2;overflow:visible;line-height:0}
.car-appearance>.vehicle.car-image{position:absolute;inset:0;display:block;width:100%;height:100%;max-width:none;margin:0;object-fit:contain;filter:grayscale(1);transform:none!important;animation:none}
.car-appearance>.car-finish{position:absolute;inset:0;width:100%;height:100%;display:block;pointer-events:none;overflow:visible}
.car-appearance .car-patina{opacity:.94}
.car-appearance[data-car-wear=light] .car-patina{opacity:.65}
.car-appearance[data-car-wear=used] .car-patina{opacity:.8}
/* Paint controls can reuse these when added to an instance detail sheet. */
.car-color-swatch{display:inline-grid;place-items:center;width:44px;height:44px;min-width:44px;min-height:44px;border:1px solid #46515d;border-radius:50%;background:#1e242c;color:#f7f7f3;position:relative}
.car-color-swatch:before{content:'';width:25px;height:25px;border-radius:50%;background:var(--car-paint,#2863db);box-shadow:inset 0 0 0 1px #ffffff35,inset 0 8px 10px #ffffff14}
.car-color-swatch[aria-pressed=true]{outline:2px solid #a4c9ff;outline-offset:2px}
.car-color-swatch:focus-visible{outline:2px solid #a4c9ff;outline-offset:3px}
.car-condition-pill{display:inline-flex;align-items:center;gap:6px;min-height:24px;font-size:9px;line-height:1.3;color:#c2d2c8}
.car-condition-pill>i{height:5px;width:5px;background:#91cbaa;border-radius:50%;flex-shrink:0}
.car-condition-pill[data-wear=weathered],.car-condition-pill[data-wear=heavy]{color:#e8b28e}
.car-condition-pill[data-wear=weathered]>i,.car-condition-pill[data-wear=heavy]>i{background:#d79363}
@media(prefers-reduced-motion:reduce){.car-appearance{animation:none!important;transition:none!important}}