#editor {
  width: 100%;
  height: calc(100vh - 110px);
  border-radius: 4px;
}

/* Forzar texto blanco dentro del editor Ace */

.ace_gutter {
  background: rgb(36,41,46) !important;
  color: #aaa !important;
}

.ace_gutter-active-line {
  background: #2b2b2b !important;
}

/* Scrollbar oscuro */

.ace_scrollbar::-webkit-scrollbar {
  width: 10px;
  background-color: #1f1f1f;
}

.ace_scrollbar::-webkit-scrollbar-thumb {
  background-color: #444;
  border-radius: 5px;
}

.ace_scrollbar::-webkit-scrollbar-thumb:hover {
  background-color: #666;
}

/* 4️⃣ Código blanco por defecto */

.ace_editor, .ace_editor * {
  color: #fff !important;
}