.js-code-editor[data-editor-ready="true"] {
  display: none !important;
}

.CodeMirror {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  height: 430px;
  box-sizing: border-box;
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
  font-size: 13px;
  line-height: 1.7;
  color: var(--sz-text);
  background: var(--sz-editor-bg, #ffffff);
}

.CodeMirror-gutters {
  background: var(--sz-editor-bg, #ffffff);
  border-right: 1px solid var(--sz-border);
}

.CodeMirror-linenumber {
  color: #94a3b8;
  font-size: 12px;
}

.CodeMirror-cursor {
  border-left-color: var(--sz-text);
}

.CodeMirror-selected {
  background: rgba(79, 70, 229, 0.12) !important;
}

.CodeMirror-focused {
  background: var(--sz-editor-bg, #ffffff);
}

.sz-editor-card__field--compact .CodeMirror,
.sz-result-output + .CodeMirror,
.sz-result-canvas .CodeMirror {
  border: 0;
}

.sz-editor-card__field--compact .CodeMirror {
  border-radius: 0 0 14px 14px;
}

.sz-result-canvas .CodeMirror {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  border: 1px solid var(--sz-border);
  border-radius: 12px;
  background: var(--sz-editor-bg, #ffffff);
  box-sizing: border-box;
}

.sz-result-canvas .CodeMirror-focused {
  background: var(--sz-editor-bg, #ffffff);
}

.sz-result-canvas .CodeMirror-scroll,
.sz-editor-card__field--compact .CodeMirror-scroll {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  min-height: inherit;
  overflow-x: auto !important;
  overflow-y: auto !important;
  box-sizing: border-box;
}

.sz-result-canvas .CodeMirror.CodeMirror-wrap .CodeMirror-scroll {
  overflow-x: hidden !important;
  overflow-y: auto !important;
}

@media (max-width: 767px) {
  .CodeMirror {
    font-size: 12px;
    line-height: 1.65;
  }
}