#perf, #status, #diagnose, #locatorRed, #locatorRestore, #locatorNext, #surfaceProbe, #locatorTarget { display:none!important; }
#topbar { gap:8px; padding:0 12px; }
#brand { font-size:15px; white-space:nowrap; }
#brand span { color:#63caff; }
#vehicleName { position:static; transform:none; padding:5px 8px; font-size:13px; overflow:hidden; text-overflow:ellipsis; border:0; background:none; }
#demoExpand { width:auto; min-height:36px; padding:5px 10px; font-size:14px; }
#tabs { overflow-y:auto; overscroll-behavior:contain; }
.tab { min-height:58px; flex-shrink:0; font-size:12px; }
#panel, #panel.graphicsDock { width:min(300px,calc(100vw - 88px)); max-height:calc(100dvh - 62px); top:54px; }
#panel button, #panel select { font-size:14px; min-height:36px; }
#panel label { font-size:14px; }
#panel .small { font-size:12px; }
.factoryPaintButton strong, .choiceButton strong { font-size:12px; }
/* Keep the main program's section instructions available in the public demo. */
#panel .sectionGuideOpen { display:flex; min-height:64px; }
#demoLoadError { position:fixed; inset:0; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:14px; background:#152430; color:#fff; z-index:2147483647; padding:24px; text-align:center; }
#demoLoadError button { width:auto; min-height:44px; padding:10px 18px; }
@media(max-width:500px) {
 #brand { font-size:13px; }
 #vehicleName { font-size:12px; padding:0; }
 #demoExpand { font-size:12px; padding:4px 7px; }
 #panel, #panel.graphicsDock { left:66px; width:calc(100vw - 74px); }
}

/* Match the full-screen label to its bright blue outline. */
#topbar #demoExpand {
  flex-shrink:0;
  color:#63caff;
  border:2px solid #63caff;
  background:#142b3b;
  font-weight:800;
  cursor:pointer;
  box-shadow:0 0 0 2px rgba(99,202,255,.12),0 0 14px rgba(99,202,255,.3);
}
#topbar #demoExpand:hover {
  color:#63caff;
  border-color:#63caff;
  background:#1d3c50;
  box-shadow:0 0 0 3px rgba(99,202,255,.18),0 0 18px rgba(99,202,255,.42);
}
#topbar #demoExpand:focus-visible { outline:2px solid #63caff; outline-offset:4px; }

/* The images are small previews of the actual environment maps. */
#sceneChoices { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; margin:8px 0 16px; }
#panel .sceneChoice {
  display:flex; flex-direction:column; align-items:stretch; justify-content:flex-start;
  width:100%; min-width:0; margin:0; padding:0; overflow:hidden;
  border:2px solid #394a5a; border-radius:9px; background:#17212c;
  color:#e4edf5; text-align:left; cursor:pointer; touch-action:manipulation;
}
#panel .sceneChoice img { display:block; width:100%; height:auto; aspect-ratio:2/1; object-fit:cover; }
#panel .sceneChoice span { display:block; padding:9px 8px; font:600 14px/1.35 Arial,sans-serif; white-space:normal; }
#panel .sceneChoiceNeutral { grid-column:1/-1; }
#panel .sceneChoiceNeutral img { aspect-ratio:4/1; object-fit:fill; height:auto; }
#panel .sceneChoice:hover { border-color:#92d8ff; background:#1d3040; }
#panel .sceneChoice[aria-pressed="true"] { border-color:#63caff; background:#17374c; color:#a5e1ff; box-shadow:0 0 0 1px #63caff33; }
#panel .sceneChoice:focus-visible { outline:2px solid #bceaff; outline-offset:3px; }