.ai-tool-parameter {
  margin-bottom: 2em;
  padding: 1.5em;
  border: 1px solid var(--primary-low);
  border-radius: 3px;
  background-color: var(--secondary-very-low);

  .parameter-row {
    display: flex;
    align-items: center;
    margin-bottom: 1em;

    input[type="text"] {
      flex-grow: 1;
      margin-right: 1em;
    }

    label {
      margin-right: 1em;
      white-space: nowrap;
    }
  }

  .parameter-enum-values {
    margin-top: 0.5em;

    .enum-value-row {
      display: flex;
      align-items: center;
      margin-bottom: 0.5em;

      input[type="text"] {
        flex-grow: 1;
        margin-right: 0.5em;
      }
    }
  }
}

.ai-tool-editor {
  max-width: 80%;
  position: relative;
  .ace-wrapper {
    border: 1px solid var(--primary-low);
    max-width: 100%;
    position: relative;
    width: 100%;
    height: 100%;
    min-height: 500px;
    .ace_editor {
      position: absolute;
      left: 0;
      right: 0;
      top: 0;
      bottom: 0;
    }
  }
}

.ai-tool-test-modal {
  &__test-result div {
    ul {
      padding-left: 1em;
    }
  }
}

.ai-tool-list-editor {
  &__header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0 0 1em 0;

    h3 {
      margin: 0;
    }
  }
}
