/* The two original vehicle backdrops. */
#hud-view-dock { position:fixed; top:10px; left:20px; right:auto; z-index:9998; display:flex; align-items:center; gap:8px; }
#hud-view-dock #hud-layout-switch { position:static !important; top:auto !important; left:auto !important; right:auto !important; transform:none !important; }
body.mode-preview #hud-view-dock { display:none; }
@media (min-width:1280px) { body[data-hud-layout="studio"] #hud-view-dock { left:18px; } }
#hud-scene-switch { display:none; align-items:center; gap:4px; padding:4px; border:1px solid rgba(230,211,184,.31); border-radius:22px; background:rgba(9,13,17,.88); backdrop-filter:blur(16px); box-shadow:0 10px 24px rgba(0,0,0,.35); color:#c0cbd0; font:700 12px/1.2 var(--font-family),sans-serif; }
body.mode-appreciate #hud-scene-switch { display:flex; }
.hud-scene-caption { margin:0 7px; letter-spacing:.08em; }
#hud-scene-switch button { border:1px solid transparent; background:transparent; color:#bec8cc; font:700 13px/1.2 var(--font-family),sans-serif; cursor:pointer; border-radius:17px; padding:7px 13px; }
#hud-scene-switch button[aria-pressed="true"] { color:#161513; background:#edc68d; border-color:#f6d9a8; box-shadow:0 1px 13px rgba(237,198,141,.3); }
#hud-scene-switch button:focus-visible { outline:2px solid #edc68d; outline-offset:2px; }
@media (min-width:769px) and (max-width:1080px) {
  #hud-view-dock { gap:4px; }
  #hud-view-dock .hud-layout-caption, #hud-view-dock .hud-scene-caption { display:none; }
  #hud-view-dock button { padding:7px 9px; }
}
@media (min-width:769px) and (max-width:950px) {
  #mode-toggle-wrapper .mode-opt { padding:6px 8px; }
}
@media (max-width:768px) { #hud-view-dock { top:58px; left:auto !important; right:50%; transform:translateX(50%); } #hud-scene-switch { display:none !important; } }
@media (max-width:450px) { #hud-view-dock { top:61px; } }
@media (prefers-reduced-motion:reduce) { #hud-scene-switch * { transition:none !important; } }