.translate-form {
  display: grid;
  gap: 10px;
}

.translate-form label {
  font-weight: 600;
}

.translate-form textarea {
  width: 100%;
  min-height: 150px;
  border: 1px solid var(--line);
  border-radius: 10px;
  padding: 10px 12px;
  font: inherit;
  color: var(--text-main);
  background: #fff;
  resize: vertical;
}

.button-row {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}

.result-block {
  margin: 0;
  padding: 12px;
  border: 1px solid var(--line);
  border-radius: 10px;
  background: #f7fbff;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}