.toolbelt{position:absolute;right:3vw;top:32px;z-index:4;display:grid;grid-template-columns:repeat(2,minmax(220px,1fr));gap:9px;width:min(540px,52vw)}
.control-group{padding:9px 10px 10px;border:1px solid #c5ced088;border-radius:13px;background:#f8fbf9dd;box-shadow:0 8px 24px #17212b1f;backdrop-filter:blur(12px)}
.control-group.mode-active{border-color:#e6532d99;box-shadow:0 8px 28px #e6532d24}
.control-group>span{display:block;margin:0 0 7px 2px;color:#8f4a35;font:9px monospace;letter-spacing:1.5px}.control-group>div{display:flex;gap:6px;flex-wrap:wrap}
.view-controls .camera-row{margin-top:7px;padding-top:7px;border-top:1px solid #d4dcda}.camera-row button{font-size:9px;padding:7px 8px}
.control-group button{flex:1 0 auto;min-width:max-content}.paint-controls{grid-column:2}.environment-controls{grid-column:1}
.placement-controls{grid-column:1 / -1}.placement-controls button{flex:1}
.garage button,.garage select{border:1px solid #b8b7b266;background:#ffffffd9;color:#202226;border-radius:999px;padding:9px 11px;font:10px monospace;letter-spacing:.5px;cursor:pointer;box-shadow:0 3px 14px #17212b18}
.garage button:hover,.garage button.active{background:#e6532d;color:#fff;border-color:#e6532d}
.garage button:focus-visible,.garage select:focus-visible{outline:2px solid #ffc9a3;outline-offset:3px}
.garage button:disabled{opacity:.35;cursor:default}
.inspector{position:absolute;z-index:4;right:4vw;bottom:96px;width:270px;padding:16px;border:1px solid #1b293333;border-radius:14px;background:#f8faf7f2;color:#202226;backdrop-filter:blur(12px);box-shadow:0 15px 45px #14202d25}
.part-heading{font:10px monospace;color:#b64327;letter-spacing:1.7px;margin-bottom:12px}.systems-heading{margin-top:17px}
.inspector select{width:100%;border-radius:6px;font-size:12px}
.inspector p{font-size:12px;line-height:1.5;margin:12px 0;color:#59626a}.system-detail{min-height:48px}
.part-actions{display:flex;gap:5px;flex-wrap:wrap}.part-actions button{font-size:9px;padding:8px}
.audio-state{font:10px monospace;color:#2d6759;margin-top:15px;line-height:1.5}.audio-credit{display:block;margin-top:5px;color:#71808a;font:9px/1.5 monospace;text-decoration:none}
.garage .copy{pointer-events:none;transition:opacity .5s,transform .5s}
.garage.exploded .copy,.garage.inspecting .copy{opacity:0;transform:translateY(-12px)}
.garage.exploded .inspector{left:4vw;right:auto}
.garage .system-select{background:#eef2ed;border-radius:6px;color:#202226;width:100%}
.garage{background:radial-gradient(ellipse at 52% 42%,#ffffff 0,#f2f4f1 48%,#dfe5e4 100%)}
.garage:after{opacity:.28;background:repeating-linear-gradient(90deg,transparent 0 74px,#60708018 75px 76px),repeating-linear-gradient(0deg,transparent 0 74px,#60708018 75px 76px);mask-image:linear-gradient(transparent 10%,#000 34%,#000 80%,transparent)}
header{border-color:#18232a20;color:#273039}.meta,.hint,.controls label,.status{color:#55616b}.controls{background:#f7f9f7e8;border-color:#13222a1f}.controls strong{color:#1f252a}.garage .copy p{color:#53616a}
header,.garage .copy{display:none!important}
.garage[data-environment="garage"]{background:#dfe5e4 url('./assets/environments/garage-photoreal.png') center/cover no-repeat}
.garage[data-environment="garage"]:after{opacity:.14;background:linear-gradient(90deg,#ffffff35,transparent 30%,transparent 70%,#ffffff25)}
.garage[data-environment="road"]{background:#8397a5 url('./assets/environments/road-photoreal.png') center/cover no-repeat}
.garage[data-environment="road"]:after{opacity:.2;background:linear-gradient(90deg,#ffffff22,transparent 28%,transparent 72%,#19273420)}
.garage[data-environment="flowers"]{background:#b9cbae url('./assets/environments/flowers-photoreal.png') center/cover no-repeat}
.garage[data-environment="flowers"]:after{opacity:.18;background:linear-gradient(90deg,#ffffff30,transparent 30%,transparent 72%,#ffffff18)}
.garage[data-mode="view"]{background:radial-gradient(ellipse at 52% 38%,#ffffff 0,#eef2f0 48%,#d9dfdd 100%)}
.garage[data-mode="view"]:after{opacity:.38;background:repeating-linear-gradient(90deg,transparent 0 74px,#60708024 75px 76px),repeating-linear-gradient(0deg,transparent 0 74px,#60708024 75px 76px);mask-image:linear-gradient(transparent 8%,#000 30%,#000 86%,transparent)}
.garage[data-environment="road"] .hint,.garage[data-environment="flowers"] .hint{color:#344049}
.garage .status{right:auto;left:4vw;bottom:88px}.garage .hint{bottom:65px;font-size:9px}
@media(max-width:1100px){.garage .copy{width:270px;top:22vh}.garage h1{font-size:46px}.toolbelt{left:3vw;right:auto;width:min(500px,57vw);grid-template-columns:repeat(2,minmax(190px,1fr))}.control-group,.paint-controls,.environment-controls{grid-column:auto}.placement-controls{grid-column:1 / -1}.inspector{width:225px;padding:12px;right:3vw}}
@media(max-width:650px){.garage header .meta{display:none}.toolbelt{top:14px;left:3vw;right:3vw;width:auto;grid-template-columns:1fr;gap:5px}.control-group,.paint-controls,.environment-controls,.placement-controls{grid-column:auto}.control-group{padding:6px 7px}.control-group>span{margin-bottom:4px;font-size:8px}.control-group>div{gap:4px}.garage button{padding:7px 8px;font-size:8px}.garage .copy{top:180px;width:210px}.garage h1{font-size:34px}.garage .copy p{font-size:11px}.inspector{bottom:90px;width:190px;right:3vw}.inspector p{display:none}.part-heading{font-size:9px}.garage .hint{display:none}.controls{gap:9px}.controls label{font-size:8px;letter-spacing:0}.controls strong{margin-left:4px}}