:root{color-scheme:dark;font-family:Inter,system-ui,sans-serif;color:#e6ece9;background:#111c24;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}button,select,input{border:1px solid #40515a;border-radius:6px;background:#1b2a33;color:#ecf0ec;min-height:40px;padding:9px 10px}button,a{cursor:pointer}button:hover,a:hover{color:#ffd18a;border-color:#c08f4a}button:disabled{opacity:.45;cursor:default}button[aria-pressed=true]{background:#4a3b28;border-color:#e4ab55;color:#ffda9e}a{color:#c8d5d9;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,canvas:focus-visible{outline:2px solid #ffc673;outline-offset:3px}[hidden]{display:none!important}label{display:flex;flex-direction:column;gap:6px;color:#b6c7cb;font-size:12px}label input,label select{width:100%;font-size:14px;min-width:0}input[type=checkbox]{width:18px;min-height:18px;accent-color:#efb665}input[type=color]{width:64px;height:38px;padding:3px}.check,.color-label{flex-direction:row;align-items:center;gap:8px}.garage-header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #33414a;padding:16px 22px;gap:20px}.brand{font-size:20px;font-weight:900;letter-spacing:3px;color:#ffd18a}.brand span{font-size:10px;letter-spacing:2px;color:#98acb7;display:block;margin-top:4px}.garage-header nav{display:flex;gap:22px;font-size:13px}.garage-toolbar{display:flex;gap:12px;align-items:end;padding:14px 20px;background:#14222c;border-bottom:1px solid #33414a}.garage-toolbar label{flex:1;max-width:260px}.garage-toolbar .name-label{flex:1.3;max-width:none}.garage-layout{display:grid;grid-template-columns:260px minmax(0,1fr) 270px;min-height:610px;height:calc(100dvh - 262px)}.parts-panel,.tuning-panel{padding:20px 16px;overflow:auto;background:#15222b;scrollbar-width:thin}.parts-panel{border-right:1px solid #33414a}.tuning-panel{border-left:1px solid #33414a}.eyebrow{font-size:10px;letter-spacing:2px;color:#d9ad70}h1{font-size:21px;font-weight:650;letter-spacing:-.5px;margin:9px 0}h2{font-size:20px;margin:9px 0 14px}.panel-title p,.hint{font-size:12px;line-height:1.55;color:#92aab5}.part-palette{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:18px}.part-palette button{font-size:12px}.pair{display:grid;grid-template-columns:1fr 1fr;gap:8px}.parts-panel label,.tuning-panel label{margin-bottom:12px}#part-list{display:flex;flex-direction:column;gap:4px;max-height:230px;overflow:auto;margin:15px 0}#part-list button{font-size:12px;text-align:left;min-height:36px;display:flex;gap:8px;align-items:center}#part-list i{width:10px;height:10px;border-radius:3px;flex-shrink:0}fieldset{border:1px solid #4d514a;padding:12px;margin:0}legend{font-size:12px;color:#e6bc83;padding:0 5px}.vectors{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.vectors input{padding:7px 5px;font-size:13px}.vector-title{font-size:12px;margin:8px 0}.part-actions{display:flex;flex-wrap:wrap;gap:6px}.part-actions button{font-size:11px;flex:1}details{border-top:1px solid #34434b;padding:15px 0}summary{font-size:14px;cursor:pointer;color:#dfded2;margin-bottom:12px}.help{margin-top:16px}.help p,.help li{font-size:12px;line-height:1.6;color:#a1b4bb}.help ol{padding-left:18px}.canvas-panel{display:flex;flex-direction:column;min-width:0;min-height:0;background:#14232d}.canvas-tools{display:flex;align-items:center;flex-wrap:wrap;gap:7px;padding:12px;border-bottom:1px solid #33414a}.canvas-tools label:first-child{flex-direction:row;align-items:center}.canvas-tools select{width:auto}.canvas-tools button{font-size:12px}#garage-stage{flex:1;min-height:230px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 45% 30%,#344651,#192a35 70%)}#garage-stage canvas{display:block;width:100%;height:100%;touch-action:none}.canvas-corner{position:absolute;top:22px;left:22px;pointer-events:none;font-size:10px;letter-spacing:2px;color:#aebfc5}.canvas-corner span{display:block;color:#708a96;font-size:9px;letter-spacing:1px;margin-top:6px}.axis-key{position:absolute;bottom:18px;right:20px;display:flex;gap:12px;pointer-events:none;font-size:11px;font-weight:700}.axis-key span:nth-child(1){color:#ed8478}.axis-key span:nth-child(2){color:#91d1a1}.axis-key span:nth-child(3){color:#86bdf4}#car-stats{display:flex;justify-content:space-around;gap:10px;flex-wrap:wrap;padding:13px 16px;border-top:1px solid #34434b;font-size:12px;color:#b2c3ca}#car-stats strong{color:#f3cc91;margin-right:5px}.navigation-help{font-size:11px;color:#94a9b4;line-height:1.6;padding:0 16px;margin:0 0 10px}#design-warning{padding:10px 16px;font-size:12px;color:#ffc894;background:#392e24}#render-fallback{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:min(360px,85%);font-size:13px;line-height:1.6;color:#c3d0d5}.axle-row{border:1px solid #384c57;border-radius:5px;padding:10px;margin-bottom:10px}.axle-row header{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:#ffca80;margin-bottom:10px}.axle-row button{font-size:11px;min-height:30px;padding:5px}.tuning-panel details .hint{margin-top:0}.danger{margin-top:14px;color:#eca594}.garage-footer{padding:16px 20px;background:#0f1b23;border-top:1px solid #3c4950;display:flex;gap:18px;align-items:center;justify-content:space-between;min-height:95px}.garage-footer p{margin:0 0 6px;font-size:13px;color:#eed0a0}.garage-footer span{font-size:11px;color:#8ca3ad}.garage-footer [data-error=yes]{color:#ffb4a4}.save-actions{display:flex;gap:8px;align-items:end;flex-shrink:0}.save-actions label{max-width:220px}.primary{background:#efb665;color:#17222b;font-weight:700;border-color:#efb665}.primary:hover{background:#ffd08b;color:#17222b}.mobile-tabs{display:none}
@media(max-width:1100px){.garage-layout{grid-template-columns:215px minmax(0,1fr) 225px}.parts-panel,.tuning-panel{padding:14px 10px}.garage-footer{flex-wrap:wrap}.canvas-tools .check{font-size:10px}}
@media(max-width:800px){.garage-header{padding:13px 14px;gap:10px}.brand{font-size:17px}.garage-header nav{gap:12px;font-size:11px}.garage-header nav a:first-child{display:none}.garage-toolbar{display:grid;grid-template-columns:1fr 1fr 1fr;padding:12px;gap:8px}.garage-toolbar label{max-width:none}.garage-toolbar .name-label{grid-column:span 2}.garage-toolbar button{font-size:12px}.garage-toolbar label:nth-child(2){grid-row:2;grid-column:span 2}.garage-toolbar label:nth-child(3){grid-row:2;grid-column:3}.mobile-tabs{display:flex;gap:4px;background:#0f1b23;padding:8px 12px}.mobile-tabs button{flex:1;font-size:12px;padding:8px 4px}.garage-layout{display:block;height:auto;min-height:0}.garage-layout[data-panel=canvas] .parts-panel,.garage-layout[data-panel=canvas] .tuning-panel,.garage-layout[data-panel=parts] .canvas-panel,.garage-layout[data-panel=parts] .tuning-panel,.garage-layout[data-panel=tune] .canvas-panel,.garage-layout[data-panel=tune] .parts-panel{display:none}.parts-panel,.tuning-panel{overflow:visible;border:0;padding:20px;max-width:620px;margin:auto}.canvas-panel{min-height:490px}#garage-stage{height:46dvh;min-height:290px;flex:auto}.canvas-tools{gap:8px;padding:9px 12px}.canvas-tools select{font-size:12px;max-width:120px}.canvas-tools button{min-height:38px}.navigation-help{font-size:11px;margin:0 0 12px}#car-stats{font-size:11px;padding:12px}.garage-footer{padding:13px 12px calc(16px + env(safe-area-inset-bottom));position:static}.save-actions{display:grid;grid-template-columns:1fr 1fr;flex-shrink:1;width:100%;gap:9px}.save-actions label{max-width:none}.save-actions button{font-size:13px}.garage-footer>div:first-child{width:100%}.garage-toolbar>button#new-car{grid-row:1;grid-column:3}.garage-toolbar>button#undo{grid-row:3;grid-column:1}.garage-toolbar>button#redo{grid-row:3;grid-column:2}.garage-header,.garage-toolbar,.garage-footer{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}}
@view-transition{navigation:auto}