/* body {
} */
#zone-de-debug {
  font-family: 'Courier New', monospace;
  margin: 20px;
  background-color: #1e1e1e;
  color: #d4d4d4;

  background-color: #252526;
  border: 1px solid #3e3e42;
  border-radius: 5px;
  padding: 20px;
  max-width: 1600px;
  margin: 0 auto;
}
.debug-title {
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 20px;
  color: #4ec9b0;
  border-bottom: 2px solid #4ec9b0;
  padding-bottom: 10px;
}
.debug-section {
  margin-bottom: 20px;
  background-color: #2d2d30;
  padding: 15px;
  border-radius: 3px;
  border-left: 3px solid #007acc;
}
.debug-section-title {
  font-size: 18px;
  font-weight: bold;
  color: #569cd6;
  margin-bottom: 10px;
}
.debug-property {
  margin-block: 1px;
  padding-block: 1px;
  padding-inline: 5px;
}
.debug-property-name {
  color: #9cdcfe;
  font-weight: bold;
}
.debug-property-value {
  color: #ce9178;
  margin-left: 10px;
}
.debug-property-value.number {
  color: #b5cea8;
}
.debug-property-value.string {
  color: #ce9178;
}
.debug-property-value.object {
  color: #dcdcaa;
}
.debug-nested {
  margin-left: 20px;
  padding-left: 15px;
  border-left: 2px solid #3e3e42;
}
.debug-json {
  background-color: #1e1e1e;
  padding: 15px;
  border-radius: 3px;
  overflow-x: auto;
  margin-top: 10px;
  white-space: pre-wrap;
  word-wrap: break-word;
}
.toggle-btn {
  background-color: #007acc;
  color: white;
  border: none;
  padding: 8px 15px;
  border-radius: 3px;
  cursor: pointer;
  margin-bottom: 15px;
  font-family: inherit;
}
.toggle-btn:hover {
  background-color: #005a9e;
}