/* HQ Ace code runner — host div becomes .ace_editor after ace.edit() */
.hq-code-editor,
.hq-code-editor.ace_editor {
  width: 100%;
  height: 50vh;
  min-height: 50vh;
  border: 1px solid hsl(var(--input));
  border-radius: var(--radius);
  overflow: hidden;
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}

.hq-code-editor .ace_gutter {
  background: hsl(var(--muted) / 0.45);
}

.dark .hq-code-editor {
  border-color: hsl(var(--border));
}