:root{font-family:DM Sans,sans-serif;color:#20231f;background:#eeeee8;font-synthesis:none;--line:#d5d6ce;--muted:#777b70;--accent:#c4f453}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:default;opacity:.45}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #647c30;outline-offset:4px}.site-header{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 38px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;font:900 25px Barlow Condensed,sans-serif;letter-spacing:-.6px}.brand-mark{position:relative;background:#20231f;color:#eeeee8;width:29px;height:31px;display:grid;place-items:center;font-size:29px;transform:skew(-8deg)}.brand-mark span{position:absolute;bottom:7px;left:9px;width:14px;height:3px;background:var(--accent)}.header-label,.collection-count,.eyebrow,.section-label,footer>span{font-size:10px;font-weight:700;letter-spacing:1.6px}.header-label{margin-left:-40px}.collection-count{color:var(--muted)}.model-bar{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:26px 38px}.eyebrow{color:var(--muted);font-size:9px}h1{font:800 38px/.95 Barlow Condensed,sans-serif;letter-spacing:-.7px;margin:8px 0 0}.bike-options{display:flex;gap:8px}.bike-option{width:175px;border:1px solid var(--line);background:transparent;text-align:left;padding:13px 18px;transition:background .2s}.bike-option small{display:block;font-size:9px;letter-spacing:1px;color:var(--muted);margin-bottom:5px}.bike-option strong{font:700 22px Barlow Condensed,sans-serif}.bike-option.selected{background:#20231f;border-color:#20231f;color:#fff}.bike-option.selected small{color:#bdc4b6}.bike-option:hover:not(.selected){background:#e1e4d8}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 350px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);min-height:650px}.preview{position:relative;min-width:0;overflow:hidden;background:radial-gradient(ellipse at 50% 45%,#fafbf6,#e5e8de 85%);display:flex;flex-direction:column}.preview:before{content:"";position:absolute;inset:0;background-image:linear-gradient(#8c96880c 1px,transparent 1px),linear-gradient(90deg,#8c96880c 1px,transparent 1px);background-size:72px 72px;pointer-events:none}.preview-top{padding:29px 38px;display:flex;justify-content:space-between;align-items:flex-start;position:relative;z-index:2;pointer-events:none}.preview-top h2{font-size:16px;font-weight:500;margin:7px 0 0}.preview-badge{font-size:9px;font-weight:700;letter-spacing:1.2px;border:1px solid #bfc7b6;padding:7px 10px;border-radius:3px}.model-watermark{position:absolute;top:25%;left:0;right:0;text-align:center;color:#dce1d4;font:800 clamp(130px,20vw,310px)/1 "Barlow Condensed",sans-serif;letter-spacing:-5px;pointer-events:none}#scene-wrap{position:absolute;inset:100px 0 65px}#bike-viewer{width:100%;height:100%;border:0;display:block;background:transparent;mix-blend-mode:multiply}.scene-loader{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:11px;background:#eeeee8;padding:12px 18px;border:1px solid var(--line);pointer-events:none}.scene-loader[hidden]{display:none}.preview-bottom{margin-top:auto;padding:23px 38px;display:flex;justify-content:space-between;align-items:center;z-index:2;font-size:10px;color:var(--muted)}.preview-bottom button,.finish-caption button{border:0;border-bottom:1px solid #b8bcaf;padding:0 0 3px;background:transparent;color:inherit;font-size:10px}.customizer{background:#f8f8f3;border-left:1px solid var(--line);padding:28px 25px}.panel-heading{margin-bottom:28px}.panel-heading h2{font:800 32px/1 Barlow Condensed,sans-serif;letter-spacing:-.5px;margin:8px 0 0}.section-label{display:flex;justify-content:space-between;align-items:center;font-size:9px;letter-spacing:1px;margin:22px 0 13px}.section-label span:last-child{color:var(--muted);font-size:9px;letter-spacing:0;font-weight:500}.part-list{display:grid;grid-template-columns:1fr 1fr;gap:7px;max-height:195px;overflow:auto;padding:3px}.part-option{display:flex;align-items:center;gap:9px;min-height:43px;border:1px solid var(--line);background:transparent;padding:9px 10px;font-size:11px;text-align:left}.part-option.selected{border-color:#20231f;background:#eaf0df}.part-chip{width:13px;height:13px;background:var(--part-color,#b0b4a8);border-radius:50%;border:1px solid #8b908370;flex:none}.part-option.selected .part-chip{box-shadow:0 0 0 2px #f8f8f3,0 0 0 3px #78846b}.pick-button{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;background:transparent;border:1px dashed #bdc2b3;min-height:37px;margin-top:10px;font-size:10px}.pick-button[aria-pressed=true]{border-style:solid;background:var(--accent);border-color:#87a339}.part-help{font-size:10px;line-height:1.6;color:var(--muted);margin:8px 3px 0;min-height:32px}.palette{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;padding:6px 3px}.color-option{width:30px;height:30px;border-radius:50%;border:3px solid #f8f8f3;box-shadow:0 0 0 1px #bdc1b5;background:var(--swatch)}.color-option.selected{box-shadow:0 0 0 2px #20231f}.custom-color{display:flex;align-items:center;justify-content:space-between;margin-top:21px;font-size:11px}.custom-color>div{display:flex;align-items:center;gap:8px;padding:5px 8px;border:1px solid var(--line);background:#fff}input[type=color]{width:22px;height:22px;padding:0;border:0;background:transparent;cursor:pointer}input[type=color]::-webkit-color-swatch-wrapper{padding:0}input[type=color]::-webkit-color-swatch{border:0;border-radius:2px}#hex-color{width:77px;border:0;font-size:11px;background:transparent;color:#5c6455;text-transform:uppercase}.finish-caption{display:flex;justify-content:space-between;font-size:9px;color:var(--muted);margin:13px 0 28px}.panel-actions{display:grid;grid-template-columns:1fr 1.2fr;gap:8px}.panel-actions button{height:42px;border:1px solid #20231f;font-size:11px;font-weight:600}.secondary-button{background:transparent;color:#20231f}.primary-button{background:#20231f;color:#f5f6ef}.primary-button:hover{background:#36412e}.save-status{font-size:9px;text-align:center;line-height:1.6;color:var(--muted);min-height:15px;margin:12px 0 0}footer{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:20px 38px}footer>span{font-size:8px;white-space:nowrap}#model-credit{font-size:9px;color:var(--muted);line-height:1.6;margin:0;text-align:center}#model-credit a{text-decoration:underline;text-underline-offset:2px}@media(min-width:1500px){.workspace{min-height:calc(100vh - 263px)}.customizer{padding:38px 30px}.workspace{grid-template-columns:minmax(0,1fr) 390px}.panel-heading{margin-bottom:35px}}@media(max-width:950px){.site-header{padding:0 24px}.model-bar{padding:24px;gap:20px}.bike-option{width:135px;padding:12px}.workspace{grid-template-columns:minmax(0,1fr) 320px}.preview-top{padding:26px 24px}.preview-bottom{padding:22px 24px}.customizer{padding:26px 20px}.preview-bottom span{max-width:130px;line-height:1.6}footer{padding:20px 24px}footer>span:first-child{display:none}}@media(max-width:700px){.site-header{height:64px;padding:0 20px}.header-label{font-size:8px;letter-spacing:1px;margin:0}.collection-count{display:none}.model-bar{padding:23px 20px 20px;display:block}.model-bar-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}h1{font-size:28px;margin:0}.bike-options{gap:6px}.bike-option{width:auto;flex:1;padding:11px 9px}.bike-option small{font-size:8px;letter-spacing:.4px}.bike-option strong{font-size:19px}.workspace{grid-template-columns:1fr}.preview{height:440px}.preview-top{padding:23px 20px}.model-watermark{top:26%;font-size:170px}#scene-wrap{inset:80px 0 47px}.preview-bottom{padding:16px 20px}.preview-bottom span{max-width:none}.customizer{border-left:0;border-top:1px solid var(--line);padding:25px 20px}.panel-heading{margin-bottom:22px}.part-list{grid-template-columns:repeat(3,1fr);max-height:155px}.part-option{font-size:10px;padding:9px 8px;gap:7px}.palette{grid-template-columns:repeat(12,1fr);gap:6px}.color-option{width:24px;height:24px}.part-help{min-height:16px}footer{padding:20px}#model-credit{text-align:left}.panel-actions button{height:46px}}@media(max-width:400px){.palette{grid-template-columns:repeat(6,1fr);gap:12px}.color-option{width:30px;height:30px}.part-list{grid-template-columns:1fr 1fr}.preview{height:380px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}#part-picker{position:absolute;inset:0;cursor:crosshair;background:#b8fb2d03}#part-picker[hidden]{display:none}#more-parts{margin-top:10px}#more-parts[hidden]{display:none}#more-parts summary{font-size:10px;color:var(--muted);cursor:pointer;padding:5px 3px}#more-count{float:right}#extra-parts{margin-top:8px;max-height:145px}.part-list{max-height:155px}.panel-heading{margin-bottom:20px}.section-label{margin-top:18px}.finish-caption{margin-bottom:20px}.workspace{min-height:620px}.part-help{min-height:26px}.palette{gap:10px}.preview:after{content:"";position:absolute;width:53%;height:20px;bottom:100px;left:24%;border-radius:50%;background:#45523518;filter:blur(14px);pointer-events:none}@media(max-width:700px){.preview:after{bottom:62px}.part-list{max-height:155px}.palette{gap:6px}}@media(min-width:701px){.customizer{padding:24px 25px}.panel-heading{margin-bottom:14px}.section-label{margin:14px 0 10px}.part-option{min-height:37px}.part-help{min-height:16px;margin-top:6px;line-height:1.4}.custom-color{margin-top:14px}.finish-caption{margin:10px 0 18px}.palette{padding:4px 3px}.panel-actions button{height:40px}.save-status{margin-top:9px}}