#backgroundLayersPanel[hidden] { display:none !important; }
#backgroundLayersPanel {
  position:fixed; top:56px; right:10px; z-index:1400;
  width:340px; max-width:calc(100% - 20px); max-height:calc(100% - 76px);
  overflow:auto; box-sizing:border-box; padding:16px; border:1px solid #475569;
  border-radius:12px; background:#111827; color:#f8fafc;
  box-shadow:0 12px 35px #0005; font:14px/1.45 system-ui,sans-serif;
}
#backgroundLayersPanel header { display:flex; justify-content:space-between; align-items:center; gap:12px; }
#backgroundLayersPanel h2 { font-size:17px; margin:0; }
#backgroundLayersPanel h3 { font-size:14px; margin:0 0 8px; color:#bae6fd; }
#backgroundLayersPanel section { border-top:1px solid #374151; padding-top:12px; margin-top:12px; }
#backgroundLayersPanel button, #backgroundLayersPanel select {
  min-height:44px; padding:8px 10px; border:1px solid #64748b; border-radius:7px;
  background:#243247; color:#fff; font:inherit; box-sizing:border-box;
}
#backgroundLayersPanel button { cursor:pointer; }
#backgroundLayersPanel button[aria-pressed="true"] { background:#155e75; border-color:#67e8f9; }
#backgroundLayersPanel select { width:100%; margin-top:5px; }
#backgroundLayersPanel label { display:block; margin-top:12px; }
#backgroundLayersPanel p { font-size:12px; color:#cbd5e1; margin:8px 0 0; }
#backgroundLayersPanel :focus-visible, #backgroundLayersButton:focus-visible { outline:3px solid #67e8f9; outline-offset:2px; }
#backgroundLayersClose { min-width:44px; font-size:21px !important; padding:2px !important; }
#backgroundLayersButton svg { width:100%; height:100%; }
#backgroundLayersButton { vertical-align:top; }
#backgroundLayersPanel #controlledTerrainPilot { border-top:0 !important; }
@media(max-width:600px) {
  #backgroundLayersPanel { right:8px; max-width:calc(100% - 16px); padding:12px; max-height:calc(100% - 70px); }
}