.json-editor {
  display: block;

  width: 100%;
  min-height: 600px;
  padding: 1.25rem;

  resize: vertical;
  background: var(--surface-background);

  border: 0;
  border-bottom: 1px solid var(--border);
  border-radius: 0;

  font-family:
    "SFMono-Regular",
    Consolas,
    "Liberation Mono",
    Menlo,
    monospace;
  font-size: 0.95rem;
  line-height: 1.6;
}

@media (max-width: 700px) {
  .tool-panel-header {
    align-items: flex-start;
    flex-direction: column;
  }

  .tool-actions {
    width: 100%;
  }

  .tool-actions button {
    flex: 1;
  }

  .json-editor {
    min-height: 320px;
  }
}