:root{--ui-surface: rgba(255, 255, 255, .92);--ui-surface-soft: rgba(248, 250, 253, .94);--ui-border: rgba(17, 24, 39, .08);--ui-border-strong: rgba(17, 24, 39, .16);--ui-shadow: 0 16px 32px rgba(0, 0, 0, .18);--ui-shadow-soft: 0 10px 24px rgba(16, 21, 28, .1);--ui-text: #10151c;--ui-text-soft: #5f6c7d;--ui-pill: #eceff3;--ui-pill-hover: #e1e7ef;--ui-accent: #d7deea}*{box-sizing:border-box;margin:0;padding:0}button,input,select,textarea{font:inherit}.left_side_bar p,.alloys_sidebar p{font-size:14px;margin-bottom:10px;margin-top:10px;color:#2c3440}.header{position:fixed;top:16px;left:50%;transform:translate(-50%);z-index:20;display:flex;align-items:center;gap:10px;padding:8px 10px;background:var(--ui-surface);border-radius:999px;border:1px solid rgba(255,255,255,.44);box-shadow:var(--ui-shadow);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.header a{display:inline-flex;align-items:center;justify-content:center;padding:10px 16px;text-decoration:none;font-size:15px;font-weight:600;color:var(--ui-text);border-radius:999px;border:1px solid transparent;transition:background-color .18s ease,border-color .18s ease,transform .18s ease}.header a:hover{background-color:var(--ui-pill-hover);border-color:#11182714;color:var(--ui-text);transform:translateY(-1px)}.header a.active{color:var(--ui-text);background:var(--ui-pill);border-color:#11182714}body{overflow:hidden;background:linear-gradient(180deg,#0f1218,#161b23);color:#fff;font-family:Arial,sans-serif}html{scrollbar-gutter:stable}.webgl{display:block;width:80w;height:100vh}input[type=color]{-webkit-appearance:none;border:none}input[type=color]::-webkit-color-swatch-wrapper{padding:0}input[type=color]::-webkit-color-swatch{border:none}.body_color_picker,.wheels_color_picker{width:100%;height:42px;border-radius:12px;background:transparent;cursor:pointer}.sidebar_dock{position:fixed;left:16px;top:16px;z-index:15;display:flex;gap:12px;align-items:flex-start;max-width:calc(100vw - 32px);max-height:calc(100vh - 32px)}.left_side_bar{width:min(336px,calc(100vw - 48px));max-height:calc(100vh - 32px);display:flex;flex-direction:column;gap:10px;transition:width .28s ease,opacity .28s ease,transform .28s ease}.alloys_sidebar{position:fixed;bottom:16px;left:366px;width:75%;max-height:min(336px,calc(100vw - 48px));display:flex;flex-direction:column;gap:10px;transition:width .28s ease,opacity .28s ease,transform .28s ease}.alloys_sidebar.hidden-browser{width:0;opacity:0;transform:translate(-10px);pointer-events:none;overflow:hidden}.panel_topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:60px;padding:8px 10px;border-radius:999px;background:var(--ui-surface);border:1px solid rgba(255,255,255,.44);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:var(--ui-shadow);overflow:hidden}.panel_topbar>div:first-child{padding-left:20px}.panel_topbar h2{font-size:15px;font-weight:600;color:var(--ui-text);line-height:1.1}.panel_eyebrow{margin:0 0 2px;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#667487;line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.panel_toggle,.collapse_colors,.browse_alloys_toggle,.browse_spoilers_toggle{border:0;border-radius:999px;padding:10px 14px;background:linear-gradient(180deg,#f5f7fa,#e5ebf2);color:var(--ui-text);font-size:14px;font-weight:700;cursor:pointer;white-space:nowrap;border:1px solid rgba(17,24,39,.12);box-shadow:inset 0 1px #ffffffe6,0 4px 10px #10151c14;transition:transform .18s ease,box-shadow .18s ease,background-color .18s ease}.panel_toggle:hover,.collapse_colors:hover,.browse_alloys_toggle:hover,.browse_spoilers_toggle:hover{transform:translateY(-1px);box-shadow:inset 0 1px #fffffff2,0 8px 16px #10151c1f;background:linear-gradient(180deg,#f8fafc,#e9eef5)}.panel_toggle:active,.collapse_colors:active,.browse_alloys_toggle:active,.browse_spoilers_toggle:active{transform:translateY(0);box-shadow:inset 0 2px 4px #10151c1f}.settings_card{display:flex;flex-direction:column;max-height:100%;overflow:hidden;padding:0;background:var(--ui-surface);border:1px solid rgba(255,255,255,.44);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:var(--ui-shadow);z-index:10;border-radius:20px}.alloys_browser_card{display:flex;flex-direction:column;max-height:100%;overflow:hidden;padding:0;background:var(--ui-surface);border:1px solid rgba(255,255,255,.44);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:var(--ui-shadow);border-radius:20px}.settings_card_scroll{display:flex;flex-direction:column;gap:14px;flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;padding:16px 14px 16px 16px;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:rgba(95,108,125,.7) transparent}.alloys_browser_scroll{display:flex;flex-direction:column;gap:14px;flex:1;min-height:0;overflow-x:auto;padding:16px 14px 16px 16px;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:rgba(95,108,125,.7) transparent;scroll-behavior:smooth;-webkit-overflow-scrolling:touch}.alloys_browser_scroll{gap:12px}.alloy_browser_hint{margin:0;color:var(--ui-text-soft);line-height:1.45}.left_side_bar.hidden-panel .settings_card{opacity:0;visibility:hidden;pointer-events:none;overflow:hidden;max-height:0;padding-top:0;padding-bottom:0}.settings_card h1{font-size:17px;color:var(--ui-text)}.settings_card p{font-size:14px;color:#2c3440}.sidebar_section{display:flex;flex-direction:column;gap:9px;padding:14px;background:var(--ui-surface-soft);border:1px solid var(--ui-border);border-radius:18px;box-shadow:var(--ui-shadow-soft)}.sidebar_section_header{display:flex;align-items:center;justify-content:space-between;gap:12px}.section_badge{padding:6px 10px;border-radius:999px;background:var(--ui-accent);color:#3b4657;font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.body-color-list{display:flex;flex-wrap:wrap;gap:8px;transition:max-height .25s ease,opacity .25s ease;overflow:hidden;max-height:220px;opacity:1}.body-color-list.collapsed{max-height:0;opacity:0;visibility:hidden;pointer-events:none}.collapse_colors,.browse_alloys_toggle,.browse_spoilers_toggle{align-self:flex-start;font-size:13px;margin-bottom:2px}.body-color-btn,.wheel-color-btn{width:30px;height:30px;border:0;cursor:pointer;border:1px solid rgba(0,0,0,.18);border-radius:999px}.wheel_color_row,.alloys-list{display:flex;flex-wrap:wrap;flex-direction:row;gap:8px;width:max-content}.alloys-list{display:flex;flex-wrap:wrap;flex-direction:row;gap:12px}.wheel-color-btn,.alloy-btn{min-width:200px;height:auto;padding:10px 14px;border-radius:12px;background:linear-gradient(180deg,#f5f7fa,#e8edf4);color:#1f2937;border:1px solid rgba(17,24,39,.1);box-shadow:inset 0 1px #ffffffd9,0 6px 12px #10151c0f}.alloy-btn{display:grid;grid-template-columns:88px 1fr 0fr;align-items:center;gap:12px;padding:10px;border:1px solid var(--ui-border-strong);background:#f8fafdfa;text-align:left;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.alloy-btn:hover{transform:translateY(-2px);border-color:#11182733;box-shadow:0 14px 24px #10151c1f}.tyre-btn:hover{transform:translateY(-2px);border-color:#1118277e;box-shadow:0 14px 24px #10151c1f}.tyre-btn{display:grid;grid-template-columns:88px 1fr;align-items:center;gap:12px;padding:5px;border:1px solid var(--ui-border-strong);background:#f8fafdfa;font-size:14px;color:#3e444c;text-align:center;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.tyres-list{display:none}.tyre-card-meta{font-size:14px;color:#8591a2}.alloy-btn.active .tyres-list{display:grid}.alloy-card-preview{display:flex;align-items:center;justify-content:center;width:88px;height:88px;border-radius:18px;background:radial-gradient(circle at 30% 30%,#ffffffe6,#d8dfe999 45%,#a3afc0e6);color:#5f6d81;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.alloy-card-copy{display:flex;flex-direction:column;gap:6px}.alloy-card-name{font-size:15px;font-weight:700;color:#15202e}.alloy-card-price{font-size:13px;color:#617083}.alloy-card-meta{font-size:12px;color:#8591a2}.paint_settings{display:flex;flex-direction:column;gap:10px;margin-top:6px}.slider{display:flex;align-items:center;gap:12px;padding:8px 10px;border-radius:14px;background:#ffffff85}.slider p{width:135px;margin:0}.slider input[type=range]{flex:1}@media(max-width:900px){.sidebar_dock{flex-direction:column;width:calc(100vw - 32px);max-height:calc(100vh - 32px);overflow-y:auto}.left_side_bar,.alloys_sidebar{width:100%;max-height:none}.alloys_sidebar.hidden-browser{width:100%;max-height:0}}