:root{--bg:#0b0b0c;--panel:#1010129e;--panel-solid:#141416;--line:#ffffff17;--line-strong:#ffffff38;--text:#f1efea;--muted:#f1efea8f;--accent:#e9d7b6;--focus:#ffd9a0;--radius:14px;--display:"Michroma", "Segoe UI", sans-serif;--body:"Manrope", system-ui, -apple-system, "Segoe UI", sans-serif}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--text);font-family:var(--body);-webkit-font-smoothing:antialiased;margin:0;overflow:hidden}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}button:focus-visible,input:focus-visible{outline:2px solid var(--focus);outline-offset:2px}#view{touch-action:none;cursor:grab;width:100%;height:100%;display:block;position:fixed;inset:0}#view:active{cursor:grabbing}#loader{z-index:50;background:radial-gradient(at 50% 60%,#1a1a1c,#050505 70%);place-items:center;transition:opacity 1.4s,visibility 1.4s;display:grid;position:fixed;inset:0}#loader.done{opacity:0;visibility:hidden}.loader-inner{text-align:center;width:min(360px,80vw)}.wordmark{font-family:var(--display);letter-spacing:.42em;padding-left:.42em;font-size:15px}#loader .wordmark{font-size:22px}.loader-model{color:var(--muted);letter-spacing:.18em;text-transform:uppercase;margin-top:10px;font-size:12px}.loader-bar{background:#ffffff1f;height:1px;margin:34px auto 14px;overflow:hidden}.loader-bar i{transform-origin:0;background:linear-gradient(90deg,#0000,#fff);height:100%;transition:transform .3s;display:block;transform:scaleX(0)}.loader-note{color:var(--muted);letter-spacing:.06em;font-size:12px}#ui{pointer-events:none;z-index:5;opacity:0;transition:opacity 1.2s .6s;position:fixed;inset:0}body.ready #ui{opacity:1}#ui>*{pointer-events:auto}body.clean #ui{transition:opacity .4s;opacity:0!important}body.clean #ui>*{pointer-events:none}#btn-unhide{z-index:6;color:#fff9;opacity:0;pointer-events:none;background:#00000059;border-radius:99px;padding:8px 14px;font-size:12px;transition:opacity .3s;position:fixed;bottom:18px;left:50%;transform:translate(-50%)}body.clean #btn-unhide{pointer-events:auto}body.clean:hover #btn-unhide{opacity:1}.brand{pointer-events:none;text-shadow:0 1px 14px #0000008c;position:absolute;top:28px;left:34px}#ui:before{content:"";pointer-events:none;background:radial-gradient(at 0 0,#0000006b,#0000 70%);width:520px;height:220px;position:absolute;top:0;left:0}.brand .model{letter-spacing:.01em;margin-top:8px;font-size:30px;font-weight:300}.brand .model span{color:var(--muted)}.top-right{align-items:center;gap:8px;display:flex;position:absolute;top:24px;right:410px}.icon-btn,.pill{background:var(--panel);-webkit-backdrop-filter:blur(18px)saturate(1.3);border:1px solid var(--line);border-radius:99px;height:38px}.icon-btn{place-items:center;width:38px;display:grid}.icon-btn svg{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linejoin:round;width:18px;height:18px}.icon-btn:hover,.pill:hover{border-color:var(--line-strong)}.pill{letter-spacing:.02em;color:var(--muted);white-space:nowrap;align-items:center;gap:9px;padding:0 15px 0 13px;font-size:12px;display:flex}.pill .dot{background:#777;border-radius:50%;width:7px;height:7px;transition:background .3s;box-shadow:0 0 #0000}.pill[data-state=tracing]{color:var(--text)}.pill[data-state=tracing] .dot{background:#8fe3a7;box-shadow:0 0 10px #8fe3a7}.pill[data-state=waiting] .dot,.pill[data-state=building] .dot{background:var(--focus);animation:1s ease-in-out infinite pulse}.pill[data-state=off] .dot{background:0 0;border:1px solid #777}@keyframes pulse{50%{opacity:.3}}#panel{background:var(--panel);-webkit-backdrop-filter:blur(26px)saturate(1.4);border:1px solid var(--line);border-radius:20px;flex-direction:column;width:378px;display:flex;position:absolute;top:16px;bottom:16px;right:16px;overflow:hidden;box-shadow:0 30px 80px #00000059}.tabs{border-bottom:1px solid var(--line);gap:2px;padding:10px 10px 0;display:flex}.tabs button{color:var(--muted);border-bottom:1px solid #0000;flex:1;margin-bottom:-1px;padding:12px 0 13px;font-size:13px;transition:color .2s,border-color .2s}.tabs button:hover{color:var(--text)}.tabs button.on{color:var(--text);border-bottom-color:var(--accent)}.tab-body{scrollbar-width:thin;scrollbar-color:#ffffff26 transparent;flex:1;padding:6px 22px 22px;overflow-y:auto}.opt{border-bottom:1px solid var(--line);padding:18px 0 16px}.opt:last-child{border-bottom:0}.opt-head{justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:14px;display:flex}.opt h3{letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin:0;font-size:11px;font-weight:600}.opt-value{color:var(--text);text-align:right;font-size:12.5px}.group+.group{margin-top:14px}.group-name{color:var(--muted);margin-bottom:8px;font-size:11.5px}.swatches{flex-wrap:wrap;gap:10px;display:flex}.swatch{border:1px solid #0000;border-radius:50%;width:44px;height:44px;padding:3px;transition:border-color .2s,transform .2s}.swatch i{border-radius:50%;width:100%;height:100%;display:block;box-shadow:inset 0 0 0 1px #ffffff1f,0 4px 10px #00000059}.swatch:hover{transform:translateY(-1px)}.swatch.on{border-color:var(--accent)}.cards{grid-template-columns:1fr 1fr;gap:10px;display:grid}.card{border:1px solid var(--line);background:#ffffff06;border-radius:12px;flex-direction:column;align-items:center;gap:6px;padding:14px 8px 12px;transition:border-color .2s,background .2s;display:flex}.card:hover{border-color:var(--line-strong)}.card.on{border-color:var(--accent);background:#e9d7b60f}.card svg{width:74px;height:74px}.card svg .tyre{fill:#0d0d0e}.card svg .lip{fill:#b9bcc0}.card svg .face{fill:#9a9da2}.card svg .hole{fill:#18181a}.card svg .cap{fill:#2a2a2c}.card span{font-size:12.5px}.card small{color:var(--muted);font-size:11px}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{border:1px solid var(--line);background:#ffffff05;border-radius:99px;padding:9px 14px;font-size:12.5px;transition:border-color .2s,background .2s}.chip:hover{border-color:var(--line-strong)}.chip.on{border-color:var(--accent);background:#e9d7b614}.chip.busy{animation:1s ease-in-out infinite pulse}.toggle{cursor:pointer;justify-content:space-between;align-items:center;padding:8px 0;font-size:13px;display:flex;position:relative}.toggle input{opacity:0;pointer-events:none;position:absolute}.toggle i{background:#ffffff24;border-radius:99px;flex:none;width:36px;height:20px;transition:background .2s;position:relative}.toggle i:after{content:"";background:#ddd;border-radius:50%;width:16px;height:16px;transition:transform .2s;position:absolute;top:2px;left:2px}.toggle input:checked+i{background:var(--accent)}.toggle input:checked+i:after{background:#1a1a1a;transform:translate(16px)}.toggle input:focus-visible+i{outline:2px solid var(--focus);outline-offset:2px}.slider{appearance:none;background:#fff3;border-radius:2px;width:100%;height:2px;margin:12px 0 6px}.slider::-webkit-slider-thumb{-webkit-appearance:none;background:var(--text);cursor:pointer;border-radius:50%;width:16px;height:16px;box-shadow:0 2px 8px #0006}.slider::-moz-range-thumb{background:var(--text);cursor:pointer;border:0;border-radius:50%;width:16px;height:16px}.text{border:1px solid var(--line-strong);width:100%;color:var(--text);font-family:var(--display);letter-spacing:.12em;text-transform:uppercase;background:#00000040;border-radius:10px;padding:11px 14px;font-size:14px}.wide{border:1px solid var(--line-strong);border-radius:12px;width:100%;margin-top:18px;padding:12px;font-size:13px}.wide:hover{background:#ffffff0d}.hint{color:var(--muted);margin:16px 0 0;font-size:12px;line-height:1.5}.summary{border-top:1px solid var(--line);background:#0000002e;justify-content:space-between;align-items:center;gap:12px;padding:16px 22px 18px;display:flex}.price-label{color:var(--muted);letter-spacing:.12em;text-transform:uppercase;font-size:11px}.price{font-variant-numeric:tabular-nums;margin-top:3px;font-size:22px;font-weight:500}.primary{background:var(--text);color:#111;white-space:nowrap;border-radius:99px;padding:12px 18px;font-size:13px;font-weight:600}.primary:hover{background:#fff}#views{background:var(--panel);-webkit-backdrop-filter:blur(18px);border:1px solid var(--line);scrollbar-width:none;border-radius:99px;gap:4px;max-width:calc(100vw - 440px);padding:5px;display:flex;position:absolute;bottom:22px;left:50%;overflow-x:auto;transform:translate(calc(-50% - 197px))}#views button{color:var(--muted);white-space:nowrap;border-radius:99px;padding:9px 14px;font-size:12.5px;transition:background .2s,color .2s}#views button:hover{color:var(--text)}#views button.on{color:var(--text);background:#ffffff1f}#focus-ring{border:1px solid var(--focus);pointer-events:none;opacity:0;border-radius:4px;width:54px;height:54px;margin:-27px 0 0 -27px;position:fixed}#focus-ring:before,#focus-ring:after{content:"";background:var(--focus);position:absolute;top:50%;left:50%}#focus-ring:before{width:8px;height:1px;margin-left:-4px}#focus-ring:after{width:1px;height:8px;margin-top:-4px}#focus-ring.show{animation:.9s ease-out focus}@keyframes focus{0%{opacity:0;transform:scale(1.5)}20%{opacity:1;transform:scale(1)}70%{opacity:1}to{opacity:0}}#toast{border:1px solid var(--line);opacity:0;pointer-events:none;background:#141416d9;border-radius:99px;padding:10px 16px;font-size:13px;transition:opacity .25s,transform .25s;position:absolute;top:26px;left:50%;transform:translate(calc(-50% - 197px),-10px)}#toast.show{opacity:1;transform:translate(calc(-50% - 197px))}.credit{color:#ffffff52;pointer-events:none;max-width:260px;font-size:10.5px;line-height:1.5;position:absolute;bottom:16px;left:34px}@media (max-width:820px){.brand{top:16px;left:16px}.brand .wordmark{font-size:12px}.brand .model{margin-top:4px;font-size:20px}.top-right{top:14px;right:16px}.pill .rt-text{display:none}.pill{padding:0 12px}#panel{border-radius:20px 20px 0 0;width:auto;height:46vh;inset:auto 0 0}.tabs button{font-size:12px}.tab-body{padding:4px 16px 16px}#views{max-width:none;bottom:calc(46vh + 10px);left:16px;right:16px;transform:none}#toast{transform:translate(-50%,-10px)}#toast.show{transform:translate(-50%)}.credit{display:none}.swatch{width:42px;height:42px}}