@font-face{font-family:Sora;src:url('./assets/sora-400-700-latin.woff2') format('woff2');font-weight:400 700;font-display:swap}@font-face{font-family:Syne;src:url('./assets/syne-600-latin.woff2') format('woff2');font-weight:600;font-display:swap}
:root{--paper:#f3f3ec;--petrol:#1d5960;--ink:#172c30;--mist:#dce8e5;--line:#c5d4d1;--muted:#526667;--white:#fafbf7}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:13px/1.6 Sora,Arial,sans-serif}button,input,select{font:inherit;color:inherit}button{cursor:pointer;border:1px solid var(--line);border-radius:4px;padding:11px 15px;background:transparent}a{color:inherit}button,a,input,summary{-webkit-tap-highlight-color:transparent}button:hover{background:var(--mist);border-color:var(--petrol)}button:disabled{opacity:.45;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #b58600;outline-offset:4px}[hidden]{display:none!important}.header{max-width:1550px;padding:24px 4.5%;margin:auto;display:flex;align-items:center;gap:30px;border-bottom:1px solid var(--line)}.header img{display:block;width:132px;height:auto}.header>span{font-size:9px;letter-spacing:.15em;border-left:1px solid var(--line);padding-left:30px}.cart-link{margin-left:auto;display:flex;align-items:center;gap:12px;border:0;font-size:11px}.cart-link span{background:var(--mist);border-radius:50%;display:grid;place-items:center;width:23px;height:23px;font-size:10px}main{max-width:1450px;margin:auto;padding:0 4.5%}.product-heading{padding:34px 0 30px}.eyebrow{font-size:9px;letter-spacing:.15em;font-weight:600;margin:0 0 10px}.product-heading h1{font:600 clamp(32px,3.6vw,48px)/1.1 Syne,Sora,sans-serif;letter-spacing:-.04em;margin:0}.product-heading>p:last-child{font-size:12px;color:var(--muted);margin:12px 0 0}.workspace{display:grid;grid-template-columns:minmax(0,1.06fr) minmax(0,1fr);gap:55px;align-items:start}.preview-column{position:sticky;top:20px;min-width:0}.studio{background:radial-gradient(ellipse at 45% 42%,#34464a,#172b2e 65%,#112528);color:#edf1eb;border-radius:7px;overflow:hidden}.studio-top,.studio-bottom{display:flex;align-items:center;justify-content:space-between;padding:17px 22px;gap:15px;color:#c1d5cf;font-size:10px}.studio-top{font-size:9px;letter-spacing:.14em;padding-bottom:0}.studio-top .text-button{font-size:10px;color:#c1d5cf}.text-button{padding:4px 0;border:0;border-bottom:1px solid var(--line);border-radius:0;font-size:10px}.text-button:hover{background:transparent}.product-canvas{width:100%;aspect-ratio:1.08;display:grid;place-items:center;overflow:hidden}.brake-stage{width:96%;aspect-ratio:1;position:relative;transition:transform .2s}.brake-stage img{display:block;object-fit:contain}.product-canvas.zoomed .brake-stage{transform:scale(1.13)}.studio-bottom{padding-top:0;min-height:45px}.studio-bottom button{padding:0 8px;color:inherit;border-color:#577474;font-size:21px;line-height:28px}.preview-note{font-size:9px;color:var(--muted);margin:9px 0 16px;line-height:1.8}.appearance-pending{font-size:9px;color:var(--muted);line-height:1.8;margin:0 0 18px;padding-left:10px;border-left:2px solid var(--line)}.options-heading{margin-bottom:20px}.options-heading h2{font:600 28px/1.15 Syne,Sora,sans-serif;letter-spacing:-.03em;margin:0}.coverage-group{margin-bottom:22px}.config-section{border-top:1px solid var(--line)}.config-section>summary{font-size:13px;font-weight:600;list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;padding:18px 0}.config-section>summary::-webkit-details-marker{display:none}.config-section>summary:after{content:'＋';font-size:20px;font-weight:400;color:var(--petrol)}.config-section[open]>summary:after{content:'−'}.summary-label{display:flex;flex-direction:column;gap:2px}.summary-label small{font-size:9px;color:var(--muted);font-weight:400}.section-content{padding-bottom:5px}.option-group{margin:0 0 21px;padding:0;border:0;min-width:0}.option-group legend{font-size:11px;font-weight:600;margin-bottom:10px;padding:0}.option-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.option{display:flex;align-items:center;gap:8px;text-align:left;background:var(--white);min-height:43px;font-size:10px;padding:10px}.option[aria-pressed=true]{background:var(--mist);border-color:var(--petrol);box-shadow:inset 0 0 0 1px var(--petrol)}.swatch{width:19px;height:19px;border-radius:50%;background:var(--swatch);border:1px solid #172c3040;flex-shrink:0;box-shadow:inset 0 2px 3px #fff3,inset 0 -2px 2px #0001}.colours{grid-template-columns:repeat(4,minmax(0,1fr))}.colours .option{font-size:9px;min-height:40px;padding:8px}.coordinate{display:flex;align-items:center;gap:10px;font-size:10px;margin:3px 0 21px;cursor:pointer}.coordinate input{width:16px;height:16px;flex-shrink:0;accent-color:var(--petrol)}.compact-field{margin-bottom:20px}.compact-field>label{font-size:11px;font-weight:600;display:block;margin-bottom:8px}.compact-field input,.compact-field select{display:block;width:100%;background:var(--white);border:1px solid var(--line);border-radius:4px;padding:11px 12px;font-size:11px;min-height:42px}.compact-field small{display:block;font-size:9px;color:var(--muted);margin-top:6px;line-height:1.8}.artwork-controls{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.artwork-controls input{min-height:0;padding:9px;max-width:100%;font-size:10px}.artwork-file-name{font-size:9px;color:var(--muted);overflow-wrap:anywhere;line-height:1.8;margin:7px 0}.artwork-reselect{color:var(--petrol)}.advanced-kit{margin:2px 0 20px;padding:0 0 0 12px;border-left:2px solid var(--line)}.advanced-kit>summary{font-size:10px;cursor:pointer;color:var(--muted);padding:3px 0 12px}.advanced-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}.advanced-grid .compact-field{margin-bottom:15px}.advanced-grid .wide{grid-column:1/-1}.advanced-grid .compact-field>label{font-size:10px}.advanced-grid select{font-size:10px;padding:10px}.purchase{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding-top:22px}.purchase>div strong{display:block;font-size:11px}.purchase>div span{font-size:10px;color:var(--muted)}.primary{background:var(--petrol);border-color:var(--petrol);color:var(--paper);display:flex;align-items:center;justify-content:space-between;gap:28px;min-height:45px;font-size:11px;min-width:175px}.primary:hover{background:#16464c;color:#fff}.primary:disabled:hover{background:var(--petrol)}.purchase-note{font-size:9px;color:var(--muted);text-align:right;margin:10px 0 0}footer{margin:40px 0 0;padding:22px 0 28px;border-top:1px solid var(--line);display:flex;align-items:center;gap:25px;font-size:9px;color:var(--muted)}footer>span:first-child{letter-spacing:.1em}.local-note{margin-left:auto;font-size:8px}dialog{border:1px solid var(--line);border-radius:7px;padding:30px;width:min(520px,calc(100% - 32px));max-height:85vh;background:var(--paper);color:var(--ink)}dialog::backdrop{background:#0c2429aa;backdrop-filter:blur(3px)}dialog h2{font:600 29px/1.2 Syne,Sora,sans-serif;letter-spacing:-.03em;margin:0 0 12px}dialog p{font-size:11px;color:var(--muted)}.close-dialog{position:absolute;right:14px;top:10px;border:0;padding:2px 8px;font-size:24px;font-weight:400}.fields{display:grid;gap:6px;margin:23px 0}.fields>label{font-size:10px;font-weight:600;margin-top:8px}.fields input{display:block;width:100%;background:var(--white);border:1px solid var(--line);border-radius:4px;padding:12px;font-size:12px}.form-error{color:#963e28;min-height:0}.cart-item{padding:18px 0;border-bottom:1px solid var(--line)}.cart-item strong{font-size:12px}.cart-item p{font-size:10px;margin:5px 0}.cart-item .cart-price{display:block;font-size:10px;margin-top:7px}.cart-item details{font-size:10px;color:var(--muted);margin:10px 0}.cart-item ul{padding-left:17px;font-size:10px;line-height:1.9}.cart-item-actions{display:flex;gap:18px}.cart-note{margin:20px 0;line-height:1.8}.checkout-button{font-size:10px;width:100%;margin-bottom:9px}.continue-button{width:100%}.notice{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:var(--ink);color:var(--white);padding:12px 18px;border-radius:4px;font-size:11px;max-width:90vw;z-index:30;pointer-events:none}.notice:empty{display:none}.skip{position:absolute;top:-80px;left:15px;padding:10px;background:var(--paper);z-index:40}.skip:focus{top:5px}
@media(max-width:1080px){.workspace{gap:30px}.option-options{grid-template-columns:repeat(2,minmax(0,1fr))}.colours{grid-template-columns:repeat(3,minmax(0,1fr))}.purchase{align-items:stretch;flex-direction:column;gap:12px}.purchase-note{text-align:left}.local-note{max-width:230px;text-align:right}}
@media(max-width:760px){.header{padding:18px 5%;gap:16px}.header img{width:105px}.header>span{font-size:8px;letter-spacing:.09em;padding-left:14px}.cart-link{font-size:10px;padding:7px 0;gap:5px}.cart-link span{width:20px;height:20px}main{padding:0 5%}.product-heading{padding:25px 0 23px}.product-heading h1{font-size:34px}.product-heading .eyebrow{font-size:8px}.product-heading>p:last-child{font-size:11px}.workspace{grid-template-columns:1fr;gap:25px}.preview-column{position:static}.product-canvas{aspect-ratio:1.14}.brake-stage{width:95%}.studio-top{padding:13px 17px 0}.studio-bottom{padding:0 17px 13px;font-size:9px}.preview-note{margin-bottom:14px;font-size:8px}.options-heading{margin-bottom:17px}.options-heading h2{font-size:27px}.coverage-group{margin-bottom:18px}.option-options{grid-template-columns:repeat(3,minmax(0,1fr))}.option{font-size:10px;min-height:44px;padding:9px}.colours{grid-template-columns:repeat(4,minmax(0,1fr))}.colours .option{font-size:8px;gap:5px;padding:8px 6px}.swatch{width:17px;height:17px}.purchase{position:sticky;bottom:0;background:var(--paper);padding:14px 0;flex-direction:row;align-items:center;z-index:5;border-top:1px solid var(--line)}.purchase .primary{min-width:155px;gap:20px}.purchase-note{font-size:9px;margin-top:2px}.purchase>div strong{font-size:10px}.purchase>div span{font-size:9px}footer{margin-top:25px;gap:15px;flex-wrap:wrap}footer .local-note{width:100%;max-width:none;text-align:left;margin-left:0}.primary{font-size:11px}dialog{padding:27px 22px}.config-section>summary{padding:17px 0}.advanced-grid{gap:0 11px}.compact-field>label{font-size:10px}}
@media(max-width:370px){.header>span{display:none}.cart-link{margin-left:auto}.product-heading h1{font-size:30px}.product-heading .eyebrow{font-size:7px}.option-options{grid-template-columns:repeat(2,minmax(0,1fr))}.colours{grid-template-columns:repeat(3,minmax(0,1fr))}.purchase>div strong{max-width:110px}.purchase .primary{min-width:140px;gap:15px}.studio-bottom{font-size:8px}.advanced-grid{grid-template-columns:1fr}.advanced-grid .wide{grid-column:auto}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
.car-preview{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:0 0 18px}.car-preview-heading{border:0;border-radius:0;width:100%;padding:17px 0;display:flex;align-items:center;justify-content:space-between;gap:20px;text-align:left}.car-preview-heading:hover{background:transparent}.car-preview-heading strong{display:block;font-size:12px}.car-preview-heading small{display:block;font-size:10px;font-weight:400;color:var(--muted);margin-top:3px}.car-preview-heading>span:last-child{font-size:24px;color:var(--petrol)}#car-preview-content{padding:3px 0 18px}.upload-label{font-size:10px;font-weight:600;display:block;margin-bottom:8px}#car-photo{width:100%;font-size:10px;background:var(--white);padding:10px;border:1px solid var(--line);border-radius:4px}.upload-help,.privacy-note{font-size:9px;color:var(--muted);line-height:1.8;margin:8px 0 13px}#car-source{max-width:100%;max-height:165px;display:block;border-radius:4px;margin:12px 0 15px}.photo-buttons{display:flex;gap:15px;align-items:center;flex-wrap:wrap}#generation-status{font-size:10px;line-height:1.9;color:var(--muted);margin:11px 0}#generation-status:empty{display:none}#car-result{margin-top:14px}#car-result-image{width:100%;border-radius:4px;display:block}.download-link{font-size:10px;display:inline-block;margin-top:10px}.privacy-note{margin-bottom:0}.photo-buttons .text-button{font-size:9px}@media(max-width:760px){.car-preview-heading{padding:15px 0}.car-preview-heading small{font-size:9px}.car-preview-heading strong{font-size:11px}.photo-buttons{gap:11px}.privacy-note,.upload-help{font-size:8px}.photo-buttons .primary{min-width:165px}}
/* Product identity, component views and selected mark proof. */
.range-link{display:inline-block;margin:0 0 17px;font-size:10px;text-decoration:none;min-height:30px}.product-heading h1{max-width:1080px;font-size:clamp(27px,3.3vw,44px)}#product-specification{font-size:10px;max-width:900px;color:var(--muted)}.brake-views{display:flex;gap:8px;margin-top:12px}.brake-views button{min-width:80px;min-height:44px;font-size:10px;background:var(--white)}.brake-views button[aria-pressed=true]{background:var(--mist);border-color:var(--petrol)}.logo-sample{background:repeating-conic-gradient(#e7ebe5 0 25%,#f6f7f2 0 50%) 50%/16px 16px;border:1px solid var(--line);border-radius:4px;padding:18px;min-height:72px;margin:0 0 21px;font-size:10px}.logo-sample canvas{display:block;width:100%;max-height:85px;object-fit:contain}.artwork-mode{margin:14px 0 3px;min-height:44px}.photo-buttons .text-button,.download-link,.cart-item-actions .text-button,#reset,#download-build{min-height:44px;display:inline-flex;align-items:center}.purchase>div{min-width:0}.purchase>div strong{max-width:260px;overflow-wrap:anywhere}.studio-bottom #zoom{min-width:44px;min-height:44px}.colours .option{min-height:44px}@media(max-width:760px){.product-heading h1{font-size:28px;line-height:1.18}#product-specification{font-size:10px}.purchase>div strong{max-width:170px}.logo-sample{padding:12px}}
