body {
  margin: 0;
  font-family: system-ui, sans-serif;
  background: #f6f6f3;
  color: #1f2933;
}

.page {
  max-width: 900px;
  margin: 0 auto;
  padding: 32px 16px;
}

/* Zone d'affichage des erreurs utilisateur */
#errorBox {
  margin-bottom: 16px;
  padding: 12px 14px;
  border-radius: 8px;
  background: #fff1f2;
  border: 1px solid #fecdd3;
  color: #9f1239;
  font-weight: 500;
}

/* Si aucune erreur → on cache visuellement */
#errorBox:empty {
  display: none;
}

/* Zone d'affichage du JSON en cas de succès */
.json-output {
  margin-top: 20px;
  padding: 16px;
  background: #f0fdf4;
  border: 1px solid #bbf7d0;
  border-radius: 8px;
  font-size: 0.85rem;
  overflow-x: auto;
}

/* Caché si vide */
.json-output:empty {
  display: none;
}