/* Generated story scenes preserve the original placeholder layout. */
.generated-image{position:relative;overflow:hidden;background:#fcf6f9;border-radius:20px;margin:38px 0;box-shadow:0 18px 40px #2a0f3114}
.generated-image img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}
.generated-image.portrait{max-width:440px;margin-left:auto;margin-right:auto}
.generated-image.portrait img{aspect-ratio:4/5}
.generated-image.square{max-width:560px;margin-left:auto;margin-right:auto}
.generated-image.square img{aspect-ratio:1}
.generated-image .image-credit{position:absolute;left:10px;top:10px;padding:5px 9px;border-radius:5px;background:#241128d9;color:#fff;font:600 11px/1.4 var(--sans);letter-spacing:.2px;max-width:calc(100% - 20px)}
.generated-image figcaption{padding:10px 14px;background:#fcf6f9;color:#634a67;font:600 12px/1.5 var(--sans);text-align:center}
.banner-visual .generated-image{margin:0;border-radius:0;box-shadow:none}
.banner-visual .generated-image img{aspect-ratio:16/7.4;object-position:50% 0%}
.vs-card .generated-image{margin:0 0 18px;border-radius:0;box-shadow:none}
.vs-card .generated-image img{aspect-ratio:4/5}
.chapter-side .generated-image{margin:0}
.chapter-side .generated-image img{aspect-ratio:4/3}
.call-tile .generated-call-photo{inset:0;width:100%;height:100%;max-width:100%;object-fit:cover;transform:none}
.call-tile .call-image-credit{position:absolute;right:8px;top:8px;padding:4px 6px;border-radius:4px;background:#241128d9;color:#fff;font:600 10px/1.3 var(--sans)}
.demo-card .generated-image{margin:0;border-radius:0;box-shadow:none}
.demo-card .generated-image img{aspect-ratio:4/3}
.feature-band .generated-image{margin:0;aspect-ratio:1}
.feature-band .generated-image img{height:100%;aspect-ratio:1}
.ingredient .generated-image{margin:0;width:100%;border-radius:0;box-shadow:none}
.ingredient .generated-image img{width:100%;aspect-ratio:16/10;object-fit:cover;margin:0}
.ingredient.wide .generated-image{flex:0 0 42%;width:42%}
.ingredient.wide .generated-image img{width:100%;height:100%;aspect-ratio:auto;object-fit:cover}
.gallery .generated-image,.before-after .generated-image{margin:0;box-shadow:none}
.gallery .generated-image img,.before-after .generated-image img{aspect-ratio:3/4}
.gallery .generated-image figcaption,.before-after .generated-image figcaption{font-size:12px;line-height:1.5}
@media(max-width:760px){
.generated-image{margin:28px 0;border-radius:16px}
.banner-visual .generated-image img{aspect-ratio:4/5;object-position:48% 35%}
.ingredient.wide .generated-image{flex:0 0 auto;width:100%}
.ingredient.wide .generated-image img{height:auto;aspect-ratio:16/10}
.feature-band .generated-image{max-width:480px;margin:auto;width:100%}
.call-tile .call-image-credit{font-size:9px;top:5px;right:5px;padding:3px 4px}
}
@media(max-width:520px){.vs-card .generated-image img{aspect-ratio:4/3;object-position:center top}}

.call-tile{margin:0}