/* Floating prototype bar only. Variants own everything else. */
#proto-bar {
  position: fixed;
  left: 50%;
  bottom: 18px;
  transform: translateX(-50%);
  z-index: 9999;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 8px 14px;
  border-radius: 999px;
  background: #101010;
  color: #fff;
  box-shadow: 0 8px 28px rgba(0, 0, 0, .35);
  font: 13px/1 ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
}
#proto-bar button {
  border: 1px solid #444;
  background: #1d1d1d;
  color: #fff;
  border-radius: 999px;
  padding: 6px 11px;
  cursor: pointer;
  font: inherit;
}
#proto-bar button:hover { background: #2e2e2e; }
#proto-bar .proto-label { padding: 0 4px; white-space: nowrap; }
#proto-bar .proto-sep { width: 1px; height: 18px; background: #3a3a3a; }
#proto-bar .proto-home { color: #9bd; text-decoration: none; font-size: 12px; }
#proto-bar .proto-home:hover { text-decoration: underline; }
@media (max-width: 560px) {
  #proto-bar .proto-label { max-width: 40vw; overflow: hidden; text-overflow: ellipsis; }
}