.slot-thumb:after{content:"";position:absolute;inset:0;background:url(/assets/Logov3-250p-BLqXD-PJ.png) center / contain no-repeat;opacity:.3}body{overscroll-behavior-y:none}.mobile-ui-container{--control-spacing: 3px;--control-padding: 6px;--label-font-size: 10px;--label-min-width: 80px;--toggle-width: 32px;--toggle-height: 18px;--thumb-size: 14px;--value-min-width: 40px;--value-font-size: 10px;--color-height: 24px;--color-dropdown-height: 220px;--custom-toggle-height: 24px;--custom-label-size: 9px;--custom-switch-width: 24px;--custom-switch-height: 14px;--segment-gap: 3px}.mobile-ui-container{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1000;font-family:var(--ui-font-family);overscroll-behavior:none}.mobile-ui-backdrop{position:absolute;top:0;left:0;width:100%;height:100%;background:transparent;opacity:0;transition:opacity .3s ease;pointer-events:none}.mobile-ui-backdrop.active{opacity:1;pointer-events:none}.mobile-ui-panel{position:absolute;bottom:0;left:0;width:100%;background:#0f0f0f66;backdrop-filter:blur(2.5px);-webkit-backdrop-filter:blur(20px);border-top:1px solid rgba(255,255,255,.1);pointer-events:all;display:flex;flex-direction:column;box-shadow:0 -8px 32px #0000;transition:none;overscroll-behavior:contain;touch-action:none}.mobile-ui-expandable{display:flex;flex-direction:column;height:0;overflow:hidden;transition:height .3s cubic-bezier(.25,.1,.25,1);overscroll-behavior:contain}.mobile-ui-expandable.expanded{height:35vh}.mobile-ui-tabs{display:flex;overflow-x:auto;padding:12px 16px;gap:8px;scrollbar-width:none;-ms-overflow-style:none;background:#00000080;flex-shrink:0;order:1;touch-action:pan-x;overscroll-behavior-x:contain}.mobile-ui-tabs::-webkit-scrollbar{display:none}.mobile-ui-tab{background:transparent;color:#fff9;border:none;padding:12px 20px;border-radius:6px;font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;cursor:pointer;transition:all .3s ease;min-width:auto;position:relative;touch-action:manipulation}.mobile-ui-tab.active{background:#ffffff1a;color:#fff;box-shadow:0 2px 8px #ffffff1a}.mobile-ui-content{flex:1;overflow-y:auto;padding:12px 12px 16px;min-height:0;-webkit-overflow-scrolling:touch;user-select:none;-webkit-user-select:none;overscroll-behavior-y:contain;touch-action:pan-y}.bike-ui-input,.bike-ui-range-value{user-select:text;-webkit-user-select:text}.mobile-ui-group{display:none}.mobile-ui-group.active{display:block}.bike-ui-control{margin-bottom:var(--control-spacing);padding:var(--control-padding) 0;border-bottom:1px solid rgba(255,255,255,.03)}.bike-ui-input{padding:4px 8px;font-size:11px;height:24px}.bike-ui-slider{padding:10px 0;margin:-10px 0}.bike-ui-range{touch-action:none}.bike-ui-range::-webkit-slider-thumb{border:2px solid rgba(255,255,255,.9)}.bike-ui-range::-webkit-slider-thumb:active{transform:scale(1.15);box-shadow:0 4px 12px #00000080}.bike-ui-range::-moz-range-thumb{border:2px solid rgba(255,255,255,.9)}.bike-ui-toggle-handle,.bike-ui-custom-handle{transition:all .3s cubic-bezier(.25,.1,.25,1)}.garage-slots-container{padding:0 10px}:root{--ui-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--ui-bg-primary: rgba(15, 15, 15, 1);--ui-bg-secondary: rgba(20, 20, 20, .85);--ui-bg-control: rgba(255, 255, 255, .05);--ui-border-color: rgba(255, 255, 255, .1);--ui-border-subtle: rgba(255, 255, 255, .05);--ui-text-primary: #ffffff;--ui-text-secondary: rgba(255, 255, 255, .8);--ui-text-muted: rgba(255, 255, 255, .6);--ui-accent-color: rgba(255, 255, 255, .1);--ui-transition-fast: .2s ease;--ui-transition-normal: .3s ease;--ui-border-radius: 4px;--ui-border-radius-lg: 8px}.bike-ui-container{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1000;font-family:var(--ui-font-family)}.bike-ui-tab{background:transparent;color:var(--ui-text-muted);border:none;padding:12px 16px;border-radius:var(--ui-border-radius-lg);font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;transition:all var(--ui-transition-normal);text-align:left;white-space:nowrap}.bike-ui-tab:hover{background:#ffffff0d;color:#fffc}.bike-ui-tab.active{background:var(--ui-accent-color);color:var(--ui-text-primary)}.bike-ui-group{display:none}.bike-ui-group.active{display:block}.bike-ui-control{margin-bottom:var(--control-spacing, 16px);padding:var(--control-padding, 8px) 0;border-bottom:1px solid var(--ui-border-subtle);display:flex;align-items:center;gap:8px;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}.bike-ui-control:last-child{border-bottom:none;margin-bottom:0}.bike-ui-label{color:var(--ui-text-secondary);font-size:var(--label-font-size, 11px);font-weight:500;margin:0;min-width:var(--label-min-width, 80px);flex-shrink:0;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.bike-ui-input{flex:1;background:var(--ui-bg-control);border:1px solid var(--ui-border-color);border-radius:var(--ui-border-radius);padding:8px;color:var(--ui-text-primary);font-size:12px;box-sizing:border-box;transition:all var(--ui-transition-fast)}.bike-ui-input:focus{outline:none;border-color:#ffffff4d;background:#ffffff14;box-shadow:0 0 0 2px #ffffff1a}.bike-ui-slider{flex:1;display:flex;align-items:center;gap:12px}.bike-ui-range{flex:1;height:4px;background:#ffffff1a;border-radius:2px;outline:none;-webkit-appearance:none;appearance:none;cursor:pointer}.bike-ui-range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:var(--thumb-size, 16px);height:var(--thumb-size, 16px);border-radius:50%;background:var(--ui-text-primary);cursor:pointer;box-shadow:0 2px 6px #0006;transition:transform var(--ui-transition-fast)}.bike-ui-range::-webkit-slider-thumb:active{transform:scale(1.15)}.bike-ui-range::-moz-range-thumb{width:var(--thumb-size, 16px);height:var(--thumb-size, 16px);border-radius:50%;background:var(--ui-text-primary);cursor:pointer;border:none;box-shadow:0 2px 6px #0006}.bike-ui-range-value{color:#ffffffe6;font-weight:600;min-width:var(--value-min-width, 48px);text-align:right;font-size:var(--value-font-size, 11px);flex-shrink:0}.bike-ui-toggle{flex:1;display:flex;align-items:center;justify-content:flex-end}.bike-ui-toggle-switch{width:var(--toggle-width, 36px);height:var(--toggle-height, 20px);background:#ffffff1a;border-radius:calc(var(--toggle-height, 20px) / 2);position:relative;cursor:pointer;transition:all var(--ui-transition-normal);border:1px solid var(--ui-border-color)}.bike-ui-toggle-switch.active{background:#fff3;border-color:#ffffff4d}.bike-ui-toggle-handle{width:calc(var(--toggle-height, 20px) - 4px);height:calc(var(--toggle-height, 20px) - 4px);background:var(--ui-text-primary);border-radius:50%;position:absolute;top:1px;left:1px;transition:all var(--ui-transition-normal);box-shadow:0 1px 4px #0000004d}.bike-ui-toggle-switch.active .bike-ui-toggle-handle{transform:translate(calc(var(--toggle-width, 36px) - var(--toggle-height, 20px)))}.bike-ui-color{flex:1;height:var(--color-height, 32px);border:none!important;border-radius:var(--ui-border-radius);cursor:pointer;-webkit-appearance:none;appearance:none;outline:none!important;box-shadow:none!important;padding:0}.bike-ui-color::-webkit-color-swatch-wrapper{padding:0;border:none!important;border-radius:var(--ui-border-radius)}.bike-ui-color::-webkit-color-swatch{border:none!important;border-radius:var(--ui-border-radius)}.bike-ui-color::-moz-color-swatch{border:none!important;border-radius:var(--ui-border-radius)}.bike-ui-color-container{flex:1}.bike-ui-color-display{width:100%;height:var(--color-height, 32px);border-radius:var(--ui-border-radius);cursor:pointer;transition:filter .15s ease}.bike-ui-color-display:hover{filter:brightness(1.1)}.bike-ui-color-dropdown{max-height:0;overflow:hidden;transition:max-height .25s ease;width:100%}.bike-ui-color-dropdown.open{max-height:var(--color-dropdown-height, 200px);padding-top:8px}.bike-ui-color-picker{width:100%}.bike-ui-color-sv-box,.bike-ui-color-hue-slider{width:100%;display:block;cursor:crosshair}.bike-ui-split-color-row{display:flex;flex:1;height:var(--color-height, 32px);gap:var(--segment-gap, 3px)}.bike-ui-split-color-segment{flex:1;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:filter .15s ease,box-shadow .15s ease;border-radius:var(--ui-border-radius);position:relative}.bike-ui-split-color-segment:hover{filter:brightness(1.1)}.bike-ui-split-color-segment.active{box-shadow:inset 0 0 0 1px #ffffff80}.bike-ui-multi-toggle{display:flex;flex:1;height:var(--color-height, 32px);gap:var(--segment-gap, 3px)}.bike-ui-multi-button{flex:1;display:flex;align-items:center;justify-content:center;background:transparent;color:#ffffff80;border:1px solid rgba(255,255,255,.15);border-radius:var(--ui-border-radius);font-size:11px;font-weight:500;cursor:pointer;transition:all .15s ease}.bike-ui-multi-button:hover{border-color:#ffffff4d;color:#ffffffb3}.bike-ui-multi-button.active{background:#fff3;border:1px solid rgba(255,255,255,.3);color:var(--ui-text-primary)}.bike-ui-custom-toggle{flex:1;display:flex;align-items:center;gap:6px;background:var(--ui-bg-control);border:1px solid var(--ui-border-color);border-radius:var(--ui-border-radius);padding:4px 8px;transition:all var(--ui-transition-fast);height:var(--custom-toggle-height, 24px);box-sizing:border-box}.bike-ui-custom-label{color:#ffffffb3;font-size:var(--custom-label-size, 10px);font-weight:500;transition:all var(--ui-transition-normal);cursor:pointer}.bike-ui-custom-switch{width:var(--custom-switch-width, 28px);height:var(--custom-switch-height, 16px);background:#ffffff1a;border-radius:calc(var(--custom-switch-height, 16px) / 2);position:relative;cursor:pointer;transition:all var(--ui-transition-normal);border:1px solid var(--ui-border-color);flex-shrink:0}.bike-ui-custom-switch.active{background:#fff3;border-color:#ffffff4d}.bike-ui-custom-handle{width:calc(var(--custom-switch-height, 16px) - 4px);height:calc(var(--custom-switch-height, 16px) - 4px);background:var(--ui-text-primary);border-radius:50%;position:absolute;top:1px;left:1px;transition:all var(--ui-transition-normal);box-shadow:0 1px 2px #0000004d}.bike-ui-custom-switch.active .bike-ui-custom-handle{transform:translate(calc(var(--custom-switch-width, 28px) - var(--custom-switch-height, 16px)))}.garage-slot-button{display:block;width:100%;padding:15px;margin:10px 0;border:none;border-radius:var(--ui-border-radius-lg);font-size:14px;font-weight:700;cursor:pointer;transition:all var(--ui-transition-fast)}.garage-slot-button:hover{transform:translateY(-1px);box-shadow:0 2px 8px #0000004d}.garage-slot-button:active{transform:translateY(0)}.garage-share-button{width:100%;margin:10px 0;padding:12px;background:linear-gradient(135deg,#228b224d,#228b2280);border:1px solid rgba(34,139,34,.6);border-radius:var(--ui-border-radius-lg);color:#90ee90;font-family:var(--ui-font-family);font-size:14px;font-weight:700;cursor:pointer;transition:all var(--ui-transition-fast);box-shadow:0 2px 4px #0003}.garage-share-button:hover{background:linear-gradient(135deg,#228b2280,#228b22b3);transform:translateY(-1px)}.garage-slot-card{display:flex;flex-direction:column;padding:12px;margin:8px 0;border-radius:var(--ui-border-radius-lg);cursor:pointer;background:transparent;border:1px solid rgba(255,255,255,.08);min-height:32px;max-height:60px;overflow:hidden;transition:max-height .25s ease,background .2s ease,border-color .2s ease;position:relative}.garage-slot-card:hover{border-color:#ffffff26}.garage-slot-card.empty{border:1px dashed rgba(255,255,255,.15)}.garage-slot-card.active{background:#ffffff14;border:1px solid rgba(255,255,255,.3)}.slot-main{display:flex;align-items:center;gap:12px}.slot-plus{font-size:20px;color:#ffffff4d}.slot-empty-text{font-size:12px;color:#fff6}.slot-thumb{width:32px;height:32px;border-radius:var(--ui-border-radius);background:#ffffff0d;border:1px solid rgba(255,255,255,.1);position:relative;overflow:hidden}.slot-thumb:after{content:"";position:absolute;inset:0;background:url(/assets/Logov3-250p-BLqXD-PJ.png) center / contain no-repeat;opacity:.3}.garage-slot-card.active .slot-thumb:after{opacity:.6}.slot-info{display:flex;flex-direction:column;gap:2px}.slot-name{font-size:13px;font-weight:600;color:#ffffffe6}.slot-preset{font-size:10px;color:#fff6}.slot-actions{display:none;gap:8px;margin-top:8px;padding-top:8px;border-top:1px solid rgba(255,255,255,.08)}.slot-actions.open{display:flex}.slot-action{flex:1;display:flex;align-items:center;justify-content:center;height:var(--color-height, 32px);border:none;border-radius:var(--ui-border-radius);background:#ffffff0d;color:#fff9;font-size:14px;cursor:pointer;transition:all .1s ease}.slot-action:hover{background:#ffffff1a;color:#fffc}.slot-picker-header{margin-bottom:8px;padding-bottom:6px;border-bottom:1px solid rgba(255,255,255,.08)}.slot-picker-title{font-size:10px;color:#fff6}.slot-picker-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.slot-preset-card{padding:8px 4px;border:1px solid rgba(255,255,255,.1);border-radius:var(--ui-border-radius);background:#ffffff08;color:#ffffffe6;font-size:11px;font-weight:500;cursor:pointer;transition:all .15s ease}.slot-preset-card:hover{background:#ffffff14;border-color:#fff3}.garage-slot-card.state-expanded,.garage-slot-card.state-confirm,.garage-slot-card.state-feedback,.garage-slot-card.state-import-input,.garage-slot-card.state-preset-picker{background:#ffffff14;border:1px solid rgba(255,255,255,.3);max-height:300px}.slot-specs{display:flex;flex-wrap:wrap;gap:8px 21px;margin:8px 0;padding:8px 0;border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08);min-height:60px}.slot-spec{display:flex;flex-direction:column;gap:1px;min-width:50px}.slot-spec-label{font-size:8px;color:#fff6;text-transform:uppercase;letter-spacing:.3px}.slot-spec-value{font-size:11px;color:#ffffffe6;font-weight:500}.slot-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:#1a1a1a;border-radius:var(--ui-border-radius-lg);z-index:10}.slot-overlay-content{display:flex;flex-direction:column;align-items:stretch;justify-content:center;gap:12px;padding:12px;min-width:160px}.slot-overlay-content .slot-dialog-message{text-align:center}.slot-dialog-message{font-size:12px;color:#ffffff80}.slot-dialog-buttons{display:flex;gap:8px;width:100%}.slot-dialog-buttons .slot-dialog-btn{flex:1}.slot-dialog-btn{display:flex;align-items:center;justify-content:center;height:var(--color-height, 32px);padding:0 16px;border:none;border-radius:var(--ui-border-radius);background:#ffffff0d;color:#fff9;font-size:12px;cursor:pointer;transition:all .1s ease}.slot-dialog-btn:hover{background:#ffffff1a;color:#fffc}.slot-dialog-btn.yes.destructive{background:#c850504d;color:#ff9696e6}.slot-dialog-btn.yes.destructive:hover{background:#c8505080;color:#ff9696}.slot-feedback-icon{font-size:18px;align-self:center}.slot-feedback-icon+.slot-dialog-message{align-self:center}.slot-feedback-icon.success{color:#64c864}.slot-feedback-icon.error{color:#c86464}.slot-overlay .slot-import-input{width:100%;padding:8px 12px;border:1px solid rgba(255,255,255,.1);border-radius:var(--ui-border-radius);background:#ffffff0d;color:#ffffffe6;font-size:12px;box-sizing:border-box}.slot-overlay .slot-import-input:focus{outline:none;border-color:#ffffff4d}.slot-overlay .slot-import-input::placeholder{color:#ffffff4d}.slot-name[data-editable]{cursor:text}.slot-name[data-editable]:hover{text-decoration:underline;text-decoration-style:dotted;text-underline-offset:2px}.slot-name-input{font-size:16px;font-weight:600;color:#ffffffe6;background:#ffffff1a;border:1px solid rgba(255,255,255,.3);border-radius:var(--ui-border-radius);padding:2px 6px;width:100%;max-width:150px;box-sizing:border-box}.slot-name-input:focus{outline:none;border-color:#ffffff80}.desktop-ui-container{--control-spacing: 16px;--control-padding: 8px;--label-font-size: 11px;--label-min-width: 80px;--toggle-width: 36px;--toggle-height: 20px;--thumb-size: 16px;--value-min-width: 48px;--value-font-size: 11px;--color-height: 32px;--color-dropdown-height: 220px;--custom-toggle-height: 24px;--custom-label-size: 10px;--custom-switch-width: 28px;--custom-switch-height: 16px;--segment-gap: 3px}.desktop-ui-container{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1000;font-family:var(--ui-font-family)}.desktop-ui-tabs{position:fixed;left:0;top:0;width:120px;height:100%;background:#0f0f0f;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;flex-direction:column;padding:8px;gap:8px;overflow-y:auto;overflow-x:hidden;pointer-events:all;z-index:101}.desktop-ui-tabs:after{content:"";position:absolute;bottom:12px;left:8px;right:10px;height:115px;background-image:url(/assets/bug-qAe7GcVu.png);background-size:auto 115px;background-repeat:no-repeat;background-position:center bottom;opacity:.3}.desktop-ui-tab{background:transparent;color:#fff9;border:none;padding:12px 16px;border-radius:8px;font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;transition:all .3s ease;text-align:left}.desktop-ui-tab:hover{background:#ffffff0d;color:#fffc}.desktop-ui-tab.active{background:#ffffff1a;color:#fff}.desktop-ui-content{position:fixed;left:0;top:0;width:380px;height:100%;background:#141414d9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:16px;overflow-y:auto;pointer-events:all;transform:translate(-456px);transition:transform .3s ease;z-index:99}.desktop-ui-content.open{transform:translate(136px)}.desktop-ui-group{display:none}.desktop-ui-group.active{display:block}.bike-ui-label{margin-bottom:8px;display:block}.garage-slots-container{padding:0 0 20px}
