.configurator-page{background:#0d0f12;color:#fff}.configurator-page [hidden]{display:none!important}.configurator-scene{position:relative;isolation:isolate;padding:132px 0 28px;background:radial-gradient(ellipse at 57% 90%,#444950 0,#1b2026 42%,#0b0e12 75%);overflow:hidden}.configurator-backdrop{position:absolute;inset:0;z-index:-1;overflow:hidden;background:linear-gradient(180deg,#05070ba8 0,transparent 45%,#0a0d1099 100%)}.configurator-backdrop i{position:absolute;top:-10%;bottom:18%;width:22%;transform:skew(-23deg);background:linear-gradient(90deg,#30353b33,#22262d,#101216);box-shadow:inset 2px 0 15px #ffffff0a,18px 0 24px #0007}.configurator-backdrop i:nth-child(1){left:20%;background:linear-gradient(90deg,#070a0d,#555e6866,#161a20)}.configurator-backdrop i:nth-child(2){left:44%}.configurator-backdrop i:nth-child(3){left:69%;width:13%;background:linear-gradient(90deg,#0c0e13 60%,#77070d 89%,#e2001588);box-shadow:18px 0 60px #e0000033}.configurator-backdrop i:nth-child(4){left:88%;background:linear-gradient(90deg,#444b56,#12161b)}.configurator-scene:after{content:"";position:absolute;inset:70% 0 0;z-index:-1;background:linear-gradient(180deg,#ffffff04,#0005),url("/upload/tf26-webp/02/02f2a94a4f4d885ff11820b18005a4aa4c18c12f990caeeba865cfb08b9e731a.webp");border-top:1px solid #ffffff0b;transform:perspective(500px) rotateX(13deg);transform-origin:top}.configurator-content{position:relative}.configurator-page .page-breadcrumb{margin-bottom:25px;color:#ffffffa6}.configurator-heading{display:flex;align-items:center;gap:40px;margin-bottom:26px}.configurator-heading h1{font-size:clamp(30px,3.45vw,54px);font-weight:800;line-height:1.12;text-transform:uppercase;letter-spacing:-1.6px;margin:0;flex:1}.configurator-heading h1 em{color:var(--red,#e00016);font-style:normal}.configurator-heading>p{font-size:14px;line-height:1.6;width:300px;flex:none;border-left:2px solid #e00016;padding-left:25px;margin:0}.configurator-board{display:grid;grid-template-columns:210px minmax(0,1fr) 198px;gap:16px;align-items:center}.configurator-controls{background:#0c1016e8;border:1px solid #ffffff24;border-radius:12px;overflow:hidden;backdrop-filter:blur(18px);align-self:start;position:relative;z-index:2}.configurator-tabs{display:grid}.configurator-tabs>button{appearance:none;border:0;background:transparent;color:#fff;display:flex;gap:14px;align-items:center;text-align:left;font:inherit;font-size:14px;line-height:1.4;padding:13px 12px;border-bottom:1px solid #ffffff22;cursor:pointer;position:relative;min-height:76px}.configurator-tabs>button[aria-selected=true]{background:linear-gradient(120deg,#ffffff0e,#ffffff03);box-shadow:inset 3px 0 #ed0015}.conf-tab-icon{display:grid;place-items:center;width:43px;height:43px;flex:none;border:1px solid #ffffff35;border-radius:7px;background:linear-gradient(120deg,#ffffff0c,#ffffff02)}.configurator-tabs>button[aria-selected=true] .conf-tab-icon{background:#e00016;border-color:#f33441}.configurator-tabs small{display:block;font-size:10px;line-height:1.4;color:#d0d3d8;margin-top:3px}.configurator-panel{padding:16px}.conf-quick-colours{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:16px}.conf-colour{width:32px;height:32px;border-radius:50%;background:var(--swatch);border:1px solid #ffffff68;cursor:pointer;position:relative;box-shadow:inset 0 2px 4px #ffffff24,0 2px 3px #0004}.conf-colour[aria-pressed=true]:after{content:"";position:absolute;inset:-5px;border:2px solid #e00016;border-radius:50%}.conf-outline{color:#fff;border:1px solid #ffffff56;background:#070b1099;border-radius:6px;padding:10px;display:flex;align-items:center;justify-content:space-between;gap:9px;font:inherit;font-size:12px;cursor:pointer;text-decoration:none;min-height:42px}.configurator-panel>.conf-outline{width:100%;margin-top:10px}.conf-outline>svg{flex:none}.conf-outline:hover{border-color:#e00016}.conf-selected-colour{font-size:10px;line-height:1.4;color:#b4bac2;margin:13px 0 0;min-height:26px}.configurator-stage-wrap{min-width:0;align-self:center}.configurator-stage{position:relative;aspect-ratio:1.9;min-width:0}.configurator-stage:before{content:"";position:absolute;left:8%;right:5%;bottom:2%;height:14%;background:#0009;filter:blur(16px);border-radius:50%;pointer-events:none}.configurator-stage canvas{display:block;position:relative;width:100%;height:100%;touch-action:pan-y}.conf-stage-caption{display:flex;justify-content:space-between;align-items:center;gap:15px;font-size:10px;color:#bfc5cd;min-height:40px}.conf-stage-caption>button{display:flex;align-items:center;gap:8px;border:0;background:transparent;color:#e4e6e9;font:inherit;cursor:pointer}.conf-stage-caption>button svg{width:14px;height:14px}.conf-loading{position:absolute;inset:0;display:grid;place-items:center;color:#cfd3d9;background:#13161b90;font-size:13px;border-radius:10px;pointer-events:none}.configurator-benefits{padding:10px 16px;border:1px solid #ffffff24;border-radius:11px;background:#101419d9;backdrop-filter:blur(14px)}.configurator-benefits p{display:flex;align-items:center;gap:13px;font-size:12px;line-height:1.5;padding:9px 0;margin:0}.configurator-benefits p>span{width:38px;height:38px;display:grid;place-items:center;flex:none;border:1px solid #ffffff38;border-radius:6px}.configurator-benefits svg{width:24px;height:24px}.configurator-wheelbar{display:flex;align-items:stretch;border:1px solid #ffffff28;background:#0b1017db;backdrop-filter:blur(12px);border-radius:11px;overflow:hidden;margin:22px 0 0 226px}.conf-carousel-arrow{width:42px;border:0;background:#ffffff03;color:#fff;display:grid;place-items:center;flex:none;cursor:pointer}.conf-wheel-list{display:flex;gap:8px;overflow-x:auto;scrollbar-width:thin;scrollbar-color:#4a4f57 transparent;padding:8px;min-width:0;scroll-behavior:smooth}.conf-wheel-list>button{width:92px;min-width:92px;border:1px solid transparent;border-radius:7px;background:transparent;color:#fff;font:inherit;cursor:pointer;padding:3px;position:relative}.conf-wheel-list>button[aria-pressed=true]{border:2px solid #ed0015;background:#ffffff04;padding:2px}.conf-wheel-list img{display:block;width:82px;height:82px;object-fit:contain;margin:auto}.conf-wheel-list span{display:block;font-size:8px;line-height:1.3;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;color:#b3bac3;padding:4px 0 0}.configurator-result{display:flex;align-items:center;justify-content:space-between;gap:25px;margin:22px 0 0 226px}.configurator-result>div>span{font-size:10px;color:#a7b0bb;text-transform:uppercase;letter-spacing:1.4px}.configurator-result p{margin:5px 0 0;font-size:12px;line-height:1.6}.conf-result-actions{display:flex;align-items:center;gap:20px;flex:none}.conf-result-actions>button:first-child{color:#a8b1bd;border:0;background:none;font:inherit;font-size:11px;cursor:pointer}.conf-result-actions>.conf-outline{font-size:11px}.conf-visual-note{font-size:10px;line-height:1.5;color:#8c96a3;margin:16px 0 0 226px;max-width:620px}.conf-error{color:#ff7c85;font-size:13px;line-height:1.5}.conf-option-list{display:grid;gap:8px}.conf-option-list>button{display:flex;gap:8px;justify-content:space-between;align-items:center;min-height:43px;border:1px solid #ffffff28;border-radius:5px;background:#ffffff04;color:#fff;font:inherit;font-size:12px;padding:9px;text-align:left;cursor:pointer}.conf-option-list>button[aria-pressed=true]{border-color:#e00016;background:#d9001424}.conf-option-list svg{width:16px;height:16px}.conf-texture-sample{width:22px;height:22px;flex:none;border-radius:50%;background:linear-gradient(135deg,#fff,#565b63,#d0d5dc);margin-right:auto}.sample-1{background:#737982}.sample-2{background:linear-gradient(135deg,#c9cdd4,#747b85)}.sample-3{background:repeating-conic-gradient(#c3cad3 0% 25%,#747b86 0% 50%) 0/3px 3px}.sample-4{background:repeating-conic-gradient(#9da3ac 0% 25%,#6b717a 0% 50%) 0/4px 4px}.conf-extra-panel{max-height:430px;overflow-y:auto;scrollbar-width:thin}.conf-upload{position:relative;justify-content:center}.conf-upload input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%}.conf-help{font-size:10px;line-height:1.6;color:#9ca6b3}.conf-check{display:flex;align-items:start;gap:7px;font-size:11px;line-height:1.4;margin:15px 0 10px}.conf-check input{accent-color:#e00016;margin:2px 0 0}.conf-range{display:grid;gap:7px;font-size:11px;margin:16px 0;color:#cbd1da}.conf-range input{accent-color:#e00016;width:100%}.conf-range select{background:#151a21;color:#fff;border:1px solid #ffffff45;border-radius:4px;width:100%;padding:8px;font:inherit;font-size:11px}.configurator-cta{position:relative;isolation:isolate;min-height:240px;background:#080b10;overflow:hidden;border-top:1px solid #ffffff38}.configurator-cta>img{position:absolute;inset:0 auto 0 0;width:45%;height:100%;object-fit:cover;object-position:center}.configurator-cta:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,transparent 20%,#080b10 48%)}.configurator-cta>.container{position:relative;display:flex;align-items:center;justify-content:space-between;gap:35px;padding-top:45px;padding-bottom:45px;padding-left:calc(40% + 20px);min-height:240px;background:linear-gradient(90deg,transparent 30%,#080b10 44%)}.configurator-cta h2{font-size:25px;font-weight:800;line-height:1.3;text-transform:uppercase;letter-spacing:-.5px;margin:0 0 12px}.configurator-cta p{font-size:13px;color:#c8cdd4;line-height:1.7;max-width:360px;margin:0}.conf-cta-actions{display:grid;gap:17px;flex:none}.conf-cta-actions .button{font-size:12px;white-space:nowrap;min-height:52px}.conf-cta-actions .text-link{color:#dce1e7;font-size:11px;justify-content:center}.conf-dialog{background:#11161d;color:#fff;border:1px solid #ffffff38;border-radius:14px;width:min(840px,calc(100% - 30px));max-height:85dvh;padding:25px;box-shadow:0 20px 100px #0009}.conf-dialog::backdrop{background:#000b;backdrop-filter:blur(8px)}.conf-dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.conf-dialog h2{font-size:25px;margin:0;line-height:1.3}.conf-dialog-heading>button{background:none;border:0;color:#fff;cursor:pointer}.conf-dialog-filters{display:flex;align-items:center;gap:15px;margin:24px 0 0}.conf-dialog-filters>input{background:#080c12;color:#fff;border:1px solid #ffffff35;padding:12px 14px;border-radius:6px;flex:1;min-width:0;font:inherit;font-size:13px}.conf-dialog-filters>label{font-size:12px;display:flex;align-items:center;gap:7px}.conf-dialog input[type=checkbox]{accent-color:#e00016}.conf-dialog-count{font-size:11px;color:#9da7b5}.conf-dialog-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;max-height:55dvh;overflow:auto;padding:8px 6px 8px 0;scrollbar-width:thin}.conf-palette-item{border:1px solid #ffffff22;background:#ffffff03;border-radius:6px;color:#fff;font:inherit;font-size:10px;line-height:1.4;padding:12px 8px;cursor:pointer;text-align:left;display:grid;gap:10px}.conf-palette-item>i{height:38px;background:var(--swatch);border-radius:4px;border:1px solid #ffffff35}.conf-palette-item[aria-pressed=true],.conf-car-item[aria-pressed=true]{border-color:#e00016}.conf-palette-item small{font-size:9px;color:#a6b2bf}.conf-car-item{color:#e0e5ec;background:#ffffff03;border:1px solid #ffffff22;border-radius:7px;font:inherit;font-size:10px;cursor:pointer;line-height:1.4;padding:10px;display:grid;gap:8px;text-align:left}.conf-car-item img{width:100%;aspect-ratio:2;object-fit:contain;background:#0c1117}.conf-vehicle-types{display:flex;gap:4px}.conf-vehicle-types>button{background:#ffffff05;border:1px solid #ffffff35;color:#fff;border-radius:4px;padding:9px;font:inherit;font-size:12px;cursor:pointer}.conf-vehicle-types>button[aria-pressed=true]{background:#de0015;border-color:#ef2436}.conf-dialog-empty{grid-column:1/-1;font-size:13px;color:#b4bdc9}.configurator-page button:focus-visible,.configurator-page input:focus-visible,.configurator-page a:focus-visible{outline:2px solid #fb3045;outline-offset:4px}
@media(max-width:1200px){.configurator-board{grid-template-columns:210px minmax(0,1fr)}.configurator-benefits{display:none}.configurator-heading{gap:25px}.configurator-heading>p{width:250px}.configurator-cta>.container{padding-left:38%}.configurator-cta h2{font-size:22px}.configurator-cta .button{padding:15px}.configurator-heading h1{font-size:38px}}
@media(max-width:850px){.configurator-scene{padding-top:122px}.configurator-heading{display:block}.configurator-heading h1{font-size:36px}.configurator-heading>p{width:auto;max-width:520px;padding-left:15px;font-size:12px;margin-top:18px}.configurator-board{grid-template-columns:180px minmax(0,1fr);gap:10px}.configurator-tabs>button{font-size:12px;gap:9px;padding:11px 9px;min-height:65px}.conf-tab-icon{width:34px;height:34px}.conf-tab-icon svg{width:22px}.configurator-tabs small{font-size:9px}.configurator-panel{padding:13px}.conf-quick-colours{gap:9px}.conf-colour{width:29px;height:29px}.configurator-wheelbar,.configurator-result,.conf-visual-note{margin-left:190px}.configurator-result{display:block}.conf-result-actions{margin-top:15px;justify-content:space-between}.configurator-cta>.container{padding-left:40%;display:block}.conf-cta-actions{margin-top:20px;display:flex;flex-wrap:wrap}.configurator-cta h2{font-size:20px}.conf-dialog-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:600px){.configurator-scene{padding-top:112px;padding-bottom:25px}.configurator-page .page-breadcrumb{font-size:10px;margin-bottom:20px}.configurator-heading{margin-bottom:15px}.configurator-heading h1{font-size:31px;letter-spacing:-1px}.configurator-heading>p{font-size:11px;line-height:1.6;margin-top:15px}.configurator-board{display:flex;flex-direction:column;gap:15px;align-items:stretch}.configurator-stage-wrap{order:0;width:100%}.configurator-stage{aspect-ratio:1.8}.conf-stage-caption{font-size:9px;min-height:30px}.configurator-controls{order:1;width:100%;border-radius:9px}.configurator-tabs{grid-template-columns:repeat(4,minmax(0,1fr))}.configurator-tabs>button{min-height:68px;flex-direction:column;gap:4px;padding:9px 3px;font-size:10px;text-align:center;border-bottom:1px solid #ffffff22;border-right:1px solid #ffffff15}.configurator-tabs small{display:none}.configurator-tabs>button[aria-selected=true]{box-shadow:inset 0 -2px #e00016}.conf-tab-icon{width:28px;height:28px;border-radius:5px}.conf-tab-icon svg{width:20px;height:20px}.configurator-panel{padding:16px}.conf-quick-colours{display:flex;justify-content:space-between;gap:4px;margin-bottom:15px}.conf-colour{width:29px;height:29px}.configurator-panel>.conf-outline{font-size:12px}.conf-selected-colour{min-height:0;margin-top:10px}.configurator-wheelbar{margin:16px 0 0}.conf-carousel-arrow{width:28px}.conf-wheel-list>button{width:78px;min-width:78px}.conf-wheel-list img{width:68px;height:68px}.configurator-result{margin:20px 0 0}.conf-visual-note{margin:15px 0 0;font-size:9px}.conf-option-list{grid-template-columns:repeat(2,minmax(0,1fr))}.conf-option-list>button{font-size:11px}.conf-extra-panel{max-height:none}.configurator-cta>img{width:100%;height:195px;object-position:50% 46%}.configurator-cta>.container{padding:230px 22px 35px;background:linear-gradient(180deg,transparent 120px,#080b10 195px);min-height:0}.configurator-cta h2{font-size:23px}.configurator-cta p{font-size:12px}.conf-cta-actions{display:grid;margin-top:22px}.conf-cta-actions .button{font-size:12px}.conf-dialog{padding:18px 14px;width:calc(100% - 22px);max-height:90dvh}.conf-dialog h2{font-size:20px}.conf-dialog-filters{flex-wrap:wrap;gap:10px;margin-top:18px}.conf-dialog-filters>input{flex-basis:100%}.conf-dialog-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.conf-palette-item{font-size:9px;padding:9px 7px}.conf-palette-item>i{height:30px}.conf-car-item{font-size:9px;padding:6px}}
@media(prefers-reduced-motion:reduce){.conf-wheel-list{scroll-behavior:auto}}

.configurator-content.container{max-width:1560px;width:calc(100% - 64px)}.configurator-backdrop{background:linear-gradient(90deg,#06090ed9 0%,#080c1233 32%,#080c1244 75%,#090b10b3 100%),var(--conf-backdrop) center 56%/cover no-repeat}.configurator-backdrop i{display:none}.configurator-scene:after{display:none}.conf-body-options{border-top:1px solid #ffffff20;border-bottom:1px solid #ffffff20;padding:5px 0 15px;margin:15px 0}.conf-body-colour{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:11px;margin-bottom:12px}.conf-body-colour input,.configurator-panel>[type=color]{width:44px;height:30px;padding:2px;background:#11171d;border:1px solid #ffffff40;border-radius:4px;cursor:pointer}.conf-body-options>.conf-outline{width:100%;font-size:10px}.conf-mask-tools>div{display:flex;gap:5px;margin-top:12px}.conf-mask-tools button{border:1px solid #ffffff45;background:#ffffff08;color:#fff;font:inherit;font-size:10px;border-radius:4px;padding:6px 10px;cursor:pointer}.conf-mask-tools button[aria-pressed=true]{background:#dc0015;border-color:#e71d30}.configurator-stage canvas.is-mask-editing{cursor:crosshair;touch-action:none!important}.configurator-page.is-masking .configurator-stage{outline:1px dashed #ee3042;outline-offset:3px}.configurator-page.is-masking .conf-loading{display:none}.conf-extra-panel{max-height:560px}@media(max-width:600px){.configurator-content.container{width:calc(100% - 44px)}.conf-extra-panel{max-height:none}}

.configurator-stage{isolation:isolate;--conf-floor:83%}.configurator-stage:before{bottom:auto;top:calc(var(--conf-floor) - 4%);height:8%;left:5%;right:5%;filter:blur(12px);z-index:-1}.configurator-stage [data-conf-canvas]{z-index:2}.configurator-stage .conf-reflection{position:absolute;left:0;top:calc(var(--conf-floor) + var(--conf-floor) - 100%);width:100%;height:100%;transform:scaleY(-1);opacity:.30;filter:blur(1.2px);mask-image:linear-gradient(180deg,transparent 0%,transparent 30%,#000 70%,#000 100%);-webkit-mask-image:linear-gradient(180deg,transparent 0%,transparent 30%,#000 70%,#000 100%);pointer-events:none;z-index:1}.conf-stage-caption{position:relative;z-index:3}.configurator-wheelbar{position:relative;z-index:3}.configurator-backdrop{background-image:linear-gradient(90deg,#06090eaa 0%,#080c121a 32%,#080c1222 75%,#090b1088 100%),var(--conf-backdrop);background-repeat:no-repeat}.conf-loading{z-index:4}

/* Keep the studio and car fixed while editing options. */
.configurator-controls{height:510px}.configurator-controls>.configurator-panel{height:206px;overflow-y:auto;scrollbar-width:thin}.conf-options-dialog{width:min(620px,calc(100% - 30px))}.conf-options-dialog .conf-extra-panel{max-height:none;height:auto;overflow:visible;padding:20px 0 0}.conf-options-dialog .conf-outline{margin:12px 0}.conf-options-dialog .conf-help{font-size:12px}.conf-options-dialog .conf-check,.conf-options-dialog .conf-range,.conf-options-dialog .conf-body-colour{font-size:14px}.conf-options-dialog::backdrop{background:#0008;backdrop-filter:blur(3px)}.conf-mask-tools{position:relative;z-index:5;background:#111820;border:1px solid #ffffff40;border-radius:8px;padding:12px;margin-top:12px}.conf-brands-back{margin-top:16px}.conf-dialog-grid .conf-car-item:not(:has(img)){min-height:68px;font-size:14px;align-items:center;text-align:center}.configurator-stage-wrap{position:relative}
@media(min-width:601px) and (max-width:850px){.configurator-controls{height:466px}.configurator-controls>.configurator-panel{height:206px}}
@media(max-width:600px){.configurator-controls{height:245px}.configurator-controls>.configurator-panel{height:177px}.conf-options-dialog{max-height:85dvh}.conf-dialog-grid .conf-car-item:not(:has(img)){font-size:12px}}

/* Additional settings replace the side information card, keeping the car visible. */
.configurator-benefits{position:relative}.configurator-benefits.is-options-open>p,.configurator-controls.is-options-open>:not(.conf-options-dialog){visibility:hidden}.conf-options-dialog{position:absolute;inset:0;margin:0;width:100%;height:100%;max-width:none;max-height:none;padding:14px 12px;border-radius:10px;box-shadow:none;z-index:8;overflow-y:auto;background:#11161d;scrollbar-width:thin}.conf-options-dialog .conf-dialog-heading{gap:8px}.conf-options-dialog h2{font-size:15px}.conf-options-dialog .conf-dialog-heading>button{font-size:24px;padding:0 4px;flex:none}.conf-options-dialog .conf-extra-panel{padding:7px 0 0}.conf-options-dialog .conf-help{font-size:10px;display:block;padding:0;margin:9px 0}.conf-options-dialog .conf-check,.conf-options-dialog .conf-range,.conf-options-dialog .conf-body-colour{font-size:11px}.conf-options-dialog .conf-outline{font-size:11px;width:100%;padding:8px}.conf-options-dialog .conf-body-colour{flex-wrap:wrap}.conf-options-dialog .conf-range{margin:12px 0}.conf-options-dialog::backdrop{background:none;backdrop-filter:none}

.configurator-stage .conf-reflection{opacity:.22;mask-image:none;-webkit-mask-image:none}

.conf-quick-settings{position:relative;z-index:3;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:22px;background:#0c111bc9;border:1px solid #ffffff26;border-radius:8px;padding:12px 16px;margin-top:10px}.conf-quick-settings .conf-range{margin:0;display:grid;grid-template-columns:1fr auto;gap:7px;font-size:12px}.conf-quick-settings .conf-range input{grid-column:1;grid-row:2;min-width:0}.conf-quick-settings output{grid-column:2;grid-row:2;font-size:11px;width:36px;text-align:right;color:#fff}.conf-quick-settings .conf-body-colour{margin:0;font-size:12px;gap:12px}.conf-quick-settings .conf-body-colour input{width:48px;height:34px}@media(max-width:600px){.conf-quick-settings{gap:14px;padding:10px}.conf-quick-settings .conf-range,.conf-quick-settings .conf-body-colour{font-size:10px}.conf-quick-settings .conf-body-colour{gap:7px}.conf-quick-settings .conf-body-colour input{width:36px;height:30px}}

.conf-stage-caption{gap:12px;flex-wrap:wrap}.conf-stage-caption>[data-conf-car-name]{min-width:0;flex:1}.conf-stage-caption>[data-conf-choose-car]{white-space:nowrap}.conf-quick-settings{display:flex;flex:none;align-items:center;gap:15px;padding:0;margin:0;background:none;border:0;border-radius:0}.conf-quick-settings .conf-range{display:flex;align-items:center;gap:7px;font-size:10px;white-space:nowrap}.conf-quick-settings .conf-range input{width:70px;margin:0}.conf-quick-settings output{width:30px;font-size:9px}.conf-quick-settings .conf-body-colour{font-size:10px;gap:7px;white-space:nowrap}.conf-quick-settings .conf-body-colour input{width:30px;height:23px;padding:1px}@media(max-width:600px){.conf-stage-caption{gap:8px;min-height:46px}.conf-stage-caption>[data-conf-car-name]{flex:1 1 100%;font-size:10px}.conf-quick-settings{gap:10px;flex:1}.conf-quick-settings .conf-range,.conf-quick-settings .conf-body-colour{font-size:8px;gap:5px}.conf-quick-settings .conf-range input{width:43px}.conf-quick-settings output{font-size:8px;width:25px}.conf-quick-settings .conf-body-colour input{width:24px;height:21px}.conf-stage-caption>[data-conf-choose-car]{font-size:8px;gap:4px}.conf-stage-caption>[data-conf-choose-car] svg{width:10px;height:10px}}
@media(min-width:601px){
.configurator-scene{padding-top:112px}.configurator-page .page-breadcrumb{margin-bottom:14px;font-size:10px}.configurator-heading{margin-bottom:16px;gap:25px}.configurator-heading h1{font-size:clamp(30px,2.65vw,44px)}.configurator-heading>p{font-size:12px;width:260px;padding-left:18px;line-height:1.5}.configurator-board{--conf-board-height:clamp(300px,calc(100dvh - 335px),510px);align-items:center;min-height:var(--conf-board-height)}.configurator-controls{height:var(--conf-board-height)}.configurator-tabs>button{min-height:54px;height:54px;padding:7px 10px;font-size:12px;gap:10px}.conf-tab-icon{width:32px;height:32px}.conf-tab-icon svg{width:23px;height:23px}.configurator-tabs small{font-size:9px}.configurator-controls>.configurator-panel{height:calc(var(--conf-board-height) - 216px);padding:13px}.configurator-stage-wrap{width:100%;min-width:0}.configurator-stage{width:100%;max-width:calc((var(--conf-board-height) - 42px)*1.9);margin:0 auto}.configurator-wheelbar{margin-top:10px}.conf-wheel-list{padding:6px;gap:6px}.conf-wheel-list>button{width:78px;min-width:78px}.conf-wheel-list img{width:64px;height:64px}.conf-wheel-list span{padding-top:3px}.configurator-result{margin-top:14px}
}

@media(min-width:601px){.configurator-controls.is-compact .configurator-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.configurator-controls.is-compact .configurator-tabs>button{min-height:44px;height:44px;font-size:10px;gap:6px;padding:6px}.configurator-controls.is-compact .configurator-tabs small{display:none}.configurator-controls.is-compact .conf-tab-icon{width:26px;height:26px}.configurator-controls.is-compact .conf-tab-icon svg{width:19px;height:19px}.configurator-controls.is-compact>.configurator-panel{height:calc(var(--conf-board-height) - 88px)}}
@media(min-width:1201px){.configurator-benefits{height:var(--conf-board-height);max-height:var(--conf-board-height);overflow:auto;scrollbar-width:thin;display:flex;flex-direction:column;justify-content:center}.configurator-benefits p{font-size:11px;padding:7px 0;gap:10px}.configurator-benefits p>span{width:32px;height:32px}.configurator-benefits svg{width:21px;height:21px}}
.conf-processing-copy{text-align:left}.conf-processing-copy small{display:block;font-size:11px;font-weight:400;opacity:.68;margin-top:5px;line-height:1.35}.conf-option-list button:disabled{opacity:.4;cursor:default}

/* Keep photo scale proportional to viewport width; continue the floor below it. */
.configurator-backdrop{background-color:#24282d}.configurator-backdrop::after{content:"";position:absolute;inset:var(--conf-floor-fade,100%) 0 0;background:linear-gradient(180deg,transparent,#24282d 90px);pointer-events:none}

.conf-studio-logo{position:absolute;z-index:1;height:auto;transform:translateX(-50%);filter:drop-shadow(1px 2px 0 #777) drop-shadow(0 0 5px #ffe8c34d) drop-shadow(0 0 14px #ffe4bd30);pointer-events:none}.configurator-backdrop{background-color:#101419}

/* Fade at the studio image edges without stretching it. */
.configurator-scene{background:#101419}
.configurator-backdrop{-webkit-mask-image:linear-gradient(90deg,transparent calc(50% - var(--conf-backdrop-width,100vw)/2),#000 calc(50% - var(--conf-backdrop-width,100vw)/2 + var(--conf-backdrop-fade,120px)),#000 calc(50% + var(--conf-backdrop-width,100vw)/2 - var(--conf-backdrop-fade,120px)),transparent calc(50% + var(--conf-backdrop-width,100vw)/2));mask-image:linear-gradient(90deg,transparent calc(50% - var(--conf-backdrop-width,100vw)/2),#000 calc(50% - var(--conf-backdrop-width,100vw)/2 + var(--conf-backdrop-fade,120px)),#000 calc(50% + var(--conf-backdrop-width,100vw)/2 - var(--conf-backdrop-fade,120px)),transparent calc(50% + var(--conf-backdrop-width,100vw)/2))}
