/* Conversion surfaces inherit the four existing visual worlds. */
[data-design-system] .keepsake-hero-link{display:inline-flex;align-items:center;min-height:44px;margin-top:14px;gap:8px;font-weight:650;text-underline-offset:5px;color:var(--t-ink)}
[data-design-system] .keepsake-hero-price{display:block;font-size:14px;color:var(--t-muted);margin:5px 0 0}
[data-design-system] .theme-keepsake{scroll-margin-top:100px}
[data-design-system] #premiumOffer{display:grid;grid-template-columns:minmax(160px,.6fr) minmax(0,1fr);gap:32px;align-items:center;background:var(--t-soft);padding:28px;border:0;border-radius:16px;margin:24px 0 40px}
[data-design-system] #premiumOffer h3{font:600 clamp(24px,3vw,36px)/1.25 var(--serif,Georgia,serif);margin:0 0 12px}
[data-design-system] .keepsake-ending-art{margin:0;text-align:center;min-height:200px}
.keepsake-ending-art canvas{display:block;max-height:330px;max-width:100%;width:auto;height:auto;margin:auto;box-shadow:0 12px 24px #061b3226}
[data-design-system] #premiumOffer button,[data-design-system] .keepsake-purchase button{background:var(--t-action);color:var(--t-on-action);border:0;min-height:48px;border-radius:10px;font:650 16px/1.4 var(--sans,sans-serif);padding:12px 18px;cursor:pointer}
[data-design-system] #premiumOffer a{display:block;margin:16px 0 0;font-size:14px}
[data-design-system] #premiumOffer p{color:var(--t-ink);line-height:1.6}
[data-design-system] .premium-product .keepsake-purchase{margin:0 0 24px;padding:20px;background:var(--t-soft);border:0;border-radius:14px;position:relative}
[data-design-system] .keepsake-purchase>p{margin:0 0 10px;color:var(--t-ink);font-size:14px}
[data-design-system] .keepsake-purchase .purchase-price{font-weight:650;font-size:22px;margin-bottom:6px}
[data-design-system] .keepsake-purchase>button{width:100%}
[data-design-system] .keepsake-purchase>a{display:inline-block;font-size:13px;margin-top:10px;color:var(--t-ink)}
[data-design-system] .keepsake-purchase [role=status]:empty{display:none}
[data-design-system] .keepsake-purchase [role=status]{margin-top:12px;overflow-wrap:anywhere}
[data-design-system] .keepsake-purchase [data-detail]{font-size:13px;color:var(--t-muted);margin:10px 0 0}
[data-design-system] .studio-controls .studio-primary{background:var(--t-paper);border:1px solid var(--t-line);color:var(--t-ink)}
[data-design-system] .studio-artifact{top:90px}
[data-design-system] .studio-artifact #studioCanvas{min-height:280px;padding:24px;background:var(--t-soft);border-radius:14px}
[data-design-system] .studio-artifact canvas{max-height:570px}
[data-design-system] .premium-product .studio-lead{font-size:19px}
[data-design-system] .studio-proof{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin-top:16px;color:var(--t-ink)}
[data-design-system] .studio-proof p{margin:0;font-size:14px}
[data-design-system] .studio-proof button{background:var(--t-paper);color:var(--t-ink);border:1px solid var(--t-line);min-height:44px}
[data-design-system] .premium-product .studio-controls h2{font-size:28px;margin-bottom:18px}
[data-design-system] .template-strip{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
[data-design-system] .template-choice img{height:190px;background:var(--t-paper);object-fit:contain}
[data-design-system] .premium-product button.template-choice{background:var(--t-paper);border:2px solid var(--t-line);border-radius:10px;padding:10px;gap:8px}
[data-design-system] .premium-product button.template-choice[aria-pressed=true]{border-color:var(--t-action);background:var(--t-soft)}
[data-design-system] .premium-product .free-compare{gap:32px}
[data-design-system] .free-compare>div{padding:0 0 20px}
[data-design-system] .free-compare>div+div{border-top:3px solid var(--t-action)}
[data-design-system] .studio-current-source{font-weight:600;color:var(--t-ink);margin:0 0 14px}
.keepsake-purchase button:disabled{cursor:wait;opacity:.65}
@media(max-width:760px){
 [data-design-system] #premiumOffer{grid-template-columns:110px minmax(0,1fr);gap:16px;padding:20px 16px}
 .keepsake-ending-art canvas{max-height:210px}.keepsake-ending-art{min-height:120px!important}
 [data-design-system] #premiumOffer h3{font-size:23px}[data-design-system] #premiumOffer button{font-size:14px;width:100%}
 [data-design-system] .premium-product:has(.keepsake-purchase){padding-bottom:230px}
 [data-design-system] .premium-product .keepsake-purchase{position:fixed;bottom:0;left:0;right:0;z-index:40;margin:0;border-radius:0;padding:12px 16px calc(12px + env(safe-area-inset-bottom));box-shadow:0 -6px 22px #061b321c;background:var(--t-paper);border-top:1px solid var(--t-line);display:grid;grid-template-columns:1fr;gap:6px;max-height:45dvh;overflow-y:auto}
 [data-design-system] .keepsake-purchase .purchase-price{font-size:15px;margin:0}
 [data-design-system] .keepsake-purchase>p:not(.purchase-price):not([role=status]){display:none}
 [data-design-system] .keepsake-purchase [data-detail]{display:block!important;font-size:12px;margin:0}
 [data-design-system] .keepsake-purchase>a{margin-top:0;font-size:12px}
 [data-design-system] .keepsake-purchase [role=status]{margin:0;font-size:13px}
 [data-design-system] .premium-product:has(dialog[open]) .keepsake-purchase{visibility:hidden}
 [data-design-system] .studio-artifact #studioCanvas{padding:18px;min-height:200px}
 [data-design-system] .studio-artifact canvas{max-height:420px}
 [data-design-system] .template-choice img{height:190px}
 [data-design-system] .premium-product button.template-choice{flex-basis:146px}
 [data-design-system] .keepsake-introduction{margin-bottom:18px}
 [data-design-system] .keepsake-introduction>p:last-child{font-size:14px}
}

body:has(dialog[open]) .keepsake-purchase{visibility:hidden}
[data-design-system] .premium-product .studio-controls #keepsakeBuy{background:var(--t-action);color:var(--t-on-action);border:0;min-height:48px}
[data-design-system] .premium-product .studio-controls #studioPNG{background:var(--t-paper);color:var(--t-ink);border:1px solid var(--t-line)}
[data-design-system] .premium-product .studio-controls .template-choice img{height:190px}
[data-design-system] .premium-product .keepsake-purchase>p{color:var(--t-ink)}
