.tool-fields-view {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-8);
  min-width: 0;
}

.tool-fields-view .tool-field-block {
  margin: 0;
  padding: 0;
  border: none;
  background-color: transparent;
  font-family: var(--typography-font-mono);
  font-size: var(--font-size-medium-16);
  line-height: var(--line-height-small-22);
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  min-width: 0;
}

.tool-fields-view .tool-field-block {
  max-height: var(--size-256);
  overflow-y: auto;
}

.tool-fields-view .tool-field-multiline > .datum-value {
  display: block !important;
  white-space: normal !important;
  overflow: hidden !important;
}

.tool-fields-view .tool-field-multiline > .datum-value > .datum-text {
  display: block !important;
  white-space: normal !important;
  overflow: hidden !important;
  mask-image: none !important;
  -webkit-mask-image: none !important;
}

.tool-fields-view .tool-field-markup > .datum-value {
  padding: 0 !important;
}

.tool-fields-view .tool-field-markup .code-view {
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  border-radius: 0;
  padding: var(--spacing-8);
}

.tool-fields-view .tool-field-markup .code-view {
  max-height: var(--size-256);
  overflow-y: auto;
}

.tool-fields-view .tool-field-group > .datum-value {
  display: block !important;
  padding: 0 !important;
  padding-inline-start: var(--spacing-12) !important;
  border: none !important;
  border-inline-start: var(--border-width-base) solid var(--border-color-subtle) !important;
  border-radius: 0 !important;
  background-color: transparent !important;
  white-space: normal !important;
  overflow: visible !important;
}

.tool-fields-view .tool-field-group > .datum-value > .datum-text {
  display: block !important;
  white-space: normal !important;
  overflow: visible !important;
  mask-image: none !important;
  -webkit-mask-image: none !important;
}

.tool-fields-view .tool-field-members {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-8);
  min-width: 0;
}