.generation-result-card {
  overflow: hidden;
  --ui-surface-border: color-mix(in srgb, var(--ms-color-border) 64%, transparent);
  --ui-surface-background: var(--ms-color-surface);
  box-shadow: none;
}

.generation-result-card--compact {
  transition:
    border-color var(--ms-duration-fast) var(--ms-easing-standard),
    background-color var(--ms-duration-fast) var(--ms-easing-standard);
}

.generation-result-card--compact:hover {
  --ui-surface-border: color-mix(in srgb, var(--ms-color-primary) 38%, transparent);
}
