tr.whr-preview-row > td { padding: 0; }

.whr-receipt-preview {
  width: 100%;
  aspect-ratio: 1 / 1;
  margin: 0 0 .75rem 0;
  overflow: hidden;
  background: #fafafa;
  display: flex;
  align-items: center;
  justify-content: center;
}

.whr-receipt-preview img {
  width: 100%;
  height: 100%;
  object-fit: contain;           /* fit within square, no cropping */
  border: 0.25px solid #d0d0d0;  /* subtle thin border */
  border-radius: 3px;
  background: #fff;
}

.whr-preview-row .whr-receipt-preview,
.whr-receipt-preview {
  padding-bottom: 8px; /* space from row */
}

.whr-receipt-preview .whr-square {
  width: 100%;
  max-width: 520px; /* fits your form width; tweak if needed */
  aspect-ratio: 1 / 1;
  position: relative;
  overflow: hidden;
  border: 0.5px solid rgba(0,0,0,0.15); /* ~0.25px on HiDPI */
  border-radius: 4px;
  background: #fff;
}

.whr-receipt-preview .whr-square img {
  position: absolute;
  inset: 0;
  margin: auto;
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
  object-fit: contain; /* fit within the square (no cropping) */
  display: block;
}