/* Publisher-inspired lettering for the existing cover studio. */
:root{--purple:#24758b;--line:#dce5e9;font-family:"Segoe UI",Arial,Helvetica,sans-serif;color:#173845;background:#f3f7f9}
header{min-height:6rem;height:auto;padding-top:1.25rem;padding-bottom:1.25rem;gap:1.5rem;border-bottom:2px solid #e0eaee;flex-wrap:wrap}
.brand{gap:.75rem;color:#3a7e93;letter-spacing:-.065em;line-height:1.15;flex-shrink:0}
.brand:hover{text-decoration:none}
.wordmark{font-size:clamp(1.75rem,2.4vw,2.25rem);font-weight:500;white-space:nowrap}
.wordmark-accent{color:#b37b09;font-weight:600}
.beta{font-size:.75rem;letter-spacing:.14em;color:#536d79;margin-left:0;border-left:1px solid #d2dde2;padding-left:.75rem}
nav{gap:.375rem;flex-wrap:wrap}
.nav{font-size:1rem;font-weight:600;line-height:1.4;color:#45606e;padding:.75rem 1rem}
.nav.active{background:#24758b;color:#fff}
.button{font-size:.9375rem;line-height:1.4;font-weight:650;min-height:2.875rem}
.primary{box-shadow:0 4px 12px #24758b20}
.secondary{color:#234b5b;border-color:#cbd9e0}
main{padding-top:2.5rem}
.pageheading{gap:2rem;margin-bottom:2rem;align-items:center}
.pageheading>div{max-width:58rem;min-width:0}
h1{font-family:"Segoe UI",Arial,Helvetica,sans-serif;font-size:clamp(2.25rem,3.9vw,3.5rem);font-weight:750;line-height:1.12;letter-spacing:-.035em;color:#397e92;margin:.625rem 0 1rem;text-wrap:balance;overflow-wrap:break-word}
.pageheading>div>p:not(.eyebrow){font-size:1.125rem;line-height:1.6;color:#5d6c79;max-width:52rem}
.eyebrow{font-size:.75rem;font-weight:700;letter-spacing:.16em;color:#426979;line-height:1.5}
p{color:#5d6c79}
h2{font-size:1.1875rem;font-weight:700;color:#173845;line-height:1.3}
h3{font-size:1rem;font-weight:650;color:#234b5b;line-height:1.4}
label{font-size:.875rem;font-weight:600;color:#435d6d;line-height:1.4}
input:not([type=checkbox]):not([type=range]):not([type=color]),select,textarea{font-size:.9375rem;line-height:1.5;color:#243e4c;min-height:2.75rem;border-color:#d6e1e6}
.fieldrow select{font-size:.875rem}
.paneltitle{margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid #e8eef1}
.paneltitle span{font-size:.75rem;color:#758995}
.smallcaps{font-size:.75rem;color:#617c89;letter-spacing:.1em}
.speccard{background:#edf5f8;border:1px solid #e1edf1}
.speccard strong{font-size:1.1875rem;color:#234b5b}
.speccard>span:last-child{font-size:.8125rem;color:#526a78}
a{font-size:.875rem}
.aiheading h3{margin-bottom:.375rem}
.aiheading p,.connection,.uploadrow>span,.notecard p{font-size:.875rem;color:#5d6c79}
.spark{background:#eaf5f8;color:#24758b}
.style{font-size:.875rem;line-height:1.3;color:#536d79}
.style.chosen{border-color:#24758b;background:#edf6f9;color:#1c6479}
.style>span{color:#234b5b}
.notecard{background:#eff5f7}
.notecard strong{font-size:.875rem;color:#234b5b}
.segmented button{font-size:.875rem;padding:.625rem .75rem}
.check{font-size:.875rem;color:#5d6c79}
.toolbar{flex-wrap:wrap}
.canvasfooter{font-size:.8125rem;line-height:1.4;flex-wrap:wrap;color:#627987}
.belowcanvas h3{font-size:1.25rem}
.belowcanvas>p{font-size:.875rem}
.footnote{font-size:.8125rem;color:#687d88}
.guide h2,.plan h2{font-size:1.5rem;font-weight:700;color:#234b5b}
.guide p,.guideextra p,.plan ul{font-size:1rem;color:#526a78}
.publishericon{color:#24758b;background:#eaf5f8}
.recommended{font-size:.75rem;letter-spacing:.06em;line-height:1.4;top:-1rem}
.plan .smallcaps{font-weight:750;color:#426979}
.plan .priceamount{font-weight:650;letter-spacing:-.035em;color:#234b5b}
.baseprice{font-size:.875rem;line-height:1.4}
.currencybar p,.currencybar label,.currencybar select{font-size:.9375rem}
.currencyhint{font-size:.8125rem!important}
dialog h2{font-size:1.625rem;line-height:1.25}
dialog p{font-size:1rem;line-height:1.6}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-color:#80b9cb}
@media(max-width:1150px){header{gap:1rem}.beta{display:none}.pageheading>div>p:not(.eyebrow){font-size:1rem}.wordmark{font-size:2rem}}
@media(max-width:760px){header{padding:1rem;gap:.75rem}.wordmark{font-size:1.75rem}.nav{font-size:.9375rem;padding:.625rem .75rem}main{padding-top:1.75rem}.pageheading{flex-wrap:wrap;gap:1rem;align-items:flex-start}h1{font-size:2.25rem;line-height:1.15;letter-spacing:-.03em}.pageheading>div>p:not(.eyebrow){font-size:1rem}.eyebrow{font-size:.75rem}.check{font-size:.8125rem}.plan,.guide{padding:1.5rem}.belowcanvas{padding:1.25rem}}
@media(max-width:400px){header>.button{margin-left:0}.wordmark{font-size:1.625rem}h1{font-size:2rem}.nav{padding:.625rem}.fieldrow{gap:.625rem}}