/* Shared TeslaEdit product system: Plates is the visual reference for every tool. */
:root{--te-page:1210px;--te-surface:#fff;--te-page-bg:#f4f5f6;--te-line:#dfe2e5;--te-soft-line:#e7e9eb;--te-radius:20px;--te-control-radius:10px;--te-shadow:0 28px 72px rgba(8,12,18,.15);--te-blue:#3e6ae1;--te-focus:2px solid #3e6ae1}
body.home-v2,body.wheel-lab-page,body.vin-page{background:var(--te-page-bg)}
.home-v2 .page-width,.wheel-lab-page .page-width,.vin-page .page-width{width:min(var(--te-page),calc(100% - 44px));margin-left:auto;margin-right:auto}

/* Shared full-width product hero rhythm: copy Plates exactly. */
.home-v2 .hero-v2,.wheel-lab-page .wheel-hero-v1,.vin-page .vin-hero-v1{min-height:525px;background:#0a0d12;color:#fff}
.wheel-lab-page .wheel-hero-v1 .wheel-hero-art{display:block!important;object-fit:cover;object-position:72% 52%;filter:saturate(.86) contrast(1.03) brightness(.82)}
.wheel-lab-page .wheel-hero-v1 .wheel-hero-inner,.vin-page .vin-hero-v1 .vin-hero-inner{min-height:525px;padding:42px 0 116px}
.wheel-lab-page .wheel-hero-v1 .wheel-hero-copy,.vin-page .vin-hero-v1 .vin-hero-copy{max-width:720px}
.wheel-lab-page .wheel-hero-v1 .wheel-kicker,.vin-page .vin-hero-v1 .vin-kicker{margin-bottom:19px;color:#d1d5da;font-size:12px;font-weight:760;letter-spacing:.025em}
.wheel-lab-page .wheel-hero-v1 h1,.vin-page .vin-hero-v1 h1{max-width:720px;margin:0;font-size:clamp(48px,5.3vw,72px);line-height:.95;letter-spacing:-.055em;font-weight:830}
.wheel-lab-page .wheel-hero-v1 h1 span,.vin-page .vin-hero-v1 h1 span{color:#aeb4bb}
.wheel-lab-page .wheel-hero-v1 .wheel-hero-copy>p,.vin-page .vin-hero-v1 .vin-hero-copy>p{max-width:600px;margin:21px 0 0;color:#c7ccd2;font-size:17px;line-height:1.62}
.wheel-lab-page .wheel-hero-v1 .wheel-hero-shade{background:linear-gradient(90deg,rgba(7,9,12,.96) 0%,rgba(7,9,12,.84) 31%,rgba(7,9,12,.46) 53%,rgba(7,9,12,.12) 76%,rgba(7,9,12,.03) 100%)}
.wheel-lab-page .wheel-hero-benefits,.vin-page .vin-hero-benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;max-width:720px;margin-top:30px}
.wheel-lab-page .wheel-hero-benefit,.vin-page .vin-hero-benefit{display:grid;grid-template-columns:38px minmax(0,1fr);align-items:center;gap:12px;min-width:0}
.wheel-lab-page .wheel-hero-benefit-icon,.vin-page .vin-hero-benefit-icon{display:grid;place-items:center;width:38px;height:38px;border:0;border-radius:0;background:transparent;color:#fff}
.wheel-lab-page .wheel-hero-benefit-icon svg,.vin-page .vin-hero-benefit-icon svg{width:30px;height:30px;fill:currentColor;filter:drop-shadow(0 3px 10px rgba(0,0,0,.28))}
.wheel-lab-page .wheel-hero-benefit strong,.vin-page .vin-hero-benefit strong{font-size:13.5px;line-height:1.15;color:#fff;font-weight:780;letter-spacing:-.01em}
.wheel-lab-page .wheel-hero-benefit small,.vin-page .vin-hero-benefit small{display:block;margin-top:4px;font-size:11.4px;line-height:1.35;color:rgba(255,255,255,.64)}

/* Shared elevated tool shell. */
.home-v2 .generator,.wheel-lab-page .wheel-lab-grid,.vin-page .vin-lab-grid{border:1px solid var(--te-line);border-radius:var(--te-radius);background:var(--te-surface);box-shadow:var(--te-shadow);overflow:hidden}
.wheel-lab-page .wheel-lab,.vin-page .vin-lab{margin-top:-76px;padding-bottom:20px;position:relative;z-index:2}
.wheel-lab-page .wheel-config-panel,.vin-page .vin-config-panel{padding:30px 28px 32px;background:#fff}
.wheel-lab-page .wheel-result-panel,.vin-page .vin-result-panel{border-left:1px solid var(--te-soft-line);background:#f7f8f6}

/* Wheel Lab's result column is part of the card, not a sticky viewport panel. */
.wheel-lab-page .wheel-result-panel{position:relative;top:auto;align-self:stretch;min-height:100%;height:auto}

/* Shared step headings. */
.wheel-lab-page .wheel-step+.wheel-step,.vin-page .vin-step+.vin-step{margin-top:25px;padding-top:25px;border-top:1px solid #eceef0}
.wheel-lab-page .wheel-step-head,.vin-page .vin-step-head{display:grid;grid-template-columns:30px 1fr;gap:10px;margin-bottom:14px}
.wheel-lab-page .wheel-step-head>span,.vin-page .vin-step-head>span{display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border:1px solid #d9dde1;border-radius:50%;background:transparent;color:#8b9198;font-size:9px;font-weight:800;letter-spacing:.02em}
.wheel-lab-page .wheel-step-head h2,.vin-page .vin-step-head h2{margin:1px 0 3px;font-size:15.5px;font-weight:790;letter-spacing:-.012em}
.wheel-lab-page .wheel-step-head p,.vin-page .vin-step-head p{margin:0;color:#6f777f;font-size:12.4px;line-height:1.48}

/* Controls use the same radius, border and interaction language. */
.wheel-lab-page .wheel-field select,.wheel-lab-page .wheel-field>div,.wheel-lab-page .wheel-quick-field input,.vin-page .vin-input-shell input{border-color:#d5dae0;border-radius:var(--te-control-radius);background:#fbfcfc}
.wheel-lab-page .wheel-field select:hover,.wheel-lab-page .wheel-quick-field input:hover,.vin-page .vin-input-shell input:hover{border-color:#b9c0c7}
.wheel-lab-page .wheel-field select:focus,.wheel-lab-page .wheel-quick-field input:focus,.vin-page .vin-input-shell input:focus{border-color:#111317;outline:0;box-shadow:0 0 0 3px rgba(17,19,23,.055)}
.wheel-lab-page .wheel-check-modes button,.wheel-lab-page .wheel-oem-card,.wheel-lab-page .wheel-quick-box,.wheel-lab-page .wheel-factory-alternatives{border-color:#d9dee3}
.wheel-lab-page .wheel-check-button,.vin-page .vin-primary-button{border-radius:10px;background:var(--te-blue);box-shadow:0 9px 24px rgba(62,106,225,.2)}
.wheel-lab-page .wheel-check-button:hover,.vin-page .vin-primary-button:not(:disabled):hover{transform:translateY(-1px)}

/* Keyboard focus is explicit across all product controls without changing pointer styling. */
.home-v2 .download-button:focus-visible,.home-v2 .share-link:focus-visible,
.wheel-lab-page .wheel-check-button:focus-visible,.wheel-lab-page .wheel-reset:focus-visible,.wheel-lab-page .wheel-share-button:focus-visible,.wheel-lab-page .wheel-check-modes button:focus-visible,.wheel-lab-page .wheel-advanced>summary:focus-visible,.wheel-lab-page .wheel-technical>summary:focus-visible,
.vin-page .vin-primary-button:focus-visible,.vin-page .vin-scan-button:focus-visible,.vin-page .vin-copy-summary:focus-visible,.vin-page .vin-input-help button:focus-visible,.vin-page .vin-find-help>summary:focus-visible,.vin-page .vin-breakdown-panel>summary:focus-visible,.vin-page .vin-method-compact>summary:focus-visible,.vin-page .vin-key-row>summary:focus-visible{outline:var(--te-focus);outline-offset:2px}

/* Plates keeps its editorial spacing. Tool explainers stay intentionally lighter below the shell. */
.home-v2 .how{padding-top:78px}
.wheel-lab-page .wheel-method-grid{border-top-color:#dfe3e6}
.wheel-lab-page .wheel-method-grid>div{border-right-color:#dfe3e6}
.wheel-lab-page .teslaedit-shell-footer,.vin-page .teslaedit-shell-footer{margin-top:28px!important}

@media(max-width:1100px){
  .wheel-lab-page .wheel-result-panel{position:relative;top:auto;align-self:stretch;min-height:0;height:auto;max-height:none}
}
@media(max-width:1000px){.wheel-lab-page .wheel-hero-v1 .wheel-hero-art{object-position:70% 50%}.wheel-lab-page .wheel-hero-benefits,.vin-page .vin-hero-benefits{max-width:650px;gap:20px}}
@media(max-width:900px){.wheel-lab-page .wheel-lab,.vin-page .vin-lab{margin-top:-66px}}
@media(max-width:760px){
  .home-v2 .page-width,.wheel-lab-page .page-width,.vin-page .page-width{width:min(100% - 24px,var(--te-page))}
  .wheel-lab-page .wheel-hero-v1,.vin-page .vin-hero-v1{min-height:595px}
  .wheel-lab-page .wheel-hero-v1 .wheel-hero-art{object-position:68% 50%;filter:saturate(.80) contrast(1.02) brightness(.74)}
  .wheel-lab-page .wheel-hero-v1 .wheel-hero-inner,.vin-page .vin-hero-v1 .vin-hero-inner{min-height:595px;padding:38px 0 108px;align-items:flex-end}
  .wheel-lab-page .wheel-hero-v1 .wheel-hero-shade{background:linear-gradient(180deg,rgba(7,9,12,.20),rgba(7,9,12,.48) 45%,rgba(7,9,12,.96) 100%)}
  .wheel-lab-page .wheel-hero-v1 .wheel-hero-copy>p,.vin-page .vin-hero-v1 .vin-hero-copy>p{font-size:14px}
  .wheel-lab-page .wheel-hero-benefits,.vin-page .vin-hero-benefits{grid-template-columns:1fr;gap:11px;margin-top:22px;max-width:360px}
  .wheel-lab-page .wheel-hero-benefit,.vin-page .vin-hero-benefit{grid-template-columns:32px 1fr;gap:10px}
  .wheel-lab-page .wheel-hero-benefit-icon,.vin-page .vin-hero-benefit-icon{width:32px;height:32px}
  .wheel-lab-page .wheel-hero-benefit-icon svg,.vin-page .vin-hero-benefit-icon svg{width:24px;height:24px}
  .wheel-lab-page .wheel-hero-benefit strong,.vin-page .vin-hero-benefit strong{font-size:12.8px}
  .wheel-lab-page .wheel-hero-benefit small,.vin-page .vin-hero-benefit small{font-size:10.9px;margin-top:2px}
  .wheel-lab-page .wheel-lab,.vin-page .vin-lab{margin-top:-48px;padding-left:12px;padding-right:12px;padding-bottom:16px}
  .home-v2 .generator,.wheel-lab-page .wheel-lab-grid,.vin-page .vin-lab-grid{border-radius:18px}
  .wheel-lab-page .wheel-config-panel,.vin-page .vin-config-panel{padding:26px 20px 30px}
  .wheel-lab-page .wheel-result-panel.is-waiting{overflow:visible}
  .wheel-lab-page .wheel-step-head,.vin-page .vin-step-head{grid-template-columns:30px 1fr;gap:10px}
  .wheel-lab-page .wheel-step-head h2,.vin-page .vin-step-head h2{font-size:15px}
  .wheel-lab-page .wheel-step-head p,.vin-page .vin-step-head p{font-size:12.2px}
  .home-v2 .how{padding-top:64px}
  .wheel-lab-page .teslaedit-shell-footer,.vin-page .teslaedit-shell-footer{margin-top:22px!important}
}

@media(prefers-reduced-motion:reduce){
  .home-v2 .download-button,.home-v2 .type-button,.home-v2 .design-button,
  .wheel-lab-page .wheel-check-button,.wheel-lab-page .wheel-check-modes button,.wheel-lab-page .wheel-oem-card,
  .vin-page .vin-primary-button,.vin-page .vin-scan-button,.vin-page .vin-copy-summary{transition:none!important;transform:none!important}
}