.build-your-own-preview{display:flex;gap:18px;justify-content:center;align-items:center;padding:24px;background:#edf0f3;border-radius:8px;min-height:220px}
.build-your-own-preview-page{flex:1;max-width:220px;aspect-ratio:680/880;background:white;border:1px solid #d4d9de;box-shadow:0 5px 12px #17212b20}
.build-your-own-preview-caption{text-align:center;color:#536170;font-size:13px;margin:12px 0}
.template-card-cover .build-your-own-preview{height:100%;padding:18px;min-height:0}
.template-card-cover .build-your-own-preview-caption{display:none}
#buildYourOwnBackground[hidden]{display:none!important}
#buildYourOwnBackground{display:grid;gap:12px;padding:14px;border:1px solid #d6dce3;border-radius:8px;background:#f7f9fb}
#buildYourOwnBackground p,#buildYourOwnBackground small{font-size:12px;line-height:1.5;color:#425466}
#buildYourOwnBackground label{display:grid;gap:6px}
#buildYourOwnBackground input[type=file]{max-width:100%;font-size:12px}
#buildYourOwnBackground button{padding:10px;border:1px solid #bac4cf;border-radius:6px;background:white;cursor:pointer}
.book-page.template-build-your-own,.page-thumbnail-paper.template-build-your-own{background-color:var(--own-page-color,var(--page-bg,#fff))!important;background-image:var(--own-page-image,none)!important;background-size:var(--own-page-fit,cover)!important;background-position:center!important;background-repeat:no-repeat!important;outline:none!important;border:0!important}
.book-page.template-build-your-own::before,.book-page.template-build-your-own::after{display:none!important}
.book-page.template-build-your-own .page-content{padding-top:0!important;margin-top:0!important}
.book-page.template-build-your-own .block-heading h1{border-bottom:0!important;padding-bottom:0!important}
.book-page.template-build-your-own .page-number[hidden],.book-page.template-build-your-own .ornament[hidden]{display:none!important}

#buildYourOwnBackground{min-width:0;padding:10px;font-size:12px;overflow-wrap:anywhere}
#buildYourOwnBackground>*{min-width:0;max-width:100%}
#buildYourOwnBackground select,#buildYourOwnBackground input[type=file],#buildYourOwnBackground button{box-sizing:border-box;width:100%;min-width:0;font-size:12px}

/* H40: raised cover beside a joined blank spread. */
.build-your-own-preview{padding:36px 28px 42px;gap:30px;background:#f0efeb;overflow:visible}
.build-your-own-preview-page{position:relative;max-width:none;background:#fffdf8;border:1px solid #e1ded5;box-shadow:3px 4px 0 #dedbd3,6px 8px 0 #eeece6,9px 15px 18px #302b292b}
.build-your-own-preview-cover{flex:1;aspect-ratio:680/880;transform:perspective(1200px) rotateY(-5deg);display:flex;align-items:center;justify-content:center}
.build-your-own-cover-copy{text-align:center;padding:10%;color:#263a48;line-height:1.5;width:100%;box-sizing:border-box}
.build-your-own-cover-eyebrow{display:block;font:600 clamp(8px,1vw,11px)/1.5 Arial,sans-serif;letter-spacing:.12em}
.build-your-own-cover-copy strong{display:block;font:500 clamp(24px,3.2vw,40px)/1.12 Georgia,serif;margin:14% 0 9%}
.build-your-own-cover-rule{display:block;width:30%;height:2px;background:#b88935;margin:0 auto 10%}
.build-your-own-cover-copy p{font:400 clamp(10px,1.2vw,15px)/1.5 Arial,sans-serif;margin:7% 0}
.build-your-own-cover-copy small{display:block;font:400 clamp(8px,1vw,12px)/1.5 Arial,sans-serif;margin-top:12%;color:#59656d}
.build-your-own-open-book{flex:2;display:flex;aspect-ratio:1360/880;position:relative;filter:drop-shadow(7px 15px 10px #302b292e);border-bottom:5px solid #d9d6cd;border-radius:3px 3px 10px 10px}
.build-your-own-book-leaf{flex:1;position:relative;border:1px solid #e4e1d9;border-bottom:4px solid #eeece6}
.build-your-own-book-left{background:linear-gradient(90deg,#fffdf8 0%,#fffdf8 88%,#e8e5de 100%);border-radius:5px 0 0 8px;transform:perspective(1000px) rotateY(3deg);transform-origin:right center}
.build-your-own-book-right{background:linear-gradient(90deg,#d9d5cb 0%,#f7f5ef 6%,#fffdf8 18%,#fffdf8 100%);border-radius:0 5px 8px 0;transform:perspective(1000px) rotateY(-3deg);transform-origin:left center}
.build-your-own-open-book:after{content:"";position:absolute;left:50%;top:0;bottom:0;width:2px;background:#c8c3b7;box-shadow:0 0 9px #77705a40}
.template-card-cover .build-your-own-preview{padding:16px 24px 22px;background:#f0efeb}
.template-card-cover .build-your-own-preview-cover{height:100%;flex:0 1 auto;width:auto;aspect-ratio:680/880}
.template-card-cover .build-your-own-cover-copy strong{font-size:clamp(22px,2.4vw,32px)}
.template-card-cover .build-your-own-cover-copy p{font-size:11px}
.template-card-cover .build-your-own-cover-copy small,.template-card-cover .build-your-own-cover-eyebrow{font-size:8px}
@media(max-width:600px){.build-your-own-book-preview{gap:12px;padding:22px 12px 28px}.build-your-own-book-preview .build-your-own-cover-copy{padding:7%}.build-your-own-book-preview .build-your-own-cover-copy strong{font-size:clamp(15px,4vw,24px)}.build-your-own-book-preview .build-your-own-cover-copy p{font-size:clamp(7px,1.8vw,10px)}.build-your-own-book-preview .build-your-own-cover-copy small,.build-your-own-book-preview .build-your-own-cover-eyebrow{font-size:clamp(6px,1.5vw,8px)}}