.room-control {
  position: fixed;
  left: 18px;
  top: 16px;
  z-index: 100000;
  width: 470px;
  box-sizing: border-box;
  padding: 10px 12px;
  border: 1px solid rgba(255,255,255,.09);
  border-radius: 12px;
  background: rgba(16,17,20,.96);
  box-shadow: 0 10px 30px rgba(0,0,0,.28);
  color: #d9dde7;
  font: 600 11px/1.2 Arial, sans-serif;
}
.room-control-row { display:flex; align-items:center; gap:7px; }
.room-control-row + .room-control-row { margin-top:7px; }
.room-label { width:58px; flex:0 0 58px; color:#8d94a3; font-size:9px; letter-spacing:.08em; }
.room-input,.overlay-url {
  min-width:0;
  height:29px;
  box-sizing:border-box;
  border:1px solid rgba(255,255,255,.08);
  border-radius:8px;
  outline:none;
  background:#0c0d0f;
  color:#f4f6fb;
  padding:0 9px;
  font:600 11px Arial,sans-serif;
}
.room-input { flex:1; }
.overlay-url { flex:1; color:#aeb6c6; }
.room-btn {
  height:29px;
  border:0;
  border-radius:8px;
  padding:0 10px;
  cursor:pointer;
  background:#2b2f36;
  color:white;
  font:700 9px Arial,sans-serif;
}
.room-btn:hover { filter:brightness(1.15); }
.room-apply { background:#16853b; }
.room-status { margin-top:7px; color:#777f8d; font-size:9px; }
.room-status strong { color:#70e89a; }
/* Move the untouched old panel down only enough to make room for the room selector. */
#app { margin-top:112px !important; }
@media (max-width:700px) {
  .room-control { left:8px; right:8px; width:auto; }
}