.desktop-ui-container{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1000;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;--tab-width: 120px;--content-padding: 16px;--content-width: 320px;--logo-size: 115px}.desktop-ui-tabs{position:fixed;left:0;top:0;width:var(--tab-width);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:var(--logo-size);background-image:url(/assets/ProtoLogoAlphaWhite-N71_jfBG.png);background-size:auto var(--logo-size);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:var(--content-width);height:100%;background:#141414d9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:var(--content-padding);overflow-y:auto;pointer-events:all;transform:translate(calc(-1 * (var(--tab-width) + var(--content-width))));transition:transform .3s ease;z-index:99}.desktop-ui-content.open{transform:translate(calc(var(--tab-width) + var(--content-padding)))}.desktop-ui-group{display:none}.desktop-ui-group.active{display:block}.desktop-ui-control{margin-bottom:16px;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.05)}.desktop-ui-label{color:#fffc;font-size:11px;font-weight:500;margin-bottom:8px;display:block}.desktop-ui-input{width:100%;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:4px;padding:8px;color:#fff;font-size:12px}.desktop-ui-slider{display:flex;align-items:center;gap:12px}.desktop-ui-range{flex:1;height:4px;background:#ffffff1a;border-radius:2px;outline:none;-webkit-appearance:none;cursor:pointer}.desktop-ui-range::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:#fff;cursor:pointer}.desktop-ui-range-value{color:#ffffffe6;font-weight:600;min-width:48px;text-align:right;font-size:11px}.desktop-ui-toggle-switch{width:36px;height:20px;background:#ffffff1a;border-radius:10px;position:relative;cursor:pointer;transition:all .3s ease}.desktop-ui-toggle-switch.active{background:#fff3}.desktop-ui-toggle-handle{width:16px;height:16px;background:#fff;border-radius:50%;position:absolute;top:1px;left:1px;transition:all .3s ease}.desktop-ui-toggle-switch.active .desktop-ui-toggle-handle{transform:translate(16px)}.desktop-ui-color{width:100%;height:32px;border:none!important;border-radius:4px;cursor:pointer;-webkit-appearance:none;appearance:none;outline:none!important;box-shadow:none!important;padding:0}.desktop-ui-color::-webkit-color-swatch-wrapper{padding:0;border:none!important;border-radius:4px}.desktop-ui-color::-webkit-color-swatch{border:none!important;border-radius:4px}.desktop-ui-color::-moz-color-swatch{border:none!important;border-radius:4px}.desktop-ui-color:focus{outline:none!important;box-shadow:none!important}.desktop-ui-color:hover{box-shadow:none!important}.desktop-ui-multi-toggle{display:flex;gap:8px;flex-wrap:wrap}.desktop-ui-multi-button{background:#ffffff0d;color:#ffffffb3;border:1px solid rgba(255,255,255,.1);padding:8px 14px;border-radius:8px;font-size:11px;cursor:pointer;transition:all .3s ease}.desktop-ui-multi-button.active{background:#ffffff26;color:#fff}.desktop-ui-custom-toggle{display:flex;align-items:center;gap:8px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:4px;padding:6px 10px}.desktop-ui-custom-label{color:#ffffffb3;font-size:10px;font-weight:500}.desktop-ui-custom-switch{width:28px;height:16px;background:#ffffff1a;border-radius:8px;position:relative;cursor:pointer;transition:all .3s ease}.desktop-ui-custom-switch.active{background:#fff3}.desktop-ui-custom-handle{width:12px;height:12px;background:#fff;border-radius:50%;position:absolute;top:1px;left:1px;transition:all .3s ease}.desktop-ui-custom-switch.active .desktop-ui-custom-handle{transform:translate(12px)}.garage-slots-container{padding:0 0 20px}
