.creative-art { display: block; position: absolute; inset-inline: 0; width: 100%; pointer-events: none; z-index: 0; }
.creative-art > svg { display: block; width: 100%; height: auto; }
.creative-art-top { top: 0; }
.creative-art-bottom { bottom: 0; }
.template-art[data-creative] { aspect-ratio: 1.12; padding: 58px 24px 48px; overflow: clip; }
.template-art[data-creative] .mini-heading { max-width: 90%; font-size: clamp(1.2rem,2vw,1.7rem); position: relative; z-index: 1; background: var(--card-paper); box-shadow: 0 0 0 8px var(--card-paper); }
.template-art[data-creative] .mini-label { position: relative; z-index: 1; background: var(--card-paper); font-size: .4rem; letter-spacing: .04em; max-width: 95%; line-height: 1.5; }
.letter-card[data-creative] { padding-top: clamp(110px,calc(26% + 20px),190px); padding-bottom: clamp(105px,calc(23% + 20px),165px); isolation: isolate; overflow: clip; }
.letter-card[data-creative]::before { inset: 15px; border: 1px solid var(--card-accent); opacity: .35; border-radius: 0; pointer-events: none; }
.letter-card[data-creative]::after { pointer-events: none; }
.letter-card[data-creative] > :not(.creative-art):not(.card-effect-layer):not(.letter-foil) { position: relative; z-index: 1; }
.letter-card[data-creative] > .letter-mark { display: none; }
.letter-card[data-creative] > h2 { margin-top: 0; }
.letter-card[data-creative] > .letter-kicker { margin-bottom: 22px; }
.letter-card[data-creative] > .letter-brand { color: var(--card-ink); }
.letter-card.birthday-parade::before { border-style: dashed; }
.letter-card.grad-club::before { border-width: 2px; opacity: .55; }
.letter-card.love-bloom::before { border-radius: 45% 45% 0 0 / 18% 18% 0 0; }
.letter-card.little-daydream::before { border-style: dotted; border-radius: 28px; }
.letter-card.teacher-day::before { border-color: var(--card-accent); border-radius: 6px; opacity: .28; }
.letter-card.teacher-day { padding-bottom: clamp(135px,calc(28% + 25px),185px); }
.letter-card.teacher-day > .creative-art-bottom { max-width: 450px; margin-inline: auto; }
.template-art.teacher-day .mini-label { display: none; }
.letter-card.black-premium::before { inset: 18px; border-color: var(--card-accent); opacity: .6; }
.print-spread.black-premium .print-cover { background-image: none; }
.print-spread.black-premium .print-inside { background: var(--card-paper); color: var(--card-ink); }
.print-spread.black-premium .print-inside :is(.print-to,.print-instruction,.print-from) { color: var(--card-muted); }
.print-spread.black-premium .qr-code { background: #fff; }
.template-art.black-premium .mini-heading { letter-spacing: .045em; }
.print-spread[data-creative] .print-cover > .creative-art { position: absolute; inset-inline: 0; width: 100%; }
.print-spread[data-creative] .print-cover > h3, .print-spread[data-creative] .print-cover > .print-brand { position: relative; z-index: 1; }
.print-spread[data-creative] .print-cover::before { display: none; }
@media (max-width:480px) { .template-art[data-creative] { padding-inline: 12px; } .template-art[data-creative] .mini-heading { font-size: 1.2rem; max-width: 100%; } }