.thumb { width: 56px; height: 56px; object-fit: cover; border-radius: .375rem; border: 1px solid var(--bs-border-color); }
.original-text { white-space: normal; max-height: 50vh; overflow: auto; }
.target-card .card-header { background: var(--bs-body-bg); }
.variant { font-size: .925rem; }
.variant.loading {
  background: repeating-linear-gradient(45deg, var(--bs-tertiary-bg), var(--bs-tertiary-bg) 10px, var(--bs-body-bg) 10px, var(--bs-body-bg) 20px);
  background-size: 200% 200%;
  animation: stripes 1s linear infinite;
}
@keyframes stripes { from { background-position: 0 0; } to { background-position: 56px 0; } }
.log-msg { max-width: 360px; white-space: pre-wrap; }