.environment-switch { display: flex; align-items: center; gap: 10px; margin: 0; min-width: 0; font: inherit; letter-spacing: 0; }
#environmentSelect { width: auto; max-width: 240px; min-width: 0; margin: 0; padding: 7px 28px 7px 10px; border: 1px solid var(--line); border-radius: 7px; background: var(--surface-field); color: var(--text-primary); font: 12px system-ui; cursor: pointer; }
#environmentStatus { color: var(--text-secondary); font: 11px system-ui; }
.viewer-footer { gap: 12px; }
@media (max-width: 900px) { .viewer-footer .reticle { display: none; } }
@media (max-width: 700px) {
  #environmentSelect { max-width: 175px; padding-block: 4px; font-size: 11px; }
  .environment-switch { gap: 6px; }
  .viewer-footer > span:last-child { display: none; }
  #environmentStatus { font-size: 10px; }
}