html:has(.vehicle-viewer),body.vehicle-viewer{height:auto;min-height:100%;overflow:auto}
.vehicle-viewer header{position:static;margin:20px 24px;gap:16px}
.vehicle-viewer main{max-width:1500px;margin:auto;padding:0 24px 60px}
.vehicle-controls{display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px;margin-bottom:18px}
.vehicle-controls label{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--ink)}
.vehicle-viewer select{color:var(--ink);background:#141c31;border:1px solid #62708c;border-radius:6px;font:inherit;padding:7px 8px;max-width:240px}
.vehicle-viewer input{accent-color:var(--mint);background:#141c31;color:var(--ink)}
.vehicle-viewer select:focus-visible,.vehicle-viewer input:focus-visible{outline:3px solid var(--mint);outline-offset:3px}
.vehicle-viewer select:disabled{color:var(--muted);background:#17202b;opacity:1}
.vehicle-pair{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.vehicle-panel{min-width:0;border:1px solid #485768;border-radius:10px;background:#101926;color:var(--ink);overflow:hidden}
.vehicle-panel h1,.vehicle-panel h2{font-size:15px;font-weight:600;margin:16px 18px}
.vehicle-panel canvas{height:min(48vw,480px);min-height:280px;width:100%;display:block;touch-action:pan-y}
#vehicle-model,#building-model{cursor:grab}#vehicle-model:active,#building-model:active{cursor:grabbing}
.angle-control{display:flex;align-items:center;gap:12px;padding:12px 18px;color:var(--muted);font-size:13px;background:#101926}
.angle-control input{flex:1;min-width:0}
#source-label{padding:12px 18px;margin:0;min-height:44px;color:var(--muted);font-size:13px;background:#101926}
.vehicle-status{display:flex;align-items:center;gap:12px;margin-top:14px;color:var(--muted);font-size:13px}
.vehicle-status button{padding:7px 12px}
@media(max-width:700px){.vehicle-viewer header{margin:18px 14px}.vehicle-viewer main{padding:0 14px 70px}.vehicle-pair{grid-template-columns:1fr}.vehicle-panel canvas{height:310px;min-height:0}.vehicle-controls{gap:10px 14px}.vehicle-viewer select{max-width:210px}}