:root{font-family:'Segoe UI',Arial,sans-serif;color:#152f52;background:#ebf2f8;color-scheme:light}*{box-sizing:border-box}body{margin:0}main{max-width:1500px;margin:auto;padding:22px}h1,p{margin:0}.viewer-heading{display:flex;justify-content:space-between;align-items:center;gap:10px}.eyebrow{font:10px/1.6 Consolas,monospace;letter-spacing:1px;color:#2e6fb8;margin-bottom:6px}h1{font-size:24px;font-weight:500;letter-spacing:-.7px}.badge{font-size:11px;padding:7px 10px;border:1px solid #94bde0;border-radius:20px}.vehicle-selector,.view-controls{display:flex;gap:7px;flex-wrap:wrap}.vehicle-selector{margin-top:18px}button{font:500 13px/1.4 'Segoe UI',Arial,sans-serif;cursor:pointer;min-height:44px;padding:10px 14px;border:1px solid #94bde0;border-radius:6px;background:white;color:#152f52}button[aria-pressed=true]{background:#152f52;color:white;border-color:#152f52}button:hover{border-color:#2e6fb8}button:focus-visible,#canvas-host:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #2e6fb8;outline-offset:3px}.stage{height:clamp(250px,47vh,590px);position:relative;margin:10px 0;background:#f5f8fb;border:1px solid #d0dde8;border-radius:9px;overflow:hidden}#canvas-host{width:100%;height:100%;touch-action:pan-y;cursor:grab}#canvas-host:active{cursor:grabbing}canvas{display:block;width:100%;height:100%}.scene-hint{position:absolute;bottom:12px;left:15px;pointer-events:none;font-size:11px;color:#5a6a7a}#fallback{position:absolute;inset:25%;font-size:16px;line-height:1.7}.options{display:flex;gap:22px;flex-wrap:wrap;margin:8px 0}.options label{display:flex;align-items:center;gap:7px;min-height:44px;font-size:13px;cursor:pointer}input{accent-color:#2e6fb8;width:17px;height:17px}.model-status{font-size:13px;font-weight:600;line-height:1.6;margin-top:2px}.note{font-size:11px;line-height:1.7;color:#5a6a7a;margin-top:7px;max-width:850px}[hidden]{display:none!important}@media(max-width:500px){main{padding:15px}h1{font-size:21px}.eyebrow{font-size:8px}.badge{font-size:10px;padding:6px}.vehicle-selector{gap:5px}button{padding:10px;font-size:12px}.stage{height:280px}.scene-hint{font-size:10px}.options{gap:14px}.note{font-size:11px}}

:host{display:block;font-family:Segoe UI,Arial,sans-serif;color:#152f52;background:#ebf2f8;color-scheme:light} :host main{padding:18px} :host .stage{height:320px}@media(max-width:500px){:host main{padding:14px}:host .stage{height:280px}}