body {
  background: #f7f8fa;
}

.api-input {
  width: 280px;
}

.out {
  background: #0f172a;
  color: #d1fae5;
  border-radius: 0.5rem;
  padding: 0.75rem;
  min-height: 48px;
  max-height: 260px;
  overflow: auto;
  white-space: pre-wrap;
  font-size: 12px;
}

.builder-check-list {
  max-height: 200px;
  overflow: auto;
}

.builder-step {
  border: 1px solid #d8dee9;
  border-radius: 0.5rem;
  padding: 0.75rem;
  background: #fbfcfe;
}

.builder-step-title {
  font-weight: 600;
}

.builder-muted {
  color: #64748b;
  font-size: 12px;
}

#adminJsonEditor {
  font-family: Consolas, "Courier New", monospace;
  font-size: 12px;
}

@media (max-width: 700px) {
  .api-input {
    width: 200px;
  }
}