:root{--navy:#06131f;--panel:#0b1d2c;--line:#315065;--paper:#e8f2ee;--muted:#8da9b8;--amber:#f3b957;--cyan:#65ddf5;--blueprint:#0a2740;color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--navy);color:var(--paper);font-family:Arial,Helvetica,sans-serif;background-image:linear-gradient(#65ddf506 1px,transparent 1px),linear-gradient(90deg,#65ddf506 1px,transparent 1px);background-size:42px 42px}a{color:inherit;text-decoration:none}button,select{font:inherit}button{cursor:pointer}button,a,select{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--amber);outline-offset:4px}.skip-link{position:fixed;top:-100px;left:15px;z-index:99;background:var(--amber);color:var(--navy);padding:15px}.skip-link:focus{top:12px}
.station-header{min-height:76px;display:flex;align-items:center;justify-content:space-between;padding:16px 3.5%;border-bottom:1px solid var(--line);background:#070f18f2;gap:20px;position:relative;z-index:10}.back-link,.system-state{font:10px monospace;letter-spacing:.8px}.back-link span{color:var(--amber);font-size:18px;margin-right:12px}.jvc img{display:block;width:85px;height:auto;opacity:.9}.system-state{color:var(--cyan);display:flex;align-items:center;gap:10px}.system-state i,.workspace-bar i,.adapter-status i{width:7px;height:7px;background:var(--cyan);box-shadow:0 0 12px var(--cyan);display:inline-block}
.station-intro{display:flex;justify-content:space-between;align-items:end;padding:38px 5% 42px;max-width:1900px;margin:auto}.eyebrow{font:10px/1.6 monospace;letter-spacing:1.8px;color:var(--amber);margin:0 0 16px}.station-intro h1{font-size:clamp(52px,6vw,94px);font-weight:900;line-height:.88;letter-spacing:-.068em;margin:0}.station-intro h1 span{color:var(--cyan)}.intro-copy{max-width:420px;text-align:right}.intro-copy b{font:11px monospace;color:var(--amber);letter-spacing:1.2px}.intro-copy p{font-size:19px;line-height:1.35;color:#b6cbd5;margin:14px 0 0}
.platform-rail{display:grid;grid-template-columns:minmax(320px,460px);gap:1px;justify-content:center;background:#091827;border-block:1px solid #29465a;padding-inline:3.5%}.platform-rail button{position:relative;display:grid;grid-template-columns:28px minmax(0,1fr);grid-template-rows:88px auto;text-align:left;min-width:0;border:0;border-inline:1px solid #29465a;background:#091827;color:#d7e7eb;padding:17px 18px 16px}.platform-rail button>b{font:16px monospace;color:#4e7890}.platform-rail svg{grid-column:2;width:100%;height:80px;overflow:visible}.platform-rail svg path{fill:none;stroke:#65d9ef;stroke-width:2;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 4px #41bee966)}.platform-rail button>span{grid-column:2;font-weight:900;font-size:17px}.platform-rail small{display:block;margin-top:5px;color:#7694a4;font:8px/1.4 monospace;text-transform:uppercase;letter-spacing:.7px}.platform-rail button:hover,.platform-rail button.active{background:#123049}.platform-rail button.active{box-shadow:inset 0 -4px var(--amber)}.platform-rail button.active>b{color:var(--amber)}.platform-rail button.active svg path{stroke:#f5d083;filter:drop-shadow(0 0 7px #f0bd60)}
.design-workspace{border-bottom:1px solid var(--line);background:#07131f}.workspace-bar{min-height:54px;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:12px 3.5%;font:9px/1.5 monospace;letter-spacing:1px;background:#0d1b28}.workspace-bar>span{display:flex;align-items:center;gap:10px;color:var(--cyan)}.workspace-bar p{margin:0;color:#8da9b8}.workspace-bar button{border:1px solid #42627a;background:transparent;color:#9eb8c5;padding:10px 13px;font:bold 9px monospace}.workspace-bar button:hover{border-color:var(--amber);color:var(--amber)}.workspace-grid{display:grid;grid-template-columns:minmax(0,1fr) 440px;max-width:1900px;margin:auto}.blueprint-stage{position:relative;min-width:0;background:#061725;border-right:1px solid var(--line)}.blueprint-stage>svg{display:block;width:100%;height:auto}.drawing-border path,.measurements path{fill:none;stroke:#66dcf1;stroke-opacity:.6;stroke-width:1.4;vector-effect:non-scaling-stroke}.drawing-border text,.measurements text{fill:#84dff0;font:11px monospace;letter-spacing:1px}.blueprint-vehicle{fill:none;stroke:#7ce8f7;stroke-width:4;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 4px #56d9f488)}.blueprint-vehicle .detail{stroke-width:2;stroke-dasharray:8 7;stroke-opacity:.68}.blueprint-hud{position:absolute;left:4%;right:4%;top:5%;display:flex;justify-content:space-between;font:9px monospace;color:#79cfe0;letter-spacing:1px}.build-panel{padding:30px 26px;background:#0a1a29;min-width:0}.panel-kicker{font:9px monospace;color:var(--cyan);letter-spacing:1px;margin:0}.build-panel h2{font-size:38px;letter-spacing:-1.7px;margin:11px 0 4px}.build-panel>p:nth-of-type(2){color:var(--amber);font:11px/1.5 monospace;margin:0 0 18px}.model-year{display:flex;align-items:center;justify-content:space-between;border:1px solid #31546a;background:#071521;padding:9px 11px;margin-bottom:12px;font:8px monospace;color:#6f95a8;letter-spacing:.8px}.model-year b{font-size:13px;color:var(--cyan)}.fitment-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px}.fitment-fields label{font:8px monospace;color:#7798aa;text-transform:uppercase;letter-spacing:.7px}.fitment-fields select{display:block;width:100%;margin-top:6px;padding:10px 8px;border:1px solid #37586c;background:#071521;color:#d9edf1;font:9px monospace}.paint-selector{border:0;border-top:1px solid #2e4658;margin:16px 0 0;padding:13px 0 0}.paint-selector legend{padding:0 0 8px;color:#7798aa;font:8px monospace;text-transform:uppercase;letter-spacing:.7px}.color-options{display:flex;flex-wrap:wrap;gap:7px}.color-options button{width:24px;height:24px;border:2px solid #071521;border-radius:50%;background:var(--swatch);box-shadow:0 0 0 1px #46667a;position:relative}.color-options button[aria-pressed=true]{box-shadow:0 0 0 2px var(--amber),0 0 12px #f3b95766;transform:scale(1.08)}.color-options button[aria-pressed=true]::after{content:'✓';position:absolute;inset:0;display:grid;place-items:center;color:var(--check,#fff);font:bold 11px monospace;text-shadow:0 1px 2px #000}.paint-selector p{margin:9px 0 0;color:#bdd6df;font:9px/1.4 monospace}.build-progress{display:flex;gap:6px;margin:20px 0 15px}.build-progress span{flex:1;border-top:2px solid #385264;padding-top:8px;color:#647e8c;font:7px monospace}.build-progress span.active{border-color:var(--amber);color:var(--amber)}.build-panel dl{margin:0 0 20px}.build-panel dl>div{display:grid;grid-template-columns:88px 1fr;gap:10px;border-top:1px solid #2e4658;padding:9px 0;font:9px/1.45 monospace}.build-panel dt{color:#6f8d9e}.build-panel dd{margin:0;color:#dbe9ec;text-align:right}.start-build{width:100%;display:flex;justify-content:space-between;align-items:center;border:1px solid var(--amber);background:var(--amber);color:#0a1722;padding:15px;font:bold 10px monospace;letter-spacing:.7px}.start-build:hover{background:#ffe09c}.start-build span{font-size:20px}.build-panel small{display:block;margin-top:14px;color:#6e8998;font:8px/1.6 monospace}
.catalog-workspace{max-width:1800px;margin:auto;padding:64px 5% 70px}.catalog-head{display:flex;justify-content:space-between;align-items:end;gap:30px}.catalog-head h2{font-size:clamp(35px,4vw,60px);letter-spacing:-2.5px;margin:0}.adapter-status{display:flex;align-items:center;gap:12px;border:1px solid #32566b;padding:14px 16px;min-width:270px}.adapter-status span{font:8px/1.5 monospace;color:#7697a8}.adapter-status b{display:block;color:var(--cyan);font-size:9px}.category-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:34px 0 16px}.category-tabs button{border:1px solid #355367;background:#0b1927;color:#99b0bc;padding:11px 14px;font:9px monospace}.category-tabs button:hover,.category-tabs button[aria-selected=true]{background:var(--cyan);border-color:var(--cyan);color:#07141f}.catalog-grid{min-height:260px;border:1px solid #2e4a5e;background:#081724;display:grid;place-items:center;padding:35px}.catalog-empty{max-width:700px;text-align:center}.catalog-empty>span{font:8px monospace;letter-spacing:1px;color:#698a9c}.catalog-empty h3{font-size:29px;margin:12px 0;color:#d7eef1}.catalog-empty p{font-size:14px;line-height:1.7;color:#8fa9b6}.catalog-empty code{display:inline-block;margin-top:12px;padding:10px 13px;background:#06111b;color:var(--amber);font:9px monospace}.catalog-product{display:grid;grid-template-columns:120px 1fr;gap:18px;background:#0d2131;border:1px solid #315267;padding:15px}.catalog-product img{width:120px;height:120px;object-fit:contain;background:#e5ece9}.catalog-product small{font:8px monospace;color:var(--cyan)}.catalog-product h3{font-size:17px;margin:8px 0}.catalog-product p{color:var(--amber);font:bold 12px monospace}.catalog-product button,.catalog-product a{display:inline-block;border:1px solid #507187;background:transparent;color:#d8eaed;padding:9px;font:8px monospace;margin:4px 4px 0 0}.builder-notes{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#29465a;margin-top:30px}.builder-notes>div{background:#0a1825;padding:22px}.builder-notes b{font:9px monospace;color:var(--amber)}.builder-notes p{font-size:12px;line-height:1.55;color:#87a3b2;margin:10px 0 0}.door-status-message{position:fixed;left:-9999px}
@media(max-width:1050px){.platform-rail{grid-template-columns:minmax(320px,460px)}.workspace-grid{grid-template-columns:1fr}.blueprint-stage{border-right:0;border-bottom:1px solid var(--line)}.build-panel{display:grid;grid-template-columns:1fr 1fr;gap:20px}.build-panel .start-build,.build-panel>small{grid-column:1/-1}.builder-notes{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.station-header{flex-wrap:wrap;padding:15px 5%}.back-link{font-size:8px}.jvc img{width:66px}.system-state{width:100%;border-top:1px solid #294154;padding-top:11px;font-size:8px}.station-intro{display:block;padding:30px 5%}.station-intro h1{font-size:48px}.intro-copy{text-align:left;margin-top:25px}.intro-copy p{font-size:16px}.platform-rail{grid-template-columns:1fr}.platform-rail button{grid-template-columns:35px 140px 1fr;grid-template-rows:auto;align-items:center}.platform-rail svg{grid-column:2;height:60px}.platform-rail button>span{grid-column:3}.workspace-bar p{display:none}.workspace-grid{display:block}.blueprint-stage{overflow:auto}.blueprint-stage>svg{width:850px;max-width:none}.blueprint-hud{display:none}.build-panel{display:block}.catalog-head{display:block}.adapter-status{margin-top:25px}.builder-notes{grid-template-columns:1fr}.catalog-grid{padding:24px 15px}.catalog-empty code{font-size:7px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}

/* Interactive old-school drafting layers */
.platform-rail .vehicle-option-render{grid-column:2;width:100%;height:88px;object-fit:contain;object-position:center;filter:drop-shadow(0 10px 10px #02091099) saturate(.9);transition:transform .2s ease,filter .2s ease}.platform-rail button:hover .vehicle-option-render,.platform-rail button.active .vehicle-option-render{transform:translateY(-3px) scale(1.035);filter:drop-shadow(0 12px 12px #020910bb) saturate(1.08)}.platform-rail button.active .vehicle-option-render{filter:drop-shadow(0 0 8px #f3b95788) drop-shadow(0 12px 12px #020910bb) saturate(1.08)}
.vehicle-render{filter:drop-shadow(0 24px 16px #020810aa) drop-shadow(0 0 8px #56d9f433);transition:opacity .18s ease}.vehicle-render.is-changing{opacity:.15}.wireframe-ghost{opacity:.11;stroke-width:2;stroke-dasharray:8 10;filter:none}
.component-layer{fill:none;stroke:var(--amber);stroke-width:4;stroke-linecap:round;stroke-linejoin:round;opacity:0;pointer-events:none;filter:drop-shadow(0 0 7px #f3b95755);transition:opacity .25s ease}.component-layer>*{vector-effect:non-scaling-stroke}.component-layer .component-detail{stroke-width:2;stroke-dasharray:7 7;stroke-opacity:.8}.component-layer.installed{opacity:1}.component-layer.just-added path,.component-layer.just-added rect,.component-layer.just-added circle{animation:draw-layer .8s ease both}@keyframes draw-layer{from{stroke-dasharray:900;stroke-dashoffset:900;opacity:.2}to{stroke-dasharray:900;stroke-dashoffset:0;opacity:1}}
.render-part-layer{opacity:0;pointer-events:none;filter:drop-shadow(0 8px 8px #02081088);transition:opacity .28s ease,filter .28s ease}.render-part-layer.installed{opacity:1}.render-part-layer.just-added{animation:install-part .65s cubic-bezier(.2,.85,.2,1) both}@keyframes install-part{0%{opacity:0;filter:drop-shadow(0 0 20px #65ddf5);transform:translateY(-8px)}70%{opacity:1;filter:drop-shadow(0 0 13px #f3b957)}100%{opacity:1;filter:drop-shadow(0 8px 8px #02081088)}}
.drawing-stack{position:absolute;left:4%;bottom:8%;max-width:48%;padding:10px 12px;background:#051522e8;border-left:2px solid var(--amber);font:8px/1.5 monospace;letter-spacing:.7px;color:#81a7b8}.drawing-stack b{display:block;color:var(--amber);margin-bottom:3px}.drawing-stack span{color:#cbe9ee}
.wheel-selector{border:0;border-top:1px solid #2e4658;margin:18px 0 0;padding:14px 0 0;display:grid;grid-template-columns:1fr 1fr;gap:7px}.wheel-selector legend{padding:0 0 8px;color:#7798aa;font:8px monospace;text-transform:uppercase;letter-spacing:.7px}.wheel-selector button{border:1px solid #37586c;background:#071521;color:#7f9aa8;padding:9px;font:bold 8px monospace}.wheel-selector button[aria-pressed=true]{border-color:var(--amber);color:var(--amber);background:#2e2619}
.catalog-instruction{max-width:660px;color:#8fa9b6;font-size:14px;line-height:1.6;margin:14px 0 0}.catalog-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));align-items:stretch;gap:12px;padding:18px}.catalog-empty{grid-column:1/-1;place-self:center}.catalog-product{display:flex;grid-template-columns:none;flex-direction:column;min-height:230px;padding:0;position:relative;overflow:hidden}.catalog-product.selected{border-color:var(--amber);box-shadow:inset 0 0 0 1px var(--amber)}.part-sketch{height:110px;background:#071a2a;border-bottom:1px solid #294c61;display:grid;place-items:center}.part-sketch svg{width:78%;height:80px;fill:none;stroke:#6cdef2;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.catalog-product.selected .part-sketch svg{stroke:var(--amber);filter:drop-shadow(0 0 5px #f3b95777)}.catalog-product>div:last-child{padding:15px;display:flex;flex-direction:column;flex:1}.catalog-product p{color:#829eac;font:9px/1.5 monospace;margin:0 0 14px}.catalog-product button{width:100%;padding:11px;font-weight:bold;margin-top:auto}.catalog-product button:hover,.catalog-product.selected button{background:var(--amber);border-color:var(--amber);color:#081522}
.part-render{height:142px;background:radial-gradient(circle at 50% 58%,#193347 0,#071a2a 70%);border-bottom:1px solid #294c61;display:grid;place-items:center;position:relative;overflow:hidden}.part-render img{width:100%;height:100%;object-fit:contain;background:transparent;filter:drop-shadow(0 8px 8px #020810aa)}.part-render span{position:absolute;left:8px;bottom:8px;background:#071521dc;border:1px solid #42627a;color:var(--cyan);padding:5px 7px;font:7px monospace;letter-spacing:.7px}.catalog-actions{display:grid;grid-template-columns:1fr auto;gap:6px;margin-top:auto}.catalog-actions button{margin:0}.catalog-actions a{display:grid;place-items:center;margin:0;white-space:nowrap}.catalog-actions a:hover{border-color:var(--cyan);color:var(--cyan)}
@media(max-width:700px){.platform-rail .vehicle-option-render{grid-column:2;height:62px}.drawing-stack{position:sticky;display:block;left:0;bottom:0;max-width:none;width:850px;border-left:0;border-top:2px solid var(--amber)}.catalog-grid{grid-template-columns:1fr}}

/* Trim-aware 2026 Tundra rendering */
.fitment-fields label.factory-interior,.fitment-fields label.factory-package{grid-column:1/-1}
.grade-profile{margin:12px 0 0;border-left:2px solid var(--amber);background:#071521;padding:9px 11px;color:#b9d4dd;font:8px/1.5 monospace;letter-spacing:.45px}
.vehicle-paint-color{pointer-events:none;transition:fill .28s ease,opacity .28s ease;isolation:isolate}