.ui-textarea {
  appearance: none;
  background: var(--color-surface-default);
  border: 1px solid var(--color-border-default);
  border-radius: 0.75rem;
  color: var(--color-text-primary);
  font: inherit;
  line-height: 1.4;
  min-height: 7rem;
  padding: 0.85rem 0.95rem;
  resize: vertical;
  width: 100%;
}

.ui-textarea::placeholder {
  color: var(--color-text-faint);
}

.ui-textarea:focus {
  border-color: var(--color-brand-focus);
  box-shadow: 0 0 0 3px var(--color-focus-ring-strong);
  outline: none;
}