/* Fill the hero image area edge to edge, with readable labels outside the sample. */
.generated-sample-visual{background:#e4e6e3}
.generated-sample-visual .material-image{object-fit:cover;object-position:center;filter:none}
.generated-sample-visual:after{display:none}
.generated-sample-visual .visual-top{color:#effaf5;text-shadow:none;gap:16px;background:#052f31eb;padding:9px 12px}
.generated-sample-visual .water-label{top:43%;left:6%;background:#083e40e8}
.generated-sample-visual .mineral-label{top:65%;right:6%;background:#083e40e8}
.generated-sample-visual .visual-bottom{left:20px;right:20px;bottom:20px;padding:14px 16px;background:#052f31eb;gap:12px;border-top:1px solid #84f6e750;text-shadow:none}
.generated-sample-visual .visual-bottom>span{font-size:12px;line-height:1.5}
.generated-sample-visual .visual-bottom small{font-size:9px;line-height:1.5}
@media(max-width:900px){.generated-sample-visual .visual-top{flex-wrap:wrap;gap:5px}.generated-sample-visual .material-label{font-size:10px;min-width:0;padding:8px 10px}.generated-sample-visual .water-label{left:4%}.generated-sample-visual .mineral-label{right:4%}}
@media(max-width:640px){.generated-sample-visual{height:auto;min-height:0;aspect-ratio:4/5}.generated-sample-visual .visual-top{top:20px;flex-wrap:nowrap;font-size:8px}.generated-sample-visual .water-label{top:41%;left:5%}.generated-sample-visual .mineral-label{top:63%;right:5%}.generated-sample-visual .visual-bottom{bottom:16px;left:16px;right:16px;padding:12px 14px;gap:4px}.generated-sample-visual .visual-bottom>span{font-size:11px}}
@media(max-width:360px){.generated-sample-visual .visual-top{font-size:7px;letter-spacing:.08em}.generated-sample-visual .material-label{font-size:9px;padding:7px 9px}}

/* The client-supplied composite has its own labels; preserve its full framing. */
.generated-sample-visual.supplied-landing-visual{align-self:start;min-height:0;height:auto;aspect-ratio:1202/1308}
.supplied-landing-visual .material-image{object-fit:contain}
@media(max-width:640px){.generated-sample-visual.supplied-landing-visual{align-self:stretch}}