.fdm-workspace {
  display: grid;
  gap: var(--groupui-sys-spacing-600);
}
.fdm-workspace > groupui-card {
  display: block;
  min-width: 0;
  box-shadow: var(--app-shadow-sm);
  border-radius: var(--groupui-sys-border-radius-m);
}
.fdm-translate__fields {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  align-items: end;
  gap: var(--groupui-sys-spacing-600);
}
.fdm-translate__payload textarea {
  width: 100%;
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
}
.fdm-translate__payload small {
  display: block;
  margin-top: var(--groupui-sys-spacing-200);
}
.fdm-translate__actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--groupui-sys-spacing-400);
}
.fdm-output {
  width: 100%;
  max-height: 70vh;
  overflow: auto;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}

@media (max-width: 991px) {
  .fdm-translate__fields {
    grid-template-columns: 1fr;
    gap: 0;
  }
}