.site-preview{background:var(--t-bg,#ede9df);color:var(--t-ink,#243c2f)}
.site-preview:before{background:linear-gradient(90deg,var(--t-bg,#e9e6dc) 0%,color-mix(in srgb,var(--t-bg,#e9e6dc),transparent 8%) 53%,transparent 100%)}
.site-preview:after{background:linear-gradient(145deg,var(--t-accent,#c6baaa),var(--t-ink,#9b8d7d))}
.template-visual.layout-centered .visual-copy{align-items:center;width:90%;text-align:center}
.template-visual.layout-centered .visual-art{right:-7%;opacity:.45}
.template-visual.layout-editorial .visual-copy{width:58%}
.template-visual.layout-editorial .visual-art{right:-4%;width:53%;height:125px;border-radius:2px 2px 0 0}
.template-visual.layout-bold .visual-copy{width:72%}
.template-visual.layout-bold .visual-art{right:-3%;width:57%;height:145px;border-radius:0;opacity:.38}
.generated-site-card.layout-centered .generated-hero{grid-template-columns:1fr;justify-items:center;text-align:center;min-height:360px}
.generated-site-card.layout-centered .generated-hero-copy{max-width:650px}
.generated-site-card.layout-centered .generated-hero-copy>p{margin-left:auto;margin-right:auto}
.generated-site-card.layout-centered .generated-art{right:7%;width:37%;opacity:.22}
.generated-site-card.layout-editorial .generated-hero{grid-template-columns:.78fr 1.22fr;gap:6%}
.generated-site-card.layout-editorial .generated-art{position:relative;grid-column:1;grid-row:1;right:auto;bottom:auto;width:100%;height:250px;border-radius:3px;align-self:center}
.generated-site-card.layout-editorial .generated-hero-copy{grid-column:2;grid-row:1}
.generated-site-card.layout-bold .generated-hero{grid-template-columns:1fr;min-height:390px;background:var(--t-ink);color:var(--t-bg)}
.generated-site-card.layout-bold .generated-hero-copy{max-width:65%}
.generated-site-card.layout-bold .generated-hero-copy>small{color:var(--t-accent)}
.generated-site-card.layout-bold .generated-hero-copy>p{color:color-mix(in srgb,var(--t-bg),transparent 24%)}
.generated-site-card.layout-bold .generated-art{right:0;bottom:0;width:53%;height:90%;border-radius:0;opacity:.38}
@media(max-width:650px){.generated-site-card.layout-centered .generated-hero{min-height:300px}.generated-site-card.layout-centered .generated-art{width:60%;height:45%;right:0;bottom:0}.generated-site-card.layout-editorial .generated-hero{grid-template-columns:1fr;gap:18px}.generated-site-card.layout-editorial .generated-art{grid-column:1;grid-row:2;height:165px;width:82%;justify-self:center}.generated-site-card.layout-editorial .generated-hero-copy{grid-column:1;grid-row:1}.generated-site-card.layout-bold .generated-hero{min-height:0;padding-bottom:195px}.generated-site-card.layout-bold .generated-hero-copy{max-width:100%}.generated-site-card.layout-bold .generated-art{width:63%;height:185px}}