:root{--ink:#121416;--paper:#f5f5f1;--muted:#72787c;--line:#dcdedb;--accent:#098cf5;--blue:#0076d8;font-family:Arial,Helvetica,sans-serif;color:var(--ink);font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0;background:var(--paper);min-width:320px}button,input,select{font:inherit}button,a{touch-action:manipulation;-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #009cff;outline-offset:3px}button{color:inherit}button,input,select{border-radius:5px}button{border:1px solid var(--line);background:#fff}button:hover{border-color:#9ba0a3}input,select{background:#fff;border:1px solid var(--line);padding:12px;min-width:0;color:var(--ink)}[hidden]{display:none!important}.header{height:90px;padding:0 5%;background:#101114;color:#fff;display:flex;align-items:center;gap:24px}.brand img{width:79px;height:79px;object-fit:contain}.brand-line{font-size:10px;letter-spacing:2.3px;color:#a7aeb3;border-left:1px solid #404245;padding-left:24px}.header nav{margin-left:auto;display:flex;align-items:center;gap:30px;font-size:12px}.private{font-size:10px;letter-spacing:.5px;color:#a6b0b7;border:1px solid #35393d;padding:9px 12px;border-radius:4px}.private span{color:#48afff}.intro{max-width:1600px;margin:auto;padding:58px 5% 47px;display:flex;justify-content:space-between;align-items:end}.eyebrow{font-size:10px;letter-spacing:2.5px;font-weight:700;color:var(--blue);margin:0 0 15px}h1{font-size:clamp(46px,4.8vw,76px);letter-spacing:-4px;line-height:.99;margin:0;font-weight:700}h1 em{font-style:normal;color:var(--blue)}.intro-note{max-width:350px;margin-bottom:4px}.intro-note p{font-size:15px;line-height:1.7;color:#61676b;margin:0 0 17px}.intro-note a{display:flex;justify-content:space-between;font-size:13px;font-weight:700;gap:65px}.intro-note a span{font-size:22px;color:var(--blue)}.builder{max-width:1600px;margin:auto;display:grid;grid-template-columns:minmax(0,1.33fr) minmax(350px,.85fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.visual-column{min-width:0;background:#eaece8;border-right:1px solid var(--line);padding:26px 34px}.stage-sticky{position:sticky;top:22px}.stage-header{display:flex;justify-content:space-between;gap:10px;font-size:11px;font-weight:600;color:#535a5f}.live{display:flex;align-items:center;gap:8px;font-size:9px;letter-spacing:1.7px}.live i{width:6px;height:6px;background:var(--blue);border-radius:50%}.view-tabs{display:flex;gap:3px;justify-content:center;margin-top:24px}.view-tabs button{font-size:11px;padding:9px 14px;border:0;background:transparent;color:#6e7477}.view-tabs button[aria-pressed=true]{background:white;color:#15191c;box-shadow:0 2px 6px #1018200a}.canvas-stage{position:relative;aspect-ratio:1.3;display:flex;justify-content:center;align-items:center;isolation:isolate;overflow:hidden}.canvas-stage canvas{max-width:98%;max-height:100%;width:auto;height:auto;object-fit:contain;position:relative;z-index:1}.canvas-stage #seatCanvas{max-height:94%;filter:drop-shadow(0 5px 5px #1112)}.canvas-stage #wheelDetail{height:90%;max-width:95%;object-fit:contain;mix-blend-mode:multiply;z-index:1;position:relative}#renderStatus{position:absolute;top:15%;background:#ffffffde;padding:10px 16px;border-radius:6px;font-size:12px;z-index:3}.stage-watermark{position:absolute;bottom:0;left:0;right:0;text-align:center;letter-spacing:-.065em;font-size:clamp(75px,12vw,180px);font-weight:900;color:#dfe2dd;z-index:0;white-space:nowrap;user-select:none}.preview-caption{display:flex;justify-content:space-between;align-items:center;margin-top:14px}.preview-caption strong{display:block;font-size:14px}.preview-caption span{display:block;color:#737b7e;font-size:11px;margin-top:4px}.text-button{background:none;border:0;padding:12px 0;color:#5c6468;font-size:11px}.swatch-summary{display:flex;justify-content:space-between;border-top:1px solid #d4d8d2;margin-top:22px;padding-top:20px;gap:8px}.swatch-summary>div{display:flex;align-items:center;gap:9px}.swatch-summary>div>span{width:23px;height:23px;border:1px solid #0001;border-radius:50%;box-shadow:0 0 0 3px #eaece8,0 0 0 4px #cfd3cd}.swatch-summary p{font-size:8px;color:#757d7f;letter-spacing:1px;margin:0}.swatch-summary b{display:block;font-size:10px;color:#242b30;letter-spacing:0;margin-top:5px;font-weight:600}.preview-note{font-size:10px;line-height:1.5;color:#747c80;margin:20px 0 15px}.save-row{display:flex;align-items:center;gap:8px;border-top:1px solid #d4d8d2;padding-top:14px}.save-row button{font-size:10px;background:transparent;padding:9px;border-color:#cdd2cc}.save-row>span{font-size:9px;color:#727b7f;margin-left:auto}.controls{padding:10px 34px 32px;min-width:0;background:#fafaf7}fieldset{margin:0;padding:28px 0;border:0;border-bottom:1px solid var(--line);min-width:0}legend{float:left;width:100%;font-size:17px;font-weight:600;padding:0;margin-bottom:20px;letter-spacing:-.4px}legend span{font-size:10px;font-weight:400;color:#879097;margin-right:11px;letter-spacing:0}fieldset>*:not(legend){clear:both}.models{display:grid;grid-template-columns:1fr 1fr;gap:8px}.model-card{text-align:left;padding:14px 13px;min-height:80px;position:relative;background:#fff}.model-card[aria-pressed=true]{border-color:var(--blue);box-shadow:inset 0 0 0 1px var(--blue);background:#f2f8ff}.model-card[aria-pressed=true]:after{content:'✓';color:var(--blue);position:absolute;top:12px;right:10px;font-size:12px}.model-card b{display:block;font-size:14px;font-weight:600;padding-right:12px}.model-card small{display:block;font-size:10px;color:#737b81;margin-top:7px}.color-targets{display:flex;border-bottom:1px solid var(--line);gap:23px;margin-bottom:18px}.color-targets button{background:none;border:0;border-radius:0;padding:0 0 12px;font-size:11px;color:#7a8286;position:relative}.color-targets button[aria-pressed=true]{color:var(--ink);font-weight:600}.color-targets button[aria-pressed=true]:after{content:'';height:2px;position:absolute;bottom:-1px;left:0;right:0;background:var(--blue)}.selected-color{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.selected-color>div{display:flex;align-items:center;gap:9px}.selected-color>div>span{width:18px;height:18px;border-radius:50%;border:1px solid #0002}.selected-color strong{font-size:11px}.selected-color>span{color:#929a9e;font-size:10px}.color-search,.wheel-search{display:grid;grid-template-columns:minmax(0,1fr) 116px;gap:7px;margin-bottom:12px}.color-search input,.color-search select,.wheel-search input,.wheel-search select{padding:10px 9px;font-size:10px;height:38px}.colors{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;max-height:185px;overflow:auto;padding:3px 5px 6px 3px;scrollbar-width:thin}.color{background:transparent;border:0;padding:0;display:flex;flex-direction:column;align-items:center;gap:5px;min-height:47px}.color i{display:block;width:28px;height:28px;border-radius:50%;border:1px solid #0002;background:var(--swatch)}.color[aria-pressed=true] i{box-shadow:0 0 0 2px #fafaf7,0 0 0 4px var(--blue)}.color small{font-size:8px;color:#757c80}.finish-row{display:flex;justify-content:space-between;align-items:center;margin-top:22px}.finish-row>span{font-size:11px}.segmented{display:flex;padding:3px;background:#eceeea;border-radius:5px}.segmented button{font-size:10px;padding:8px 22px;border:0;background:transparent;color:#70777b}.segmented button[aria-pressed=true]{background:#fff;color:#1b2429;box-shadow:0 1px 3px #0001}.note{font-size:10px;line-height:1.6;color:#81888c;margin:14px 0 0}.empty{font-size:11px;color:#717a80;padding:12px 0}.fitment-filter{display:flex;gap:7px;align-items:center;font-size:10px;color:#757e85;margin:15px 0}.fitment-filter input{margin:0;accent-color:var(--blue)}.wheels{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;max-height:340px;overflow:auto;padding:2px;scrollbar-width:thin}.wheel{text-align:left;padding:8px;min-width:0;background:#fff;display:flex;flex-direction:column;align-items:flex-start;gap:5px}.wheel[aria-pressed=true]{border-color:var(--blue);box-shadow:0 0 0 1px var(--blue)}.wheel img{width:100%;aspect-ratio:1;object-fit:contain}.wheel b{font-size:9px;line-height:1.5;font-weight:600;overflow-wrap:anywhere}.wheel small{font-size:8px;color:#747c80;line-height:1.4}.wheel-selected{margin-top:10px;font-size:10px;line-height:1.5}.wheel-selected b{font-weight:600}.fitment-badge{display:inline-block;background:#eee6d7;color:#77603e;font-size:8px;padding:3px 6px;border-radius:3px;margin-top:5px}.fitment-badge.verified{background:#e7ece7;color:#426147}.wheel-selected a{display:block;color:var(--blue);margin-top:4px;font-size:9px}.options{display:grid;grid-template-columns:1fr 1fr;gap:10px}.option{display:flex;align-items:flex-start;gap:9px;padding:9px 0;font-size:11px;cursor:pointer}.option input{margin:0;accent-color:var(--blue);width:15px;height:15px;flex-shrink:0}.option small{display:block;color:#7a848a;font-size:9px;margin-top:4px}.order-card{background:#13171b;color:#fff;margin-top:28px;padding:25px;border-radius:8px}.price-line{display:flex;justify-content:space-between;align-items:center;gap:10px}.price-line>div>span{font-size:8px;color:#8d9aa3;letter-spacing:1.5px;display:block;margin-bottom:10px}.price-line strong{font-size:34px;letter-spacing:-1.2px;font-weight:500}.estimate-tag{font-size:8px;border:1px solid #465057;padding:5px 7px;color:#a2aeb5;border-radius:3px}.order-card dl{margin:20px 0;border-top:1px solid #343c42;padding-top:16px}.order-card dl>div{display:flex;justify-content:space-between;font-size:10px;margin:10px 0;gap:10px}.order-card dt{color:#95a1aa}.order-card dd{margin:0}.primary{display:flex;align-items:center;justify-content:space-between;gap:15px;background:var(--blue);border:1px solid var(--blue);color:#fff;min-height:48px;padding:13px 18px;font-size:12px;font-weight:600;border-radius:5px}.primary:hover{background:#0063b9;border-color:#0063b9}.primary span{font-size:21px}.order-card .primary{width:100%}.order-card p{font-size:9px;line-height:1.6;color:#87959d;margin:12px 0 0}.next{max-width:1500px;margin:auto;padding:75px 5%;display:grid;grid-template-columns:1fr 1fr;gap:60px}h2{font-size:40px;letter-spacing:-1.7px;line-height:1.08;margin:0}.next article{display:flex;gap:18px;margin-bottom:22px}.next article>span{font-size:9px;color:var(--blue);margin-top:4px}.next h3{font-size:13px;font-weight:600;margin:0 0 8px}.next p:not(.eyebrow){font-size:11px;line-height:1.6;color:#7a8388;margin:0;max-width:380px}footer{padding:26px 5%;display:flex;align-items:center;gap:25px;background:#101114;color:#fff}footer>span{font-size:20px;font-weight:800;font-style:italic}footer p,footer small{font-size:9px;color:#929ca3}footer small{margin-left:auto}dialog{width:min(650px,calc(100% - 28px));max-height:90svh;border:0;border-radius:12px;padding:28px;color:var(--ink);background:#fafaf7;box-shadow:0 30px 100px #0004}dialog::backdrop{background:#10151ab8;backdrop-filter:blur(5px)}.dialog-heading{display:flex;align-items:start;justify-content:space-between;margin-bottom:22px}.dialog-heading h2{font-size:34px}.dialog-heading>button{width:35px;height:35px;border:0;font-size:24px;background:#eceeea}.review-hero{display:flex;align-items:center;justify-content:space-between;background:#eaece8;padding:12px 18px;border-radius:7px;margin-bottom:16px;gap:15px}.review-hero img{width:140px;max-height:135px;object-fit:contain}.review-hero strong{font-size:24px;display:block;margin-top:5px;letter-spacing:-.7px}.review-hero span{font-size:11px;color:#69737b}.review-lines{margin:0}.review-lines>div{display:grid;grid-template-columns:1fr auto;gap:15px;padding:11px 0;border-bottom:1px solid #e1e4df;font-size:11px}.review-lines dt{color:#737e86}.review-lines dd{margin:0;text-align:right;max-width:320px;line-height:1.5}.review-finance{background:#f0f2ee;padding:14px;margin-top:15px;border-radius:5px}.review-finance>div{display:flex;justify-content:space-between;font-size:11px;padding:6px 0}.review-finance>div:first-child{font-weight:700;font-size:14px}.dialog-actions{display:flex;gap:10px;margin-top:22px;justify-content:end}.secondary{padding:12px 18px;font-size:11px}.dialog-actions .primary{font-size:11px}#purchasePanel{padding:18px;background:#eaf3fa;border-radius:6px;margin-top:18px}#purchasePanel h3{margin:0 0 10px;font-size:16px}#purchasePanel p,#purchasePanel li{font-size:11px;line-height:1.6}#purchasePanel ul{padding-left:18px}#purchasePanel .primary{width:100%;justify-content:center}.toast{position:fixed;bottom:28px;left:50%;transform:translate(-50%,20px);opacity:0;pointer-events:none;background:#17232c;color:white;padding:12px 20px;border-radius:6px;font-size:12px;z-index:50;box-shadow:0 4px 20px #0002;transition:opacity .2s,transform .2s;max-width:90vw;text-align:center}.toast.show{opacity:1;transform:translate(-50%,0)}.mobile-bar{display:none}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.noscript{padding:30px;background:#ffe8b4;text-align:center}
@media(min-width:1600px){.builder{border-left:1px solid var(--line);border-right:1px solid var(--line)}}@media(max-width:1100px){.controls{padding:8px 24px 24px}.visual-column{padding:24px}.builder{grid-template-columns:1.1fr 1fr}.colors{grid-template-columns:repeat(6,minmax(0,1fr))}.canvas-stage{aspect-ratio:1.1}.save-row{flex-wrap:wrap}.save-row>span{width:100%;margin:4px 0 0}.brand-line{display:none}}@media(max-width:760px){html{scroll-padding-top:10px}.header{height:72px;padding:0 20px}.brand img{width:64px;height:64px}.header nav{gap:15px}.header nav>a{display:none}.private{font-size:9px;padding:7px 9px}.intro{padding:30px 22px;gap:10px}.intro .eyebrow{font-size:8px;margin-bottom:12px}h1{font-size:45px;letter-spacing:-2.5px}.intro-note{display:none}.builder{display:block}.visual-column{padding:20px 22px;border-right:0;border-bottom:1px solid var(--line)}.stage-sticky{position:static}.stage-header{font-size:10px}.live{font-size:8px}.view-tabs{margin-top:15px}.canvas-stage{height:330px;aspect-ratio:auto}.stage-watermark{font-size:100px}.preview-caption{margin-top:8px}.swatch-summary{padding-top:16px;margin-top:16px}.preview-note{font-size:9px;margin:14px 0}.save-row{flex-wrap:nowrap}.save-row>span{width:auto;font-size:8px;margin-left:auto}.controls{padding:2px 22px 26px}.models{gap:10px}.model-card{min-height:80px}.model-card b{font-size:15px}.model-card small{font-size:11px}.colors{grid-template-columns:repeat(7,minmax(0,1fr));gap:10px;max-height:210px}.color{min-height:51px}.color i{width:31px;height:31px}.color small{font-size:9px}.color-search input,.color-search select,.wheel-search input,.wheel-search select{font-size:12px;height:44px}.color-search,.wheel-search{grid-template-columns:minmax(0,1fr) 116px}.color-targets button{font-size:13px;min-height:36px}.finish-row>span{font-size:13px}.segmented button{font-size:12px;min-height:40px}.note{font-size:11px}.fitment-filter{font-size:11px;min-height:30px}.wheel b{font-size:10px}.wheel small{font-size:9px}.wheel-selected{font-size:11px}.option{font-size:12px;padding:12px 0}.option small{font-size:11px}.order-card{padding:22px}.order-card dl>div{font-size:12px}.order-card p{font-size:10px}.primary{font-size:13px;min-height:50px}.next{display:block;padding:42px 22px}.next h2{font-size:34px;margin-bottom:28px}.next h3{font-size:14px}.next p:not(.eyebrow){font-size:12px}footer{flex-wrap:wrap;padding:24px 22px 100px;gap:12px}footer small{width:100%;margin:0}.mobile-bar{display:flex;position:fixed;bottom:0;left:0;right:0;padding:12px 18px max(12px,env(safe-area-inset-bottom));background:#10171df7;color:#fff;z-index:20;align-items:center;justify-content:space-between;backdrop-filter:blur(10px)}.mobile-bar span{display:block;font-size:9px;color:#9eabb4;margin-bottom:4px}.mobile-bar b{font-size:20px;font-weight:500}.mobile-bar button{background:var(--blue);color:#fff;border:0;font-size:12px;padding:14px 22px;min-height:44px}.toast{bottom:90px}dialog{padding:22px;max-height:88svh}.review-hero{padding:10px}.review-hero img{width:100px}.review-hero strong{font-size:21px}.review-lines>div{font-size:11px;grid-template-columns:100px 1fr;gap:10px}.dialog-actions{flex-wrap:wrap}.dialog-actions>button{flex:1;justify-content:center;white-space:nowrap}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}@media print{.header,.intro,.builder,.next,footer,.mobile-bar,.dialog-actions,.dialog-heading>button,#purchasePanel{display:none!important}dialog{display:block!important;position:static;max-height:none;width:100%;box-shadow:none;border:0}dialog::backdrop{display:none}}
