:root{font-family:Inter,"Helvetica Neue",Arial,sans-serif;color:#e8f0f4;background:#070d15;color-scheme:dark;--cyan:#7aefdf;--amber:#ffb965;--line:#c0e3f51c}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,summary{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,canvas:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--amber);outline-offset:4px}[hidden]{display:none!important}header{height:70px;padding:0 36px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:#0a111b;font-size:13px;font-weight:800;letter-spacing:.06em}header span{font-size:10px;margin-left:12px;color:#6d869a;font-weight:500}header>a:last-child{font-size:11px;font-weight:500;color:#a5bbcb;border:1px solid var(--line);border-radius:5px;padding:10px 16px}main{display:grid;grid-template-columns:minmax(0,1fr) 344px;height:calc(100dvh - 70px);min-height:590px}.vehicle{position:relative;overflow:hidden;isolation:isolate;background:#08121e}.vehicle:after{content:"";pointer-events:none;position:absolute;inset:0;background:linear-gradient(180deg,#080f1977,transparent 30%,transparent 70%,#080f19 99%);z-index:1}canvas{position:absolute;inset:0;display:block;width:100%;height:100%;touch-action:none;cursor:grab}canvas:active{cursor:grabbing}.intro{position:absolute;left:38px;top:30px;z-index:3;pointer-events:none}.eyebrow{font-size:9px;color:var(--cyan);letter-spacing:.18em}.model-index{margin-top:19px;color:#7c99aa;font-size:11px;letter-spacing:.15em}.model-index b{font-weight:400;color:var(--amber)}.intro h1{font-style:italic;font-size:clamp(54px,7.5vw,106px);font-weight:900;line-height:.96;letter-spacing:-.065em;margin:8px 0 12px;text-shadow:0 8px 25px #0003}.intro p{margin:0;color:#a3bacb;font-size:12px;letter-spacing:.12em}.stage-word{position:absolute;right:6%;top:7%;font-size:clamp(100px,18vw,300px);font-weight:900;font-style:italic;letter-spacing:-.08em;color:#c5e3ef08;z-index:2;pointer-events:none}.car-stats{display:flex;gap:22px;margin-top:22px}.car-stats div{width:64px}.car-stats span{font-size:9px;color:#819bad}.car-stats i{display:block;height:2px;background:#8eaec329;margin-top:8px}.car-stats b{height:2px;display:block;background:#9bb7c8}.car-arrow{position:absolute;top:52%;z-index:4;width:48px;height:64px;display:grid;place-items:center;background:#152b3b70;border:1px solid #91bacb28;border-radius:6px;color:#cae5f4;backdrop-filter:blur(12px);transition:background .2s,border-color .2s,transform .2s}.car-arrow span{font-size:43px;font-weight:200;line-height:1;margin-top:-4px}.car-arrow:hover{background:#203e50;border-color:var(--cyan);transform:translateY(-2px)}.previous{left:25px}.next{right:25px}.carousel{position:absolute;z-index:4;bottom:32px;left:50%;transform:translateX(-50%);display:flex;align-items:center;justify-content:center;gap:24px;width:min(90%,540px);touch-action:pan-y;user-select:none}.neighbor-name{font-size:10px;color:#738c9e;letter-spacing:.09em;min-width:64px}.neighbor-name:last-child{text-align:right}.garage-fleet{display:flex;gap:6px;outline-offset:5px;touch-action:pan-y}.garage-fleet button{border:0;color:#718a9e;background:transparent;width:32px;height:40px;padding:0;position:relative;font-size:10px}.garage-fleet button:after{content:"";position:absolute;left:4px;right:4px;bottom:0;height:2px;background:#647f903d}.garage-fleet button.active{color:var(--cyan)}.garage-fleet button.active:after{background:var(--cyan);box-shadow:0 0 13px #7aefdf66}.view-controls{position:absolute;z-index:4;bottom:100px;left:50%;transform:translateX(-50%);display:flex;width:max-content;border:1px solid var(--line);padding:4px;border-radius:6px;background:#071321a6;backdrop-filter:blur(14px)}.view-controls button{border:0;background:transparent;color:#7997ab;padding:9px 14px;font-size:10px;white-space:nowrap;border-radius:3px}.view-controls button.active{background:#a8d4e818;color:#cef2ee}.hint{position:absolute;bottom:6px;left:0;width:100%;text-align:center;z-index:3;font-size:8px;color:#587184;letter-spacing:.04em}.hint span{margin:0 8px}aside{position:relative;padding:28px 25px 0;background:linear-gradient(155deg,#152335,#0b131f 65%);border-left:1px solid var(--line);display:flex;flex-direction:column;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#35485b transparent}.garage-heading h2{font-size:27px;line-height:1.2;letter-spacing:-.045em;margin:12px 0 8px}.garage-heading p{color:#6e889e;font-size:11px;margin:0 0 24px}.custom-tabs{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid var(--line);gap:5px;margin-bottom:22px}.custom-tabs button{background:none;color:#6f8b9f;border:0;border-bottom:2px solid transparent;padding:12px 0;font-size:12px;font-weight:600}.custom-tabs [aria-selected=true]{color:var(--cyan);border-color:var(--cyan)}.custom-section{min-height:290px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:22px}.section-heading h3{font-size:13px;margin:0}.section-heading>span{font-size:8px;color:#5d798e;letter-spacing:.08em}.color-field{display:flex;align-items:center;justify-content:space-between;color:#8ea9bc;font-size:11px;margin:17px 0}.color-field input{width:40px;height:29px;border:1px solid #476378;border-radius:4px;background:#112234;padding:3px;cursor:pointer}.swatches{display:flex;gap:9px;margin:16px 0 26px}.swatches button{width:34px;height:34px;border:4px solid #102132;border-radius:50%;background:var(--color);outline:1px solid #92b4c025;position:relative;transition:transform .2s,outline-color .2s}.swatches button:hover{transform:translateY(-3px)}.swatches button.active{outline:2px solid var(--cyan);box-shadow:0 0 18px #5adac229}.swatches button:disabled{opacity:.25;cursor:default}.select-field{display:block;font-size:11px;color:#8ea9bc;margin:22px 0 14px}.option-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:12px}.option-card{background:#081320;border:1px solid #37506688;border-radius:6px;min-height:92px;color:#829daf;padding:10px 7px;font-size:10px;transition:background .2s,border-color .2s}.option-card[aria-pressed=true]{border-color:var(--cyan);background:#16303b;color:#dcfbf7}.option-card .material-sample{display:block;height:35px;margin:0 8px 14px;border-radius:4px;transform:skewY(-8deg);background:linear-gradient(135deg,#255162,#89bdc5 43%,#1a3647 47%,#304b60);box-shadow:0 8px 8px #0003}.option-card[data-value=satin] .material-sample{background:linear-gradient(135deg,#4a677a,#263c50)}.option-card[data-value=chrome] .material-sample{background:linear-gradient(145deg,#172e44,#e5eef3 40%,#1e3347 45%,#738c9e 75%,#dfeff2)}.option-card[data-value=solid] .material-sample{background:#547383}.option-card[data-value=stripes] .material-sample{background:linear-gradient(90deg,#294658 29%,#d6e6df 29%,#d6e6df 41%,#294658 41%,#294658 52%,#d6e6df 52%,#d6e6df 64%,#294658 64%)}.option-card[data-value=circuit] .material-sample{background:repeating-conic-gradient(#bad0d6 0% 25%,#2c485b 0% 50%) 50%/14px 14px}.option-card[data-value=jet] .material-sample,.option-card[data-value=pulse] .material-sample{background:linear-gradient(90deg,#edffff,#65e2ff 15%,#2593f466,transparent);border-radius:50% 4px 4px 50%;height:14px;margin:12px 0 23px;transform:none}.option-card[data-value=pulse] .material-sample{background:repeating-linear-gradient(90deg,#a4ebff 0 7px,#258dd322 7px 12px)}.option-card[data-value=off] .material-sample{background:#20364a;box-shadow:none;opacity:.4}.text-button{background:none;border:0;color:#819fb3;font-size:10px;padding:8px 0;text-align:left}.text-button:hover{color:var(--cyan)}#previewBoost{color:var(--amber)}.custom-note{font-size:10px;line-height:1.7;color:#6d879a;margin-top:25px}.workshop-footer{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-top:auto;border-top:1px solid var(--line);padding:12px 0}.preview-options{font-size:10px;color:#829cae;padding:8px 0}.preview-options summary{cursor:pointer}.options{display:grid;gap:12px;padding-top:16px;font-size:10px}.options input{accent-color:var(--cyan);vertical-align:middle}.garage-save{position:sticky;bottom:0;padding:16px 0 24px;background:#0b141f;z-index:5}.garage-save p{font-size:9px;color:#79b5af;margin:0 0 13px}.garage-save p:before{content:"";display:inline-block;width:4px;height:4px;background:var(--cyan);border-radius:50%;margin-right:7px}.primary{display:flex;justify-content:center;align-items:center;min-height:52px;color:#1b2028;background:linear-gradient(100deg,#ffc984,#ffa64e);font-size:13px;font-weight:800;border-radius:5px;box-shadow:0 7px 24px #ffa95517;transition:filter .2s}.primary:hover{filter:brightness(1.12)}#error{position:fixed;inset:0;z-index:30;display:grid;place-items:center;background:#172229;padding:30px}.intro.switching{animation:title-in .4s ease-out}@keyframes title-in{from{opacity:.3;transform:translateX(14px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
@media(max-width:1000px) and (min-width:701px){main{grid-template-columns:minmax(0,1fr) 310px}aside{padding:24px 18px 0}.intro{left:26px}.intro h1{font-size:64px}.car-stats{gap:14px}.swatches{gap:7px}.neighbor-name{display:none}.previous{left:12px}.next{right:12px}}
@media(max-width:700px){body{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}header{height:56px;padding:0 18px}header span{font-size:8px;margin-left:5px}header>a:last-child{font-size:10px;padding:8px}main{display:block;height:auto;min-height:0}.vehicle{height:570px;height:70dvh;min-height:490px;max-height:650px}.intro{left:22px;top:20px}.eyebrow{font-size:8px}.intro h1{font-size:60px}.model-index{margin-top:13px}.intro p{font-size:10px}.car-stats{gap:16px;margin-top:16px}.car-stats div{width:48px}.stage-word{top:16%;font-size:130px}.car-arrow{width:38px;height:52px;top:53%}.previous{left:12px}.next{right:12px}.view-controls{bottom:93px}.view-controls button{padding:10px 12px;min-height:38px}.carousel{bottom:32px;gap:12px;width:90%}.neighbor-name{font-size:8px;min-width:48px}.garage-fleet{gap:0}.garage-fleet button{width:29px;height:42px}.hint{font-size:7px}.garage-heading h2{font-size:25px}.garage-heading p{margin-bottom:12px}aside{padding:24px 22px 0;border-left:0;border-top:1px solid var(--line);overflow:visible}.custom-tabs{margin-bottom:24px}.custom-tabs button{min-height:48px}.swatches button{width:40px;height:40px}.swatches{gap:12px}.custom-section{min-height:280px}.color-field input{width:44px;height:34px}.option-card{min-height:104px}.option-card .material-sample{height:39px;margin-left:15px;margin-right:15px}.workshop-footer{margin-top:12px}.text-button,.preview-options{min-height:42px}.garage-save{padding-bottom:max(18px,env(safe-area-inset-bottom))}.primary{min-height:52px}}
aside>.garage-heading,aside>.custom-tabs,aside>.custom-section,aside>.workshop-footer,aside>.garage-save{flex-shrink:0}