/* Shared builder mode switch (tab-style toggle) */

.builder-mode-switch {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  padding: 6px;
  border: 1px solid rgba(88, 114, 148, 0.3);
  border-radius: 16px;
  background: rgba(6, 10, 18, 0.74);
}

.builder-mode-btn {
  border: 0;
  border-radius: 12px;
  min-height: 42px;
  background: transparent;
  color: #aebdd7;
  font: inherit;
  font-size: 0.95rem;
  cursor: pointer;
  transition: background 0.18s ease, color 0.18s ease, box-shadow 0.18s ease;
}

.builder-mode-btn:focus-visible {
  outline: 2px solid rgba(96, 165, 250, 0.42);
  outline-offset: 2px;
}

.builder-mode-btn.is-active {
  background: linear-gradient(120deg, rgba(228, 42, 112, 0.16), rgba(37, 244, 238, 0.15)), rgba(29, 34, 56, 0.97);
  background-color: #6d28d9 !important;
  color: #ffffff;
}