*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}[hidden]{display:none!important}:root{--panel-w: 410px;--top-h: 60px;--peek: 46dvh;--ink: #15171c;--ink-2: #5d6168;--ink-3: #9a9da3;--line: #e6e7ea;--line-2: #d5d7db;--surface: #ffffff;--surface-2: #f4f5f7;--surface-3: #eceef1;--accent: #2f62e8;--accent-soft: #e8eefd;--good: #1f8a4c;--stage-top: #f7f8fa;--stage-bottom: #dde0e5;--glass: rgba(255, 255, 255, .78);--shadow-sm: 0 1px 2px rgba(18, 20, 26, .06), 0 1px 1px rgba(18, 20, 26, .04);--shadow: 0 10px 30px rgba(18, 20, 26, .1), 0 2px 6px rgba(18, 20, 26, .05);--shadow-lg: 0 -10px 40px rgba(18, 20, 26, .14);--radius: 14px;--radius-sm: 10px;--ease: cubic-bezier(.2, .7, .2, 1);--spring: cubic-bezier(.32, 1.25, .5, 1);--safe-b: env(safe-area-inset-bottom, 0px)}:root[data-theme=dark]{--stage-top: #34373c;--stage-bottom: #16171a;--glass: rgba(24, 25, 28, .66)}html,body{height:100%;overflow:hidden;overscroll-behavior:none}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--ink);background:var(--surface);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;font-size:14px;line-height:1.45}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer;-webkit-user-select:none;user-select:none}button:disabled{cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,[role=button]:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.muted{color:var(--ink-2)}.icon-btn,.pill-btn,.cta,.chip,.option,.variant,.swatch,.opt-swatch,.finish,.cat-tab,.seg button,.round-btn,.build-card,.chg-x{transition:transform .18s var(--spring),background-color .2s,border-color .2s,color .2s,box-shadow .2s}.icon-btn:active:not(:disabled),.pill-btn:active,.cta:active,.chip:active,.variant:active,.cat-tab:active,.seg button:active,.round-btn:active,.build-card:active{transform:scale(.95)}.option:active{transform:scale(.985)}.swatch:active,.opt-swatch:active{transform:scale(.88)}#app{display:grid;grid-template-columns:1fr var(--panel-w);grid-template-rows:var(--top-h) 1fr;height:100dvh}.topbar{grid-column:1 / -1;display:flex;align-items:center;gap:18px;padding:0 16px 0 22px;padding-top:env(safe-area-inset-top,0px);position:relative;z-index:6;background:var(--surface);border-bottom:1px solid var(--line)}.brand{color:var(--ink);text-decoration:none;display:flex;align-items:center;gap:10px;flex:none}.brand .mark{color:var(--ink)}.wordmark{font-weight:700;letter-spacing:.34em;font-size:14px}.seg{display:inline-flex;gap:2px;padding:3px;border-radius:999px;background:var(--surface-2);box-shadow:inset 0 0 0 1px var(--line)}.seg button{padding:7px 15px;border-radius:999px;font-size:13px;font-weight:500;color:var(--ink-2);white-space:nowrap}.seg button:hover:not(.active):not(:disabled){color:var(--ink)}.seg button.active{background:var(--surface);color:var(--ink);box-shadow:var(--shadow-sm),0 0 0 1px #0000000a}.bike-tabs{margin:0 auto}.top-actions{display:flex;align-items:center;gap:4px;flex:none}.divider{width:1px;height:22px;background:var(--line);margin:0 6px}.icon-btn{height:38px;min-width:38px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;gap:7px;color:var(--ink-2);position:relative}.icon-btn:hover:not(:disabled){background:var(--surface-2);color:var(--ink)}.icon-btn:disabled{opacity:.32}.icon-btn.labelled{padding:0 12px 0 10px;font-weight:500;font-size:13px}.pill-btn{height:38px;padding:0 16px;border-radius:999px;background:var(--ink);color:#fff;font-weight:500;font-size:13px;display:inline-flex;align-items:center;gap:7px;margin-left:6px}.pill-btn:hover{background:#2a2d34}.count{display:inline-block;min-width:18px;padding:0 5px;border-radius:9px;background:var(--accent);color:#fff;font-size:11px;font-weight:600;line-height:18px;text-align:center}.count:empty{display:none}.stage{position:relative;overflow:hidden;background:linear-gradient(var(--stage-top),var(--stage-bottom) 62%);min-height:0}#viewport{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;touch-action:none;cursor:grab}#viewport:active{cursor:grabbing}.view-controls{position:absolute;top:16px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:8px;z-index:2;transition:left .3s var(--ease)}.view-controls .seg{background:var(--glass);backdrop-filter:blur(16px) saturate(1.5);-webkit-backdrop-filter:blur(16px) saturate(1.5);box-shadow:var(--shadow),inset 0 0 0 1px #fff9}.round-btn{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;color:var(--ink-2);background:var(--glass);backdrop-filter:blur(16px) saturate(1.5);-webkit-backdrop-filter:blur(16px) saturate(1.5);box-shadow:var(--shadow),inset 0 0 0 1px #fff9}.round-btn:hover{color:var(--ink)}.round-btn[aria-pressed=true]{background:var(--ink);color:#fff}.round-btn[aria-pressed=true]#spin-btn svg{animation:spin 2.4s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}:root[data-theme=dark] .seg button{color:#c9cbcf}:root[data-theme=dark] .seg button.active{color:var(--ink)}.spec-strip{position:absolute;left:50%;bottom:26px;transform:translate(-50%);display:flex;gap:10px;pointer-events:none;transition:opacity .5s var(--ease),left .3s var(--ease);z-index:1}.spec-strip.dim{opacity:0}.spec{min-width:112px;padding:9px 16px 8px;border-radius:14px;text-align:center;background:var(--glass);backdrop-filter:blur(14px) saturate(1.4);-webkit-backdrop-filter:blur(14px) saturate(1.4);box-shadow:var(--shadow-sm),inset 0 0 0 1px #ffffff8c}.spec-value{font-size:22px;font-weight:600;letter-spacing:-.015em;font-variant-numeric:tabular-nums;line-height:1.15}.spec-value small{font-size:12px;font-weight:500;margin-left:2px;color:var(--ink-2)}.spec-warn{color:#c0392b}.spec-label{font-size:11px;color:var(--ink-2);margin-top:1px;white-space:nowrap;letter-spacing:.01em}.spec-delta{font-size:10.5px;font-weight:600;color:var(--good);margin-left:4px}:root[data-theme=dark] .spec-strip{color:#f2f3f5}:root[data-theme=dark] .spec-label,:root[data-theme=dark] .spec-value small{color:#a7a9ad}.loader{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:linear-gradient(var(--stage-top),var(--stage-bottom) 62%);transition:opacity .6s var(--ease);z-index:5}.loader.done{opacity:0;pointer-events:none}.loader-card{width:220px;text-align:center;display:grid;justify-items:center;gap:14px}.loader-mark{color:var(--ink);animation:breathe 1.6s ease-in-out infinite}@keyframes breathe{50%{transform:scale(.92);opacity:.75}}.loader-title{font-weight:500;color:var(--ink-2)}.loader-bar{width:100%;height:3px;border-radius:3px;background:#00000014;overflow:hidden}.loader-bar span{display:block;height:100%;width:0;background:var(--ink);border-radius:3px;transition:width .25s}.panel{display:flex;flex-direction:column;min-height:0;background:var(--surface);border-left:1px solid var(--line);position:relative;z-index:4}.sheet-grip{display:none}.panel-scroll{flex:1;overflow-y:auto;overscroll-behavior:contain;padding:26px 26px 20px;scroll-behavior:smooth;scrollbar-width:thin}.panel-head{margin-bottom:16px}.panel-head h1{font-size:30px;font-weight:600;letter-spacing:-.025em;line-height:1.1}.panel-head p{margin-top:4px;font-size:13.5px}.search{display:flex;align-items:center;gap:8px;height:42px;padding:0 12px;border-radius:12px;background:var(--surface-2);color:var(--ink-3);margin-bottom:4px;transition:box-shadow .2s,background .2s}.search:focus-within{background:var(--surface);box-shadow:inset 0 0 0 1.5px var(--accent),0 0 0 4px var(--accent-soft);color:var(--accent)}.search input{flex:1;min-width:0;border:0;background:transparent;font:inherit;font-size:14.5px;color:var(--ink);outline:none}.search input::placeholder{color:var(--ink-3)}.no-results{text-align:center;color:var(--ink-2);padding:28px 12px;font-size:13px}.cat-tabs{position:sticky;top:-26px;z-index:3;display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;margin:0 -26px 4px;padding:14px 26px 12px;background:linear-gradient(var(--surface) 82%,rgba(255,255,255,0))}.cat-tabs::-webkit-scrollbar{display:none}.cat-tab{flex:none;border:1px solid var(--line);background:var(--surface);color:var(--ink-2);border-radius:999px;padding:8px 14px;font-size:13px;font-weight:500;white-space:nowrap}.cat-tab small{margin-left:6px;font-size:10.5px;opacity:.55;font-weight:600}.cat-tab:hover{border-color:var(--line-2);color:var(--ink)}.cat-tab.active{background:var(--ink);border-color:var(--ink);color:#fff}.cat-tab.active small{opacity:.7}.searching .cat-tabs{display:none}.section{padding:18px 0 22px;border-top:1px solid var(--line);animation:rise .35s var(--ease) both}.section:first-of-type,.cat-tabs+.section{border-top:0}@keyframes rise{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.section h2{font-size:17px;font-weight:600;margin-bottom:12px;letter-spacing:-.01em;display:flex;align-items:center;gap:8px}.section .note{color:var(--ink-2);font-size:12.5px;margin-top:10px}.section[hidden]{display:none}.targets{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.chip{padding:7px 13px;border-radius:999px;font-size:12.5px;font-weight:500;border:1px solid var(--line);color:var(--ink-2);background:var(--surface)}.chip:hover{color:var(--ink);border-color:var(--line-2)}.chip.active{border-color:var(--ink);color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}.chip .dot{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:6px;vertical-align:-1px;box-shadow:inset 0 0 0 1px #00000026}.section-toggle{display:inline-flex}.paint-body{display:none;padding-top:12px}.paint-body.open{display:block;animation:fold-in .22s var(--ease)}@keyframes fold-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}.swatches{display:grid;grid-template-columns:repeat(auto-fill,minmax(38px,1fr));gap:12px;justify-items:center}.swatch{width:38px;height:38px;border-radius:50%;position:relative;box-shadow:inset 0 0 0 1px #0000001f,inset 0 -8px 12px #00000029,inset 0 6px 10px #fff3}.swatch:hover{transform:scale(1.08)}.swatch.active:after{content:"";position:absolute;top:-5px;right:-5px;bottom:-5px;left:-5px;border-radius:50%;border:2px solid var(--accent);animation:pop .25s var(--spring)}@keyframes pop{0%{transform:scale(.7);opacity:0}}.swatch.custom{background:conic-gradient(#e33,#ec3,#3c3,#3cc,#33e,#c3c,#e33);overflow:hidden}.swatch.custom input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer;width:100%;height:100%}.swatch-name{margin-top:12px;font-weight:500;font-size:13px}.swatch-name span{color:var(--ink-2);font-weight:400}.finishes{display:grid;grid-template-columns:repeat(3,1fr);gap:3px;margin-top:14px;background:var(--surface-2);border-radius:10px;padding:3px}.finish{padding:8px 6px;border-radius:8px;font-size:12.5px;font-weight:500;color:var(--ink-2);white-space:nowrap}.finish:hover{color:var(--ink)}.finish.active{background:var(--surface);color:var(--ink);box-shadow:var(--shadow-sm),0 0 0 1px #0000000a}.options{display:grid;gap:8px}.option{position:relative;text-align:left;padding:13px 44px 13px 15px;border-radius:var(--radius);border:1px solid var(--line);background:var(--surface);display:grid;grid-template-columns:1fr;gap:2px}.option:after{content:"";position:absolute;right:14px;top:14px;width:20px;height:20px;border-radius:50%;box-shadow:inset 0 0 0 1.5px var(--line-2);transition:all .25s var(--spring)}.option:hover{border-color:var(--line-2);box-shadow:var(--shadow-sm)}.option.active{border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink),var(--shadow-sm)}.option.active:after{background:var(--ink) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5.5 10.5l3 3 6-6.5' fill='none' stroke='%23fff' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 20px no-repeat;box-shadow:none;transform:scale(1.05)}.option-name{font-weight:600;font-size:14px;line-height:1.3}.option-blurb{color:var(--ink-2);font-size:12.5px;display:none;margin-top:2px}.option.active .option-blurb{display:block;animation:fold-in .25s var(--ease)}.option-group{font-size:11px;font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:var(--ink-3);margin:10px 2px 0}.option-extra{display:none;flex-wrap:wrap;column-gap:8px}.option.active .option-extra{display:flex}.option-extra .opt-swatches,.option-extra .variants{flex-basis:100%}.badge{display:inline-block;margin-left:8px;padding:2px 7px;border-radius:6px;background:var(--accent-soft);color:var(--accent);font-size:10px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;vertical-align:1px}.variants{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.variant{padding:7px 11px;border-radius:9px;border:1px solid var(--line);font-size:12.5px;font-weight:500;cursor:pointer;background:var(--surface)}.variant:hover{border-color:var(--line-2)}.variant.active{border-color:var(--ink);background:var(--ink);color:#fff}.color-toggle{display:inline-flex;align-items:center;gap:7px;margin-top:10px;padding:5px 11px 5px 6px;border-radius:999px;font-size:12px;font-weight:500;color:var(--ink-2);background:var(--surface-2);cursor:pointer;-webkit-user-select:none;user-select:none}.color-toggle .dot,.color-toggle i.dot{width:16px;height:16px;border-radius:50%;box-shadow:inset 0 0 0 1px #0003}.color-toggle b{font-weight:400;font-size:10px;transition:transform .2s}.color-toggle.open b{transform:rotate(180deg)}.opt-swatches{display:none;flex-wrap:wrap;align-items:center;gap:10px;margin-top:10px}.opt-swatches.open{display:flex;animation:fold-in .2s var(--ease)}.opt-swatch{width:30px;height:30px;border-radius:50%;position:relative;cursor:pointer;box-shadow:inset 0 0 0 1px #00000026,inset 0 -5px 8px #0000002e}.opt-swatch.active:after{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:50%;border:2px solid var(--accent);animation:pop .25s var(--spring)}.opt-swatch.custom{background:conic-gradient(#e33,#ec3,#3c3,#3cc,#33e,#c3c,#e33);overflow:hidden}.opt-swatch.custom input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer;width:100%;height:100%;padding:0;border:0}.warning{margin-top:12px;padding:10px 12px;border-radius:10px;background:#fff6e0;color:#7a5200;font-size:12.5px}.warning.hard{background:#fdecec;color:#9b1c1c}.lights-toggle[aria-pressed=true]{background:#ffe9a8;border-color:#e3b62e;color:#5b4300}.compare{margin-top:14px;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;text-align:center}.compare div{background:var(--surface-2);border-radius:10px;padding:10px 6px}.compare b{display:block;font-size:16px;font-weight:600;font-variant-numeric:tabular-nums}.compare span{font-size:11px;color:var(--ink-2)}.scene-row{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0 14px}.scene-row .chip .dot{width:12px;height:12px}.slider-row{display:grid;grid-template-columns:92px 1fr 44px;align-items:center;gap:10px;margin:6px 0 10px;font-size:13px}.slider-row label{color:var(--ink-2);font-weight:500}.slider-row output{text-align:right;font-variant-numeric:tabular-nums;color:var(--ink-2);font-size:12px}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:28px;background:transparent;cursor:pointer;--pct: 50%}input[type=range]::-webkit-slider-runnable-track{height:4px;border-radius:4px;background:linear-gradient(90deg,var(--ink) var(--pct),var(--surface-3) var(--pct))}input[type=range]::-moz-range-track{height:4px;border-radius:4px;background:var(--surface-3)}input[type=range]::-moz-range-progress{height:4px;border-radius:4px;background:var(--ink)}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:22px;height:22px;margin-top:-9px;border-radius:50%;background:#fff;box-shadow:0 1px 4px #00000040,0 0 0 1px #0000000f;transition:transform .15s var(--spring)}input[type=range]::-moz-range-thumb{width:22px;height:22px;border:0;border-radius:50%;background:#fff;box-shadow:0 1px 4px #00000040}input[type=range]:active::-webkit-slider-thumb{transform:scale(1.15)}.option-group-sm{font-size:11px;font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:var(--ink-3);margin:12px 0 2px}.fineprint{font-size:11px;color:var(--ink-3);padding:18px 2px 4px}.panel-foot{border-top:1px solid var(--line);padding:12px 20px calc(14px + var(--safe-b));background:var(--surface)}.summary-toggle{width:100%;display:flex;justify-content:space-between;align-items:center;padding:2px 2px 10px}.summary-count{display:inline-flex;align-items:center;gap:6px;font-weight:600;font-size:15px}.summary-count svg{transition:transform .25s var(--ease);color:var(--ink-3)}.summary-toggle[aria-expanded=true] .summary-count svg{transform:rotate(180deg)}.summary{max-height:34dvh;overflow-y:auto;margin:0 -4px 10px;padding:0 4px;display:grid;gap:6px;animation:fold-in .22s var(--ease)}.chg{display:grid;grid-template-columns:14px 1fr auto;align-items:center;gap:10px;padding:8px 10px;border-radius:10px;background:var(--surface-2);font-size:12.5px}.chg i{width:14px;height:14px;border-radius:50%;box-shadow:inset 0 0 0 1px #00000026;background:var(--line-2)}.chg b{display:block;font-weight:600;font-size:12.5px}.chg span{color:var(--ink-2);display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chg-x{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;color:var(--ink-3)}.chg-x:hover{background:var(--surface-3);color:var(--ink)}.summary .reset-all{justify-self:start;font-size:12.5px;font-weight:500;color:#b4332b;padding:4px 2px}.summary .empty{color:var(--ink-2);font-size:12.5px;padding:4px 2px 6px}.cta{width:100%;height:46px;border-radius:12px;background:var(--accent);color:#fff;font-weight:600;font-size:14.5px;box-shadow:0 6px 16px #2f62e847}.cta:hover{filter:brightness(1.06)}.toast{position:fixed;left:50%;top:calc(var(--top-h) + 14px);transform:translate(-50%);background:var(--ink);color:#fff;padding:10px 16px;border-radius:12px;font-weight:500;font-size:13px;box-shadow:var(--shadow);z-index:50;animation:toast-in .35s var(--spring);max-width:calc(100vw - 32px)}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,-10px) scale(.96)}}.choice-row{flex-basis:100%;display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:10px}.choice-lbl{font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);margin-right:2px}.shades{margin-top:12px}.shades.in-option{flex-basis:100%;margin-top:4px}.shades-toggle{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:600;color:var(--accent);padding:4px 2px}.shades-toggle b{font-weight:400;font-size:10px;transition:transform .2s}.shades-toggle.open b{transform:rotate(180deg)}.shade-grid{display:none;gap:4px;margin-top:8px}.shade-grid.open{display:grid;animation:fold-in .22s var(--ease)}.shade-row{display:grid;grid-template-columns:62px repeat(8,1fr);gap:4px;align-items:center}.shade-lbl{font-size:10.5px;color:var(--ink-3);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.shade{aspect-ratio:1;min-height:22px;border-radius:7px;position:relative;box-shadow:inset 0 0 0 1px #0000001a;transition:transform .15s var(--spring)}.shade:hover{transform:scale(1.12);z-index:1}.shade.active{box-shadow:0 0 0 2px var(--surface),0 0 0 4px var(--accent);z-index:1}.builds{position:absolute;top:0;left:0;bottom:0;width:310px;z-index:4;display:flex;flex-direction:column;gap:12px;padding:18px 16px;background:var(--surface);border-right:1px solid var(--line);box-shadow:var(--shadow);animation:slide-in .3s var(--ease)}@keyframes slide-in{0%{transform:translate(-24px);opacity:0}to{transform:none;opacity:1}}.stage.with-builds #viewport{left:310px;width:calc(100% - 310px)}.stage.with-builds .view-controls,.stage.with-builds .spec-strip{left:calc(50% + 155px)}.builds-head{display:flex;align-items:center;justify-content:space-between}.builds-head h2{font-size:17px;font-weight:600}.builds-save{display:flex;gap:6px}.builds-save input{flex:1;min-width:0;height:42px;padding:0 12px;border-radius:12px;border:0;background:var(--surface-2);color:var(--ink);font:inherit;font-size:14.5px;outline:none}.builds-save input:focus{background:var(--surface);box-shadow:inset 0 0 0 1.5px var(--accent),0 0 0 4px var(--accent-soft)}.builds-save .cta{width:auto;height:42px;padding:0 16px}.builds-list{list-style:none;overflow-y:auto;display:grid;gap:8px;align-content:start}.build-card{display:grid;grid-template-columns:80px 1fr;gap:12px;align-items:center;padding:8px;border-radius:12px;background:var(--surface-2);cursor:pointer;animation:rise .3s var(--ease) both}.build-card:hover{background:var(--surface-3)}.build-card.current{box-shadow:inset 0 0 0 2px var(--accent);background:var(--accent-soft)}.build-card img{width:80px;height:56px;object-fit:cover;border-radius:8px;background:#dfe1e5}.build-card .nm{font-weight:600;font-size:13.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.build-card .meta{font-size:11.5px;color:var(--ink-2)}.build-card .acts{display:flex;gap:12px;margin-top:4px}.build-card .acts button{font-size:12px;color:var(--ink-2);font-weight:500}.build-card .acts button:hover{color:var(--ink)}.build-card .acts button[data-a=delete]:hover{color:#b4332b}.builds-empty{font-size:13px;color:var(--ink-2);padding:6px 2px}@media (max-width: 760px){:root{--top-h: 54px;--radius: 13px}#app{grid-template-columns:1fr;grid-template-rows:var(--top-h) calc(100dvh - var(--top-h) - var(--peek) + 22px)}.topbar{gap:8px;padding:0 8px 0 14px}.wordmark{display:none}.bike-tabs{margin:0 auto 0 2px}.bike-tabs button{padding:6px 9px;font-size:12px}.top-actions{gap:0}.hide-sm,.divider{display:none}.icon-btn{min-width:34px;height:36px}.icon-btn.labelled{padding:0 8px}.icon-btn.labelled .lbl{display:none}.icon-btn .count{position:absolute;top:1px;right:-2px;min-width:16px;line-height:16px;font-size:10px;padding:0 4px}.pill-btn{width:34px;height:34px;padding:0;justify-content:center;margin-left:4px}.pill-btn span{display:none}.view-controls{top:10px;gap:6px}.seg button{padding:6px 12px;font-size:12.5px}.round-btn{width:34px;height:34px}.spec-strip{bottom:32px;gap:6px}.spec{min-width:0;padding:6px 10px 5px;border-radius:11px}.spec-value{font-size:16px}.spec-value small{font-size:10.5px}.spec-label{font-size:9.5px}.panel{position:fixed;left:0;right:0;bottom:0;height:calc(100dvh - var(--top-h) - 10px);border-left:0;border-radius:22px 22px 0 0;box-shadow:var(--shadow-lg);transform:translateY(calc(100dvh - var(--top-h) - 10px - var(--peek)));transition:transform .42s var(--spring);will-change:transform;z-index:7}.panel.full{transform:translateY(0)}.panel.dragging{transition:none}.sheet-grip{display:block;flex:none;height:22px;cursor:grab;touch-action:none;position:relative}.sheet-grip span{position:absolute;left:50%;top:8px;width:40px;height:5px;margin-left:-20px;border-radius:3px;background:var(--line-2)}.panel-scroll{padding:0 16px 16px}.panel-head{display:flex;align-items:baseline;gap:10px;margin-bottom:10px}.panel-head h1{font-size:21px}.panel-head p{margin:0;font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cat-tabs{top:0;margin:0 -16px 2px;padding:10px 16px}.section{padding:14px 0 18px}.section h2{font-size:16px}.option{padding:13px 42px 13px 14px}.panel-foot{padding:10px 14px calc(10px + var(--safe-b));display:grid;grid-template-columns:1fr auto;align-items:center;gap:10px}.summary-toggle{padding:0;flex-direction:column;align-items:flex-start;gap:0}.summary-toggle .muted{font-size:11.5px}.summary{grid-column:1 / -1;grid-row:1;max-height:30dvh;margin-bottom:0}.cta{width:auto;padding:0 22px;height:44px}.builds{width:100%;z-index:8}.stage.with-builds #viewport{left:0;width:100%}.stage.with-builds .view-controls,.stage.with-builds .spec-strip{left:50%}.toast{top:calc(var(--top-h) + 10px)}}@media (max-width: 360px){.brand .mark{display:none}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.studio-btn{display:inline-flex;align-items:center;gap:7px;margin-top:12px;padding:9px 14px;border-radius:10px;background:var(--ink);color:#fff;font-size:13px;font-weight:600;cursor:pointer;flex-basis:auto;transition:transform .18s var(--spring)}.studio-btn:active{transform:scale(.96)}.studio{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:grid;grid-template-rows:auto 1fr;background:var(--surface);animation:fold-in .25s var(--ease)}.st-head{display:flex;align-items:center;gap:14px;padding:10px 14px 10px 20px;padding-top:calc(10px + env(safe-area-inset-top,0px));border-bottom:1px solid var(--line)}.st-title b{font-size:15px;font-weight:700;letter-spacing:-.01em;white-space:nowrap}.st-tabs{margin:0 auto}.st-acts{display:flex;align-items:center;gap:4px}.st-body{display:grid;grid-template-columns:290px 1fr 290px;min-height:0}.st-lib,.st-props{overflow-y:auto;padding:14px 16px 24px;display:flex;flex-direction:column;gap:10px;min-height:0}.st-lib{border-right:1px solid var(--line)}.st-props{border-left:1px solid var(--line)}.st-props h3{font-size:15px;font-weight:600}.st-ltabs{align-self:stretch;display:grid;grid-template-columns:repeat(5,1fr)}.st-ltabs button{padding:7px 4px;font-size:12.5px}.st-pane{display:flex;flex-direction:column;gap:10px}.st-search{height:40px;padding:0 12px;border-radius:10px;border:0;background:var(--surface-2);font:inherit;font-size:14px;color:var(--ink);outline:none;width:100%}.st-search:focus{background:var(--surface);box-shadow:inset 0 0 0 1.5px var(--accent),0 0 0 4px var(--accent-soft)}.st-upload{display:flex;align-items:center;justify-content:center;gap:8px;height:40px;border-radius:10px;border:1.5px dashed var(--line-2);color:var(--ink-2);font-weight:600;font-size:13px;cursor:pointer}.st-upload:hover{border-color:var(--accent);color:var(--accent)}.st-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.st-logo{position:relative;display:grid;grid-template-rows:70px auto;gap:4px;padding:8px;border-radius:10px;background:#1b1d22;color:#d9dbe0;cursor:grab;-webkit-user-select:none;user-select:none;transition:transform .15s var(--spring),box-shadow .2s}.st-grid.shapes .st-logo{background:var(--surface-2);color:var(--ink-2)}.st-logo:hover{box-shadow:0 0 0 2px var(--accent)}.st-logo:active{transform:scale(.96);cursor:grabbing}.st-logo img,.st-logo canvas{width:100%;height:70px;object-fit:contain}.st-logo span{font-size:11px;font-weight:500;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.st-x{position:absolute;top:4px;right:4px;width:20px;height:20px;border-radius:50%;background:#ffffff26;color:#fff;font-size:14px;line-height:20px}.st-x:hover{background:#b4332b}.st-note{font-size:12px;color:var(--ink-2)}.st-lbl{font-size:11px;font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:var(--ink-3);margin-top:4px}.st-chips{display:flex;flex-wrap:wrap;gap:6px}.st-chips .chip{padding:6px 11px}.st-sw{display:flex;flex-wrap:wrap;gap:7px}.st-dot{width:26px;height:26px;border-radius:50%;position:relative;box-shadow:inset 0 0 0 1px #00000026}.st-dot.active:after{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:50%;border:2px solid var(--accent)}.st-dot.orig{background:conic-gradient(from 45deg,#111 0,#111 25%,#fff 0,#fff 50%,#111 0,#111 75%,#fff 0)}.st-dot.none{background:linear-gradient(135deg,#fff 45%,#d33 45%,#d33 55%,#fff 55%)}.st-dot.custom{background:conic-gradient(#e33,#ec3,#3c3,#3cc,#33e,#c3c,#e33);overflow:hidden}.st-dot.custom input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;width:100%;height:100%;cursor:pointer;border:0;padding:0}.st-actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}.st-actions .icon-btn{background:var(--surface-2)}.st-stage{position:relative;display:grid;place-items:center;min-width:0;min-height:0;overflow:hidden;background:radial-gradient(circle at 50% 40%,#f7f8fa,#e6e8ec)}.st-canvas{border-radius:6px;box-shadow:var(--shadow);touch-action:none;outline:none;background:#fff}.st-hint{position:absolute;bottom:10px;left:50%;transform:translate(-50%);font-size:12px;color:var(--ink-2);background:var(--glass);padding:5px 12px;border-radius:999px;white-space:nowrap;max-width:calc(100% - 24px);overflow:hidden;text-overflow:ellipsis}.st-bar{position:fixed;left:50%;bottom:calc(24px + var(--safe-b));transform:translate(-50%);z-index:41;display:flex;align-items:center;gap:14px;padding:8px 8px 8px 18px;border-radius:999px;background:var(--ink);color:#fff;box-shadow:var(--shadow);font-weight:500;font-size:13px}.st-bar .pill-btn{background:#fff;color:var(--ink);margin:0}@media (max-width: 1100px){.st-body{grid-template-columns:250px 1fr 250px}}@media (max-width: 760px){.st-head{gap:8px;padding:8px 10px;flex-wrap:wrap}.st-title{display:none}.st-tabs{margin:0;order:3;flex-basis:100%;overflow-x:auto}.st-acts{margin-left:auto}.st-acts .lbl{display:none}.st-body{grid-template-columns:1fr;grid-template-rows:minmax(0,46dvh) minmax(0,1fr)}.st-stage{grid-row:1}.st-lib{grid-row:2;border-right:0;border-top:1px solid var(--line)}.st-props{position:fixed;left:0;right:0;bottom:0;max-height:48dvh;z-index:2;background:var(--surface);border:0;border-radius:18px 18px 0 0;box-shadow:var(--shadow-lg);padding-bottom:calc(16px + var(--safe-b))}.st-props:not(:has(.st-actions .icon-btn)){display:none}.st-grid{grid-template-columns:repeat(3,1fr)}}.jump{display:grid;grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:8px;padding:14px 0 6px}.jump[hidden]{display:none}.jump-tile{text-align:left;padding:10px 12px;border-radius:12px;background:var(--surface-2);box-shadow:inset 0 0 0 1px var(--line);display:flex;flex-direction:column;gap:3px;min-height:58px;position:relative;transition:box-shadow .15s,background .15s,transform .1s}.jump-tile:hover{background:var(--surface-3)}.jump-tile:active{transform:scale(.98)}.jump-tile.open{background:var(--surface);box-shadow:inset 0 0 0 2px var(--ink)}.jt-title{font-size:13px;font-weight:600;color:var(--ink);line-height:1.2}.jt-val{font-size:11.5px;color:var(--ink-2);line-height:1.25;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.jump-tile.has-dot .jt-val:before,.sec-val.has-dot:before{content:"";display:inline-block;width:9px;height:9px;border-radius:50%;background:var(--dot);margin-right:5px;vertical-align:-1px;box-shadow:inset 0 0 0 1px #00000026}.jump-tile.changed:after{content:"";position:absolute;top:9px;right:9px;width:7px;height:7px;border-radius:50%;background:var(--accent)}.section.collapsible{padding:0}.sec-head{width:100%;display:flex;align-items:center;gap:10px;padding:16px 2px;text-align:left}.sec-title{font-size:16px;font-weight:600;letter-spacing:-.01em;color:var(--ink);flex:none}.sec-val{flex:1;min-width:0;font-size:13px;color:var(--ink-2);text-align:right;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.section.changed .sec-val{color:var(--accent);font-weight:500}.sec-head .chev{color:var(--ink-3);font-size:12px;transition:transform .2s var(--ease)}.section.collapsible:not(.collapsed) .chev{transform:rotate(180deg)}.section.collapsible:not(.collapsed){padding-bottom:20px}.section.collapsed>:not(.sec-head){display:none!important}.section.collapsible:not(.collapsed)>.sec-head{padding-bottom:12px}.studio3d{position:fixed;top:var(--top-h);right:0;bottom:0;width:var(--panel-w);z-index:40;display:flex;flex-direction:column;background:var(--surface);border-left:1px solid var(--line);box-shadow:-12px 0 40px #12141a14;animation:fold-in .25s var(--ease)}.studio3d[hidden]{display:none}.d3-head{display:flex;align-items:center;gap:4px;padding:12px 14px 8px 20px}.d3-title{font-size:16px;font-weight:700;letter-spacing:-.01em;margin-right:auto}.d3-parts{margin:2px 16px 0;align-self:flex-start;max-width:calc(100% - 32px);overflow-x:auto}.d3-parts[hidden]{display:none}.d3-hint{margin:10px 20px 4px;font-size:12.5px;color:var(--ink-2);line-height:1.4}.d3-scroll{flex:1;min-height:0;overflow-y:auto;padding:8px 20px calc(20px + var(--safe-b, 0px))}.d3-add,.d3-edit{display:flex;flex-direction:column;gap:10px}.d3-add[hidden],.d3-edit[hidden]{display:none}.d3-ltabs{align-self:stretch;display:grid;grid-template-columns:repeat(4,1fr)}.d3-ltabs button{padding:7px 4px;font-size:12.5px}.d3-pane{display:flex;flex-direction:column;gap:10px}.d3-pane[hidden]{display:none}.d3-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.d3-logo{position:relative;min-width:0;height:66px;display:grid;place-items:center;padding:8px;overflow:hidden;border-radius:10px;background:#1b1d22;cursor:grab;user-select:none;-webkit-user-select:none;transition:transform .15s var(--spring),box-shadow .2s;touch-action:manipulation}.d3-logo:nth-child(6n+4),.d3-logo:nth-child(6n+5),.d3-logo:nth-child(6n+6){background:#2a2d34}.d3-logo:hover{box-shadow:0 0 0 2px var(--accent)}.d3-logo:active{transform:scale(.95);cursor:grabbing}.d3-logo img{width:100%;height:100%;object-fit:contain;pointer-events:none}.d3-edit-head{display:flex;align-items:center;justify-content:space-between}.d3-edit-head b{font-size:16px}.d3-act{display:inline-flex;align-items:center;gap:6px}body.studio-open .view-controls{left:calc((100% - var(--panel-w)) / 2)}@media (max-width: 760px){.studio3d{top:auto;left:0;width:auto;height:50dvh;border-left:0;border-radius:18px 18px 0 0;box-shadow:0 -10px 40px #12141a24}.d3-head{padding:10px 12px 4px 18px}.d3-hint{display:none}.d3-scroll{padding:6px 14px calc(16px + var(--safe-b, 0px))}.d3-grid{grid-template-columns:repeat(4,minmax(0,1fr))}body.studio-open .view-controls{left:50%}}.section.collapsible.collapsed{display:none}.section.collapsible>.sec-head{display:none}.section.collapsible:not(.collapsed){border-top:0;padding-top:6px}.searching .section.collapsible>.sec-head{display:flex;pointer-events:none}.searching .section.collapsible:not(.collapsed){border-top:1px solid var(--line)}.builds-sub{list-style:none;font-size:11px;font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:var(--ink-3);margin:6px 2px 2px}.build-card.featured .feat-mark{width:72px;height:52px;border-radius:10px;display:grid;place-items:center;background:linear-gradient(135deg,#111214,#3a3d42);color:#f1f1ef;font-size:22px;flex:none}.build-card.featured .meta.fb{margin-top:3px;font-size:11px;line-height:1.35;white-space:normal}.d3-left{position:fixed;top:var(--top-h);left:0;bottom:0;width:300px;z-index:40;display:flex;flex-direction:column;background:var(--surface);border-right:1px solid var(--line);box-shadow:12px 0 40px #12141a14;animation:fold-in .25s var(--ease)}.d3-left[hidden]{display:none}.d3-left-head{padding:14px 18px 6px;display:flex;flex-direction:column;gap:2px}.d3-left-head b{font-size:15px}.d3-left-head span{font-size:12px;color:var(--ink-2)}.d3-left .d3-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.d3-grid.nums .d3-num canvas{width:100%;height:100%;object-fit:contain;pointer-events:none}.d3-numrow{display:grid;grid-template-columns:1fr auto;gap:8px}.d3-numrow .cta{margin:0;padding:0 16px}.d3-h{font-size:11px;font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:var(--ink-3);margin:8px 0 2px}.d3-layers{display:flex;flex-direction:column;gap:6px}.d3-layer{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:10px;background:var(--surface-2);text-align:left;font-size:13px}.d3-layer:hover{box-shadow:inset 0 0 0 1.5px var(--accent)}.d3-layer .k{font-size:11px;color:var(--ink-3);width:54px;flex:none}.d3-layer .n{font-weight:600;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}body.studio-open .view-controls{left:calc(300px + (100% - 300px - var(--panel-w)) / 2)}@media (max-width: 760px){.d3-left{display:none!important}body.studio-open .view-controls{left:50%}}.d3-fonts{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;margin:4px 0 10px}.d3-font{position:relative;aspect-ratio:132 / 76;border:1px solid var(--line, #e3e4e8);border-radius:10px;background:#fff;padding:0;cursor:pointer;overflow:hidden}.d3-font canvas{width:100%;height:100%;display:block;pointer-events:none}.d3-font span{position:absolute;left:4px;top:2px;font-size:9px;font-weight:600;color:#8a8d95}.d3-font.active{border-color:#141416;box-shadow:0 0 0 1.5px #141416 inset}:root{--ink: #111317;--ink-2: #5c616b;--ink-3: #9ba0a8;--line: #e7e9ec;--line-2: #d6d9de;--surface: #ffffff;--surface-2: #f4f5f7;--surface-3: #eceef1;--accent: #111317;--accent-soft: rgba(17, 19, 23, .07);--brand: #c8ff2e;--brand-text: #4a7d00;--brand-ink: #0c0d10;--display: "Barlow Condensed", "Arial Narrow", "Inter", sans-serif;--radius: 16px;--radius-sm: 12px;--shadow: 0 12px 32px -10px rgba(17, 19, 23, .18), 0 2px 6px rgba(17, 19, 23, .05);--glass: rgba(255, 255, 255, .72);--stage-top: #f6f7f9;--stage-bottom: #e1e4e8}body{font-size:14px;letter-spacing:-.003em}button:focus-visible,a:focus-visible,input:focus-visible,[role=button]:focus-visible{outline:2px solid var(--ink);outline-offset:2px;border-radius:10px}.topbar{height:var(--top-h);border-bottom:1px solid var(--line);background:#ffffffdb;backdrop-filter:saturate(1.6) blur(16px);-webkit-backdrop-filter:saturate(1.6) blur(16px)}.wordmark{font-family:var(--display);font-style:italic;font-weight:800;font-size:22px;letter-spacing:.01em;text-transform:uppercase}.brand .mark{width:24px;height:24px}.pill-btn{background:var(--ink);height:36px;padding:0 16px;font-weight:600}.pill-btn:hover{background:#2b2e35}.icon-btn{height:36px;min-width:36px}.icon-btn.labelled{font-weight:500}.count{background:var(--brand);color:var(--brand-ink)}.seg{position:relative;gap:0;padding:3px;background:var(--surface-2);box-shadow:none}.seg button{position:relative;z-index:1;padding:7px 16px;font-weight:500;transition:color .2s}.seg.has-ind button.active{background:transparent;box-shadow:none;color:var(--ink)}.seg .ind{position:absolute;top:0;left:0;z-index:0;border-radius:999px;background:var(--surface);box-shadow:0 1px 3px #1113171f,0 0 0 .5px #1113170f;transition:transform .32s cubic-bezier(.3,1.25,.45,1),width .32s cubic-bezier(.3,1.25,.45,1),opacity .2s;pointer-events:none}.view-controls .seg{background:var(--glass);box-shadow:0 6px 20px -8px #11131733,inset 0 0 0 1px #ffffffb3}.round-btn{box-shadow:0 6px 20px -8px #11131733,inset 0 0 0 1px #ffffffb3}.round-btn[aria-pressed=true]{background:var(--ink)}.spec-strip{gap:0;bottom:22px;padding:10px 6px;border-radius:16px;background:var(--glass);backdrop-filter:blur(16px) saturate(1.5);-webkit-backdrop-filter:blur(16px) saturate(1.5);box-shadow:0 8px 24px -12px #11131738,inset 0 0 0 1px #ffffffb3}.spec{min-width:0;padding:0 22px;background:none;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;border-radius:0}.spec+.spec{border-left:1px solid rgba(17,19,23,.1)}.spec-value{font-size:20px;font-weight:600;letter-spacing:-.02em}.spec-label{font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);margin-top:2px}.panel{border-left:1px solid var(--line)}.panel-scroll{padding:28px 28px 20px}.panel-head{margin-bottom:18px}.panel-head h1{font-family:var(--display);font-style:italic;font-weight:800;font-size:40px;line-height:.92;letter-spacing:0;text-transform:uppercase}.panel-head p{margin-top:6px;color:var(--ink-2);font-size:13.5px}.search{height:40px;border-radius:12px;background:var(--surface-2)}.search:focus-within{box-shadow:inset 0 0 0 1.5px var(--ink);color:var(--ink)}.cat-tabs{top:-28px;gap:2px;margin:4px -28px 0;padding:12px 28px 0;background:var(--surface);border-bottom:1px solid var(--line);position:sticky}.cat-tab{position:relative;z-index:1;border:0;border-radius:0;background:none;padding:10px 10px 13px;font-size:13.5px;font-weight:500;color:var(--ink-3)}.cat-tab:first-of-type{padding-left:0}.cat-tab:hover{color:var(--ink);border:0}.cat-tab.active{background:none;color:var(--ink);border:0}.cat-tab small{display:none}.cat-tabs .ind{position:absolute;top:calc(var(--h) - 2px);left:0;height:2px!important;background:var(--ink);border-radius:2px;transition:transform .32s cubic-bezier(.3,1.2,.45,1),width .32s cubic-bezier(.3,1.2,.45,1);pointer-events:none}.jump{display:block;margin-top:18px;padding:0;border-radius:var(--radius);background:var(--surface);box-shadow:inset 0 0 0 1px var(--line);overflow:hidden}.jump-tile{width:100%;min-height:0;display:grid;grid-template-columns:minmax(0,auto) minmax(0,1fr) 16px;align-items:center;gap:14px;padding:15px 16px;border-radius:0;background:none;box-shadow:none;text-align:left}.jump-tile+.jump-tile{border-top:1px solid var(--line)}.jump-tile:hover{background:var(--surface-2)}.jump-tile:active{transform:none;background:var(--surface-3)}.jt-title{font-size:14.5px;font-weight:500;white-space:nowrap}.jt-val{font-size:13px;text-align:right;color:var(--ink-3);-webkit-line-clamp:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.jt-chev{color:var(--ink-3)}.jump-tile.changed .jt-val{color:var(--ink);font-weight:500}.jump-tile.changed:after{top:50%;right:auto;left:6px;width:5px;height:5px;margin-top:-2.5px;background:var(--brand)}.jump-tile.open{box-shadow:none;background:var(--surface-2)}.jump-tile.has-dot .jt-val:before{width:10px;height:10px;margin-right:7px}.sec-drill{display:none}.drilled>.jump,.drilled>.cat-tabs{display:none!important}.drilled .section.collapsible:not(.collapsed){animation:drill .28s cubic-bezier(.2,.8,.2,1) both;padding-top:0}.drilled .section.collapsible:not(.collapsed)>.sec-drill{display:flex;align-items:center;gap:6px;margin:0 0 16px -8px;position:sticky;top:-28px;z-index:3;background:var(--surface);padding:6px 0 10px}.sec-drill h2{font-family:var(--display);font-style:italic;font-weight:800;font-size:28px;line-height:1;text-transform:uppercase;margin:0}.sec-back{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;color:var(--ink);flex:none}.sec-back:hover{background:var(--surface-2)}@keyframes drill{0%{opacity:0;transform:translate(14px)}to{opacity:1;transform:none}}.options{gap:0;border-radius:var(--radius);box-shadow:inset 0 0 0 1px var(--line);overflow:hidden}.option{border:0;border-radius:0;padding:15px 50px 15px 16px;background:var(--surface);box-shadow:none}.option+.option,.option-group+.option{border-top:1px solid var(--line)}.option:hover{box-shadow:none;background:var(--surface-2)}.option:active{transform:none}.option.active{box-shadow:none;background:var(--surface)}.option:after{top:50%;margin-top:-10px;right:16px;box-shadow:inset 0 0 0 1.5px var(--line-2)}.option.active:after{background:none;box-shadow:inset 0 0 0 6px var(--ink);transform:none}.option-name{font-weight:500;font-size:14.5px}.option.active .option-name{font-weight:600}.option-group{margin:0;padding:18px 16px 8px;background:var(--surface-2);border-top:1px solid var(--line);font-size:10.5px;color:var(--ink-3)}.options>.option-group:first-child{border-top:0}.option.active .option-blurb{margin-top:4px}.badge{background:var(--surface-2);color:var(--ink-2);border-radius:999px;padding:2px 8px;font-size:9.5px;letter-spacing:.06em}.variant{border-radius:999px;padding:7px 13px}.variant.active{background:var(--ink);border-color:var(--ink)}.color-toggle{background:var(--surface-2)}.swatches{grid-template-columns:repeat(auto-fill,minmax(40px,1fr));gap:14px 10px}.swatch{width:40px;height:40px;box-shadow:inset 0 0 0 1px #0000001a,inset 0 -8px 12px #00000024,inset 0 6px 10px #ffffff38}.swatch:hover{transform:none}.swatch.active:after,.opt-swatch.active:after,.st-dot.active:after{border-color:var(--ink);border-width:2px;top:-5px;right:-5px;bottom:-5px;left:-5px}.shade.active{box-shadow:0 0 0 2px var(--surface),0 0 0 4px var(--ink)}.shades-toggle{color:var(--ink)}.finishes{border-radius:999px;padding:3px}.finish,.chip{border-radius:999px}.chip.active{background:var(--ink);color:#fff;border-color:var(--ink);box-shadow:none}.targets{gap:6px}.panel-foot{padding:14px 24px calc(16px + var(--safe-b));border-top:1px solid var(--line)}.summary-count{font-size:14px}.cta{height:48px;border-radius:999px;background:var(--ink);color:#fff;font-weight:600;box-shadow:none;letter-spacing:-.005em}.cta:hover{filter:none;background:#2b2e35}.chg{background:var(--surface-2);border-radius:12px}.builds{width:340px;padding:22px 20px;gap:14px;box-shadow:18px 0 50px -24px #1113174d;border-right:1px solid var(--line)}.stage.with-builds #viewport{left:340px;width:calc(100% - 340px)}.stage.with-builds .view-controls,.stage.with-builds .spec-strip{left:calc(50% + 170px)}.builds-head h2{font-family:var(--display);font-style:italic;font-weight:800;font-size:28px;text-transform:uppercase;line-height:1}.builds-save input{border-radius:999px;padding:0 16px}.builds-save input:focus{box-shadow:inset 0 0 0 1.5px var(--ink)}.builds-save .cta{border-radius:999px}.build-card{background:var(--surface);box-shadow:inset 0 0 0 1px var(--line);border-radius:14px}.build-card:hover{background:var(--surface-2)}.build-card.current{box-shadow:inset 0 0 0 1.5px var(--ink);background:var(--surface)}.builds-sub{margin-top:10px}.toast{border-radius:999px;padding:10px 18px}.studio3d,.d3-left{box-shadow:none}.d3-title,.d3-left-head b{font-family:var(--display);font-style:italic;font-weight:800;font-size:24px;text-transform:uppercase;letter-spacing:.01em}.d3-logo,.st-logo{border-radius:12px}.d3-logo:hover,.st-logo:hover{box-shadow:0 0 0 2px var(--ink)}.d3-layer{border-radius:12px}.d3-layer:hover{box-shadow:inset 0 0 0 1.5px var(--ink)}.st-search:focus{box-shadow:inset 0 0 0 1.5px var(--ink)}.st-upload:hover{border-color:var(--ink);color:var(--ink)}@media (max-width: 760px){.wordmark{display:none}.panel-scroll{padding:0 18px 16px}.panel-head h1{font-size:30px}.cat-tabs{top:0;margin:2px -18px 0;padding:6px 18px 0}.drilled .section.collapsible:not(.collapsed)>.sec-drill{top:0}.sec-drill h2{font-size:24px}.spec-strip{bottom:30px;padding:7px 2px;border-radius:14px}.spec{padding:0 14px}.spec-value{font-size:16px}.spec-label{font-size:9px}.panel-foot{padding:10px 16px calc(10px + var(--safe-b))}.cta{height:46px}.builds{width:100%}.stage.with-builds #viewport{left:0;width:100%}.stage.with-builds .view-controls,.stage.with-builds .spec-strip{left:50%}}:root[data-theme=dark]{--glass: rgba(24,25,28,.66)}.panel-scroll:has(.drilled) .search{display:none}@media (max-width: 760px){.pill-btn{width:36px;height:36px;padding:0}.panel-head h1{font-size:26px;white-space:nowrap}.panel-head p{font-size:12.5px}}.finishes{display:flex;flex-wrap:wrap;gap:6px;background:none;padding:0;border-radius:0;margin-top:16px}.finish{padding:8px 14px;border-radius:999px;box-shadow:inset 0 0 0 1px var(--line);background:var(--surface)}.finish:hover{box-shadow:inset 0 0 0 1px var(--line-2)}.finish.active{background:var(--ink);color:#fff;box-shadow:none}@media (max-width: 760px){#redo-btn{display:none}.topbar{padding:0 12px 0 14px}}.vote-tab{position:relative;z-index:1;display:inline-flex;align-items:center;gap:6px;padding:7px 14px;margin-left:4px;border-radius:999px;font-size:13px;font-weight:600;color:var(--brand-text);white-space:nowrap}.vote-tab:before{content:"";position:absolute;left:-3px;top:22%;bottom:22%;width:1px;background:var(--line-2)}.vote-tab:hover{color:#d94a0c}.vote{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:grid;place-items:center;padding:20px}.vote[hidden]{display:none}.vote-scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:#11131752;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);animation:fade .2s ease both}.vote-card{position:relative;width:min(520px,100%);max-height:min(760px,calc(100dvh - 40px));display:flex;flex-direction:column;background:var(--surface);border-radius:24px;box-shadow:0 40px 80px -30px #11131773;overflow:hidden;animation:rise .32s cubic-bezier(.2,.9,.3,1) both}.vote-head{display:flex;align-items:flex-start;gap:12px;padding:24px 20px 16px 24px;border-bottom:1px solid var(--line)}.vote-head h2{font-family:var(--display);font-style:italic;font-weight:800;font-size:30px;line-height:.95;text-transform:uppercase}.vote-head p{margin-top:6px;color:var(--ink-2);font-size:13.5px}.vote-x{margin-left:auto;flex:none}.vote-list{list-style:none;overflow-y:auto;padding:8px 12px}.vote-row{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:12px;padding:12px;border-radius:14px;isolation:isolate}.vote-row+.vote-row{margin-top:2px}.vote-row:hover{background:var(--surface-2)}.vote-bar{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;border-radius:14px;background:linear-gradient(90deg,rgba(200,255,46,.35) var(--p),transparent var(--p));transition:background .6s}.vote-name b{display:block;font-size:15px;font-weight:600}.vote-name span{display:block;font-size:12.5px;color:var(--ink-3)}.vote-pct{font-variant-numeric:tabular-nums;font-weight:600;font-size:13px;color:var(--ink-2)}.vote-btn{display:inline-flex;align-items:center;gap:5px;height:34px;padding:0 16px;border-radius:999px;background:var(--ink);color:#fff;font-weight:600;font-size:13px;transition:transform .18s var(--spring),background .2s}.vote-btn:hover:not(:disabled){background:#2b2e35}.vote-btn:active:not(:disabled){transform:scale(.94)}.vote-btn:disabled{background:transparent;color:var(--brand-text);padding:0 6px}.vote-foot{padding:12px 24px calc(16px + var(--safe-b));border-top:1px solid var(--line);font-size:12.5px;color:var(--ink-3)}@keyframes fade{0%{opacity:0}}@media (max-width: 760px){.vote-tab{padding:6px 8px;margin-left:2px;font-size:12px}.vote-tab span{display:none}.vote{padding:0;place-items:end stretch}.vote-card{width:100%;max-height:86dvh;border-radius:24px 24px 0 0;animation-name:sheet-up}.vote-head h2{font-size:26px}}@keyframes sheet-up{0%{transform:translateY(40px);opacity:0}}@media (max-width: 760px){.topbar{gap:6px;padding:0 10px 0 12px}.bike-tabs button{padding:6px 10px;font-size:12px}.vote-tab{padding:6px 8px 6px 6px;margin-left:0}.top-actions .icon-btn{min-width:32px}}@media (max-width: 380px){.brand{display:none}}.wordmark{font:800 23px/1 Outfit,Inter,sans-serif!important;font-style:normal!important;text-transform:none!important;letter-spacing:-.035em!important}.wordmark .c{box-shadow:inset 0 -.26em 0 var(--brand);font-weight:inherit}.brand .mark{display:block}