.garage-appearance-link{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:14px 0}.garage-appearance-link button{min-height:48px}.garage-appearance-link span{font-size:12px;color:#a5b7c7}.appearance-editor{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:24px;align-items:start}.appearance-preview{position:sticky;top:20px;min-width:0;height:380px;border:1px solid #3c4c58;border-radius:12px;overflow:hidden;background:linear-gradient(0deg,#0c141aa8,#0c141a22),url('/assets/garage-bay.webp') center/cover}.appearance-preview-top{position:absolute;top:22px;left:22px;right:22px;display:flex;align-items:start;justify-content:space-between;gap:12px}.appearance-preview h2{font:500 32px Oswald;margin:7px 0}.appearance-preview .eyebrow{font-size:9px;color:#b4c9d7}.preview-badge{font-size:10px;color:#b7e8f1;padding:7px 9px;border:1px solid #587781;background:#15212be6;border-radius:5px;flex-shrink:0}.appearance-car{position:absolute;bottom:66px;left:3%;width:94%;height:56%;object-fit:contain;filter:drop-shadow(0 14px 8px #0007)}.preview-description{position:absolute;bottom:18px;left:20px;right:20px;font-size:12px;color:#d4e4f0;text-align:center}.preview-loading{position:absolute;left:12px;right:12px;bottom:8px;background:#17232fee;padding:9px;border-radius:5px;color:#d8e3ee;font-size:11px;text-align:center}.appearance-controls{border:1px solid #334551;border-radius:12px;background:#111923;overflow:hidden;min-width:0}.appearance-tabs{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid #334551}.appearance-tabs button{min-height:54px;background:#15202a;color:#a8bacb;font-size:14px;border-bottom:3px solid transparent}.appearance-tabs [aria-selected=true]{color:#ffd3bb;background:#30231e;border-bottom-color:var(--accent)}.appearance-options{padding:22px}.appearance-options h3{font-size:16px;margin:0 0 18px}.paint-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.paint-choice{border:1px solid #384855;background:#18232e;min-height:88px;padding:9px 3px;color:#c9d8e5;border-radius:8px;font-size:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-width:0;overflow-wrap:normal}.paint-swatch{width:38px;height:38px;border-radius:50%;box-shadow:inset 0 0 0 1px #ffffff44;display:grid;place-items:center;color:white;font-size:23px;text-shadow:0 1px 4px black}.paint-choice[aria-pressed=true],.wheel-choice[aria-pressed=true]{border-color:#f28a65;box-shadow:0 0 0 1px #f28a65}.wheel-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.wheel-choice{background:#18232e;border:1px solid #384855;border-radius:8px;min-height:118px;position:relative;padding:12px 5px;display:flex;align-items:center;flex-direction:column;gap:9px;font-size:11px;color:#d1deea}.wheel-choice img{width:63px;height:63px;object-fit:contain}.wheel-choice b{position:absolute;top:7px;right:9px;color:#ffb98c;font-size:17px}.factory-wheel{font-size:56px;line-height:63px;height:63px;color:#b6cad9}.appearance-free{font-size:12px;line-height:1.7;color:#a0b4c5;margin:20px 0 0}.appearance-notice{font-size:12px;line-height:1.8;color:#b9d6e6;padding:16px 22px;border-top:1px solid #2e3d4a;background:#14212c;min-height:58px}.appearance-actions{padding:18px 22px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px}.appearance-actions button{min-height:50px;font-size:12px;padding:12px}.appearance-actions .text-button{grid-column:1/-1}.appearance-conflict{padding:18px 22px;background:#382d20;display:grid;gap:12px}.appearance-conflict strong{font-size:12px;line-height:1.8;color:#ffe2b2}.appearance-conflict button{min-height:48px;font-size:12px}.appearance-editor button:focus-visible{outline:2px solid #b8e9f5;outline-offset:3px}.result-car{margin:10px auto 5px;width:min(100%,370px)}.result-car img{width:100%;height:110px;object-fit:contain}.result-car span{display:block;font-size:12px;color:#bed1df}.look-exit-buttons{display:grid;gap:10px}.look-exit-buttons button{min-height:48px;margin:0!important}
.appearance-editor{grid-template-columns:1fr}.appearance-preview{position:relative;top:0;height:320px}.appearance-controls{max-width:none}.paint-options{grid-template-columns:repeat(7,minmax(0,1fr))}
.appearance-editor{gap:16px}.appearance-preview{height:260px}.appearance-preview-top{top:18px;left:17px;right:17px}.appearance-preview h2{font-size:28px}.appearance-preview .eyebrow{font-size:8px;letter-spacing:1px}.preview-badge{font-size:9px;padding:6px;max-width:91px}.appearance-car{bottom:55px;height:50%}.preview-description{font-size:11px;left:10px;right:10px;bottom:14px}.appearance-options{padding:17px}.paint-options{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.paint-choice{min-height:82px;font-size:10px}.paint-swatch{width:35px;height:35px}.appearance-notice{padding:14px 17px}.appearance-actions{grid-template-columns:1fr;padding:16px 17px}.appearance-actions .primary{min-height:54px}.appearance-actions button{font-size:13px}.appearance-actions .text-button{grid-column:auto}.garage-appearance-link{flex-direction:column;align-items:stretch;gap:7px}.garage-appearance-link span{text-align:center;font-size:11px}.appearance-conflict{padding:17px}.wheel-options{gap:10px}.appearance-preview-top>div{min-width:0}.appearance-preview h2{overflow-wrap:anywhere}
@media(prefers-reduced-motion:reduce){.appearance-editor *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

@media(max-width:380px){.paint-options{grid-template-columns:repeat(3,minmax(0,1fr))}}

[data-look-retry]{min-width:44px;min-height:44px;padding:10px 16px}
/* Cosmetic controls follow the current compact green mobile shell. */
body.street-v3 .cosmetic-editor{gap:12px}.street-v3 .cosmetic-editor .appearance-preview{position:sticky;top:4px;z-index:8;align-self:start;min-height:0;height:228px;padding:12px 10px;grid-template-rows:auto minmax(0,1fr) auto;gap:3px;border-color:#415647;box-shadow:0 8px 18px #070e0ba0;background-image:linear-gradient(0deg,#0c141a77,#0c141a33),url('/assets/garage-bay.webp')}.street-v3 .cosmetic-editor .appearance-preview-top{padding-top:0;display:flex;position:relative;inset:auto}.street-v3 .cosmetic-editor .appearance-preview h2{font-size:20px;margin:3px 0;line-height:1.2}.street-v3 .cosmetic-editor .preview-badge{position:static;white-space:nowrap;padding:5px 6px;font-size:9px;border-color:#799564;color:#d8e9b5;background:#233a2ded}.street-v3 .cosmetic-editor .appearance-car{position:static;width:100%;height:100%;min-height:0;object-fit:contain;filter:drop-shadow(0 8px 6px #0008)}.style-preview-bottom{display:flex;align-items:center;gap:6px;justify-content:space-between;min-width:0}.style-preview-bottom>span{font-size:10px;line-height:1.4;color:#d8e4d2;max-width:46%}.style-preview-bottom button{min-height:44px;padding:7px;font-size:10px;max-width:54%;background:#12261ddb;color:#d3e7b2;border:1px solid #617754;border-radius:5px}.cosmetic-editor .appearance-tabs{grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:#354a40}.cosmetic-editor .appearance-tabs button{min-height:48px;font-size:12px;padding:7px 2px;background:#1e302b;color:#acbfaf;border-bottom-color:transparent}.cosmetic-editor .appearance-tabs [aria-selected=true]{background:#354c30;color:#dfedbb;border-bottom-color:#b5d580}.cosmetic-editor .appearance-controls{background:#14221f;border-color:#3c5444}.cosmetic-editor .appearance-options{padding:15px}.cosmetic-editor .appearance-options h3{font:600 15px Manrope,system-ui;margin:0 0 12px}.cosmetic-editor .appearance-options h3.style-next{margin-top:23px}.style-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.style-choice{position:relative;min-height:90px;min-width:0;border-radius:7px;border:1px solid #425848;background:linear-gradient(140deg,#293c33,#1a2925);color:#dfebd6;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:7px;padding:10px 8px;font-size:11px;text-align:center}.style-choice svg{width:50px;height:40px;display:block}.style-choice b{position:absolute;right:9px;top:7px;color:#d7ecad}.style-choice[aria-pressed=true]{background:#354a2d;border-color:#c0d892;box-shadow:inset 0 0 0 1px #c0d892}.style-colors{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:3px;margin-top:15px}.style-colors button{background:transparent;color:#bdcdb4;min-width:0;min-height:61px;padding:2px;font-size:8px;display:grid;gap:3px;place-items:center;border:1px solid transparent;border-radius:6px}.style-colors button[aria-pressed=true]{border-color:#bdd990}.style-colors i{width:30px;height:30px;border-radius:50%;font-style:normal;display:grid;place-items:center;color:white;text-shadow:0 1px 3px #000;font-size:20px;border:1px solid #ffffff50}.style-hint{font-size:11px;line-height:1.6;color:#a9bea9;margin:12px 0 0}.cosmetic-editor .appearance-free{font-size:10px;text-align:center;color:#c3d6a1;margin-top:17px}.style-summary{font-size:11px;color:#ccddbd;padding:0 15px;line-height:1.6;margin:0 0 14px;overflow-wrap:anywhere}.cosmetic-editor .appearance-notice{background:#1d312a;border-color:#3b5041;color:#bfd1b7;font-size:11px;padding:12px 15px;min-height:0}.cosmetic-editor .paint-choice,.cosmetic-editor .wheel-choice{background:#25372e;border-color:#486148;color:#d7e4c7}.cosmetic-editor .paint-choice[aria-pressed=true],.cosmetic-editor .wheel-choice[aria-pressed=true]{border-color:#c0d892;box-shadow:0 0 0 1px #c0d892}.cosmetic-editor .appearance-actions{padding:15px}.cosmetic-editor button:focus-visible{outline:2px solid #c4e08b;outline-offset:2px}.cosmetic-editor .preview-loading{bottom:54px;z-index:2;font-size:10px;background:#11231eeb}.cosmetic-editor [disabled]{opacity:.5}.cosmetic-editor .appearance-conflict span{font-size:11px;line-height:1.6}@media(max-width:350px){.street-v3 .cosmetic-editor .appearance-preview{height:216px}.street-v3 .cosmetic-editor .appearance-preview h2{font-size:18px}.cosmetic-editor .appearance-tabs button{font-size:11px}.style-colors button{font-size:7px}.style-colors i{width:27px;height:27px}}@media(max-height:570px){.street-v3 .cosmetic-editor .appearance-preview{position:relative;top:0;height:190px}}@media(prefers-reduced-motion:reduce){.cosmetic-editor *{animation:none!important;transition:none!important}}
@media(max-width:380px){.cosmetic-editor .style-colors{grid-template-columns:repeat(3,minmax(44px,1fr));gap:5px}.cosmetic-editor .style-colors button{font-size:9px}}
/* Paid wheel catalogue: flat, compact cards with a visible purchase total. */
.wheel-section-title{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin-bottom:12px}.cosmetic-editor .wheel-section-title h3{margin:0}.wheel-section-title>span{font-size:11px;color:#94a69c}.wheel-shop-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.rim-choice{min-width:0;padding:9px 3px 10px;display:grid;justify-items:center;gap:5px;background:#192723;color:#e0e7dd;border:1px solid #34483d;border-radius:7px}.rim-choice[aria-pressed=true]{background:#293a2c;border-color:#b2cd7c}.rim-visual{position:relative;display:block;width:64px;height:64px}.rim-visual img{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 3px 3px #0005)}.rim-visual i{position:absolute;right:-3px;bottom:0;display:grid;place-items:center;width:18px;height:18px;background:#bad886;color:#1e2c18;border-radius:50%;font-size:12px;font-style:normal}.rim-choice strong{font-size:11px;font-weight:600}.rim-choice small,.rim-colors small{font-size:9px;white-space:nowrap}.is-price{color:#d7bd7f}.is-owned{color:#97b9a2}.rim-paint-heading{margin-top:24px;padding-top:18px;border-top:1px solid #34473e}.rim-colors{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px}.rim-colors button{display:grid;justify-items:center;gap:6px;min-width:0;padding:8px 1px;background:transparent;color:#cbd7cb;border:1px solid transparent;border-radius:6px}.rim-colors button[aria-pressed=true]{border-color:#a8c976;background:#27362a}.rim-colors i{width:30px;height:30px;border:1px solid #ffffff35;border-radius:50%;display:grid;place-items:center;color:white;text-shadow:0 1px 4px #000;font-style:normal;background:linear-gradient(130deg,#ffffff45,transparent 50%,#0005),var(--rim-color)}.rim-colors strong{font-size:9px;font-weight:500}.rim-colors small{font-size:8px}.rim-ownership{color:#96a99d;font-size:10px}.rim-checkout{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:9px 10px;margin:15px 15px 0;padding:14px 0 0;border-top:1px solid #3c5042;color:#e1e7db;align-items:center}.rim-checkout>div{display:grid;gap:5px;min-width:0}.rim-checkout span{font-size:10px;color:#9fac9e}.rim-checkout strong{font-size:12px;font-weight:600}.rim-checkout>b{font-size:14px;color:#ddc88c;white-space:nowrap}.rim-checkout>small{grid-column:1/-1;font-size:10px;color:#afbeb1}.cosmetic-editor .appearance-actions .primary{font-size:12px;line-height:1.5;white-space:normal}
@media(max-width:350px){.rim-colors{grid-template-columns:repeat(4,minmax(0,1fr))}.rim-choice strong{font-size:10px}.rim-choice small{font-size:8px}.rim-visual{width:57px;height:57px}.rim-checkout{grid-template-columns:1fr}.rim-checkout>b{font-size:13px}.wheel-shop-grid{gap:6px}}
.cosmetic-editor .rim-visual svg{display:block;width:100%;height:100%;max-width:none;max-height:none}