/* The canvas, editing tools and offer share the first screen. */
main{max-width:1440px;padding:0 28px}.studio{padding:18px 0 24px;grid-template-columns:370px minmax(0,1fr);gap:16px 24px}.studio-heading h1{font-size:34px;margin:0}.studio-heading{grid-column:1/-1;min-height:38px}.studio-badge{font-size:11px;letter-spacing:0}.editor{grid-column:1;grid-row:2/4;box-shadow:0 18px 50px #0003}.gift-slots{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:12px;border-bottom:1px solid var(--line)}.gift-slots button{display:grid;grid-template-columns:24px 1fr;text-align:left;align-items:center;gap:3px 8px;background:#ffffff03;border:1px solid var(--line);border-radius:9px;color:var(--paper);padding:10px;font-size:12px}.gift-slots span{grid-row:1/3;font-size:10px;color:var(--gold)}.gift-slots small{grid-column:2;color:var(--muted);font-size:9px}.gift-slots button[aria-pressed=true]{border-color:var(--gold);background:#d1b68713}.gift-slots button[data-ready=true] small{color:#a9d3bd}.studio-tabs{padding:8px}.studio-tabs button{font-size:11px;min-height:38px;padding:8px 2px}.editor-panels{height:calc(100svh - 295px);min-height:290px;max-height:620px;padding:16px 20px}.editor-footer{min-height:52px;padding:8px 14px}.editor-footer span{flex-basis:100%;font-size:9px}.editor-footer #view-poster{display:block;font-size:10px}.editor .date-label{margin-top:0}.editor label:not(.check):not(.style-options label){margin-top:12px}.editor .primary{margin-top:15px}.editor .field-note{margin:5px 0;font-size:10px}.time-row{grid-template-columns:115px 1fr;gap:12px}.time-row .check{font-size:10px;margin:0 0 11px}.privacy-details{font-size:9px;color:var(--muted);margin-top:12px}.privacy-details summary{cursor:pointer}.editor textarea{min-height:80px}.editor .font-sample{min-height:112px}.background-thumb{height:92px}.preview-column{grid-column:2;grid-row:2;position:relative;top:auto;border:1px solid var(--line);border-radius:14px;padding:12px 18px 8px;background:radial-gradient(ellipse at 50% 30%,#47344b50,transparent 70%),#120e1d}.preview-top{max-width:none;margin:0 0 10px;align-items:center;font-size:8px}.expand-button{padding:7px 12px;border:1px solid var(--line);color:var(--paper);background:#ffffff07;border-radius:20px;font-size:11px;letter-spacing:0}.poster-open{display:block;padding:0;border:0;background:none;margin:auto;cursor:zoom-in;max-width:100%;width:min(530px,calc((100svh - 310px)*.75));min-width:245px}.poster-open .poster{display:block;max-width:none;width:100%;border:0}.preview-actions{display:flex;justify-content:center;gap:24px;margin:6px 0 0}.preview-actions button{font-size:9px;padding:5px 0}.preview-column .sky-notice{font-size:10px;margin:6px auto}.gift-checkout{grid-column:2;grid-row:3;display:grid;grid-template-columns:1fr auto;gap:8px 16px;align-items:center;border:1px solid #d1b68760;border-radius:12px;padding:14px 20px;background:linear-gradient(115deg,#3c294b65,#171223)}.launch-label{font-size:8px;color:var(--gold);letter-spacing:.13em}.gift-checkout h2{font-size:27px;margin:4px 0}.gift-checkout p{font-size:10px;color:var(--muted);margin:0}.gift-price{grid-row:1/3;grid-column:2;text-align:right}.gift-price strong{display:block;font:500 48px/1 'Cormorant Garamond',Georgia,serif;color:#f1d7a8}.gift-price strong span{font-size:30px}.gift-price small{font-size:8px;color:var(--muted)}.gift-checkout .primary{width:auto;min-width:190px;margin:0;gap:30px;padding:11px 15px;font-size:11px;grid-row:2}.gift-format{grid-column:1/-1;font-size:9px;color:var(--muted)}#gift-status:empty{display:none}#gift-status{grid-column:1/-1;color:#f0c8a8}.compact-details{margin:14px 0;border-top:1px solid var(--line);padding:14px 0}.compact-details>summary{font-size:12px;color:var(--muted);cursor:pointer}.companions{margin:20px auto;max-width:1100px}.companions .eyebrow,.companions-note{display:none}.companions h2{font-size:28px;margin:0 0 18px}.companion-card .poster{max-width:260px}.questions{margin:18px auto 12px}.questions h2{font-size:26px}.questions details{padding:10px 0}.map-footer{padding:18px}.map-footer>p{display:none}.map-footer>a{font-size:23px}.map-footer nav{font-size:10px;margin-top:8px}
.studio-dialog{color:var(--paper);background:#171223;border:1px solid #d1b68755;border-radius:16px;padding:0;width:min(1080px,96vw);max-width:96vw;height:94svh;max-height:94svh;overflow:hidden;box-shadow:0 25px 100px #0009}.studio-dialog::backdrop{background:#080611de;backdrop-filter:blur(7px)}.dialog-toolbar{height:62px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 18px;border-bottom:1px solid var(--line)}.dialog-toolbar h2{font-size:25px;margin:0}.dialog-close{font-size:12px;background:#ffffff07;color:var(--paper);border:1px solid var(--line);border-radius:7px;padding:8px 12px}.zoom-controls{display:flex;align-items:center;gap:7px}.zoom-controls button{font-size:11px;color:var(--gold);background:none;border:1px solid var(--line);border-radius:6px;padding:7px 10px}.zoom-stage{height:calc(100% - 62px);overflow:auto;padding:16px;background:#0e0b15}.zoom-poster{display:block;width:var(--zoom-width,500px);max-width:none;margin:auto;box-shadow:0 12px 40px #0009}.zoom-poster>svg{display:block;width:100%;height:auto}.checkout-dialog{height:auto;max-height:92svh;width:540px;overflow:auto}.checkout-content{padding:20px}.order-previews{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin:0 0 16px}.order-previews figure{margin:0}.order-previews figure>svg{width:100%;height:auto;display:block}.order-previews figcaption{font-size:10px;text-align:center;color:var(--muted);margin-top:5px}.checkout-content label{font-size:12px}.checkout-content input[type=email]{margin:7px 0 12px}.checkout-content .check{font-size:10px;align-items:flex-start}.checkout-content .primary{margin-top:14px}.checkout-content p{font-size:11px;color:var(--muted)}.checkout-content #checkout-status{color:#efc19c}.preview-notice{font-size:10px;color:var(--gold)}
@media(min-width:1100px){.editor-panels{height:calc(100svh - 375px)}.poster-open{width:min(530px,calc((100svh - 420px)*.75))}.gift-checkout{grid-template-columns:minmax(0,1fr) auto auto;gap:5px 18px}.gift-checkout .primary{grid-column:3;grid-row:1/3}.gift-format{grid-column:1/3}.gift-checkout h2{font-size:27px}.gift-price{grid-row:1/3}}
@media(max-width:1000px){main{padding:0 18px}.studio{grid-template-columns:330px minmax(0,1fr);gap:12px 16px}.gift-checkout{padding:12px}.gift-checkout h2{font-size:23px}.gift-price strong{font-size:42px}.poster-open{min-width:210px}.editor-panels{padding:16px}header.site-header{padding:8px 18px;gap:16px}.site-header .site-logo{width:110px;height:58px}.site-header .site-logo img{width:110px;transform:translateY(-8px)}.site-header nav{gap:6px 12px}.site-header nav a{font-size:17px;padding:7px 0}.site-header .atlas-nav{padding:8px 12px}}
@media(max-width:760px){main{padding:0 12px}.studio{display:grid;grid-template-columns:1fr;padding-top:12px;gap:12px}.studio-heading{flex-wrap:nowrap;gap:8px}.studio-heading h1{font-size:28px}.studio-badge{font-size:9px;padding:5px 8px}.editor{grid-column:1;grid-row:3;order:initial}.preview-column{grid-column:1;grid-row:2;order:initial;padding:10px 12px 7px}.poster-open{width:min(310px,calc((100svh - 240px)*.75));min-width:180px}.preview-top{max-width:none}.gift-checkout{grid-column:1;grid-row:4}.editor-panels{height:360px;max-height:none;min-height:0;padding:16px}.gift-slots{padding:9px}.gift-slots button{padding:8px}.background-thumb{height:100px}.dialog-toolbar{padding:10px;gap:8px;flex-wrap:wrap;height:auto;min-height:62px}.dialog-toolbar h2{font-size:22px}.zoom-controls{gap:4px}.zoom-controls button{font-size:10px;padding:7px}.zoom-stage{height:calc(100% - 80px);padding:12px}.dialog-close{font-size:11px}.gift-checkout h2{font-size:26px}}

/* Clear studio controls and restrained editorial headings. */
.studio,.studio-dialog,.compact-details{font-family:'Source Sans 3',Arial,sans-serif}
.studio-heading h1,.gift-checkout h2,.dialog-toolbar h2,.companions h2,.questions h2{font-family:'Playfair Display',Georgia,serif;font-weight:400;line-height:1.2;letter-spacing:-.025em}
.studio-heading h1{font-size:32px}.studio-heading{margin-bottom:2px}.studio-badge{font-size:12px;padding:6px 12px;background:#d5b7870b}
.editor{background:linear-gradient(155deg,#30233d,#1b1729 65%);border-color:#c4b1d13b;border-radius:18px;box-shadow:0 14px 45px #05030a40}
.gift-slots{padding:12px;gap:10px}.gift-slots button{font-size:14px;border-radius:10px;background:#ffffff03}.gift-slots button[aria-pressed=true]{background:linear-gradient(120deg,#d1b68722,#c0a4d016);box-shadow:inset 0 0 0 1px #d1b68720}.gift-slots small{font-size:11px}.gift-slots span{font-size:11px}
.studio-tabs{gap:4px;padding:9px 10px;background:#100d1b50}.studio-tabs button{font-size:13px;border-radius:8px;font-weight:400;letter-spacing:.01em}.studio-tabs button[aria-selected=true]{background:#d3b8921c;color:#f6dfb8}
.editor label:not(.check):not(.style-options label){font-size:14px;color:#ece3ed;letter-spacing:.01em;margin:13px 0 6px}.editor input:not([type=checkbox]):not([type=radio]),.editor select,.editor textarea{font-family:'Source Sans 3',Arial,sans-serif;font-size:15px;border-radius:10px;border-color:#ccb9df35;background:#110e1c99}.editor input::placeholder,.editor textarea::placeholder{font-size:14px;color:#a799b1}.editor .field-note{font-size:12px;line-height:1.45}.editor .check,.time-row .check{font-size:12px}.editor .primary{font-size:14px;border-radius:10px}.editor .search-row button{font-size:13px;border-radius:9px}.editor .date-text-label{font-size:12px}.editor-footer span{font-size:11px}.editor-footer #view-poster,.editor-footer #reset-design{font-size:12px}.editor .form-status{font-size:13px}.editor .font-caption{font-family:'Source Sans 3',Arial,sans-serif;font-size:12px}.editor .font-caption small{font-size:11px}.editor .font-sample{border-radius:12px;background:#ffffff03}.editor .font-sample:has(input:checked){border-color:#dfbf8a;background:#dfbf8a12}.font-sample [data-font-example]{font-size:30px}.background-card{border-radius:12px;overflow:hidden}.background-card>span:not(.background-thumb){font-size:13px}.background-card small{font-size:11px}
.preview-column{border-radius:18px;background:radial-gradient(ellipse at 50% 35%,#72517430,transparent 70%),#140f20;border-color:#c4b1d12d}.preview-top{font-size:10px;letter-spacing:.08em}.expand-button{font-size:13px;border-color:#d1b68765;background:#d1b6870c}.preview-actions button{font-size:11px}.poster-open .poster{box-shadow:0 16px 50px #0008}
.gift-checkout{border-radius:16px;background:linear-gradient(120deg,#47305270,#1e172b)}.gift-checkout h2{font-size:23px}.gift-price strong{font-family:'Playfair Display',Georgia,serif;font-weight:400;font-size:40px}.gift-price small{font-size:10px}.launch-label{font-size:10px;letter-spacing:.1em}.gift-format{font-size:11px}.gift-checkout .primary{font-size:13px;border-radius:9px;min-width:170px;gap:14px}.compact-details>summary{font-size:13px}
@media(min-width:1100px){.gift-checkout h2{font-size:22px}.editor-panels{height:calc(100svh - 400px)}}
@media(max-width:1000px){.gift-checkout h2{font-size:21px}}
@media(max-width:760px){.studio-heading h1{font-size:26px}.studio-badge{font-size:10px;padding:5px 8px}.studio-tabs button{font-size:13px}.gift-slots button{font-size:13px}.gift-checkout h2{font-size:23px}.gift-price strong{font-size:38px}.dialog-toolbar h2{font-size:21px}}
.studio-header .nav-offers{display:flex;align-items:center;gap:12px;flex-shrink:0;margin-left:auto}
.editor #panel-text>label:first-child{margin-top:0}
.editor #panel-text textarea{height:80px;min-height:80px}
.editor #panel-text .metadata-options{margin-top:12px}
@media(max-width:760px){.studio-header .nav-offers{grid-column:1/-1;order:2;display:grid;grid-template-columns:1fr 1fr;width:100%;gap:8px}.studio-header .nav-offers>.nav-offer{min-height:48px;padding:8px;gap:4px;border-radius:11px}}
@media(max-width:760px){.editor-panels:has(#panel-text:not([hidden])){height:auto;min-height:360px;overflow:visible}}

/* Larger print preview and a moment form without a nested scrolling area. */
.poster-open{width:min(100%,560px);max-width:none;min-width:0}
.poster-open .poster{aspect-ratio:5/7}
.poster-open .poster>svg{display:block;width:100%;height:auto}
.editor-panels:has(#panel-moment:not([hidden])){height:auto;min-height:0;max-height:none;overflow:visible}
.editor #panel-moment label[for=birth-place]{margin-top:0}
.editor #panel-moment .date-label{margin-top:16px}
.editor .ruedas{--alto-rueda:44px}
.editor input:not([type=checkbox]):not([type=radio]):not([type=range]),.editor .search-row button{min-height:44px}
.background-thumb svg{display:block;width:100%;height:100%;object-fit:cover}
.purchase-action{grid-column:3;grid-row:1/4;min-width:235px;text-align:center}
.gift-checkout .purchase-action .primary{width:100%;font-size:14px;min-height:46px;margin:0;justify-content:center}
.payment-note{display:block;font-size:10px;line-height:1.4;color:var(--muted);max-width:255px;margin:6px auto 0}
.price-reference{display:block;white-space:nowrap;font-size:11px;color:var(--gold);margin-bottom:5px}
.price-reference del{color:var(--muted);margin-right:5px}
.gift-checkout .gift-format{font-size:12px}
.gift-checkout{grid-template-columns:minmax(0,1fr) auto minmax(235px,auto)}
.preview-top,.studio-tabs,.gift-slots{scroll-margin-top:12px}
@media(min-width:761px) and (max-width:1150px){
 .gift-checkout{grid-template-columns:1fr auto}
 .purchase-action{grid-column:1/-1;grid-row:3;min-width:0}
 .payment-note{max-width:none}
 .gift-checkout .gift-format{grid-row:4}
 .poster-open{width:100%}
}
@media(max-width:760px){
 body{padding-bottom:calc(102px + env(safe-area-inset-bottom))}
 .poster-open{width:100%;min-width:0}
 .preview-column{padding:10px 8px 8px}
 .preview-top{margin-bottom:8px}
 .editor-panels:has(#panel-moment:not([hidden])){height:auto;overflow:visible}
 .gift-checkout{grid-template-columns:1fr auto;gap:12px}
 .gift-checkout .gift-format{grid-column:1/-1}
 .purchase-action{position:fixed;z-index:30;bottom:0;left:0;right:0;padding:10px 12px calc(9px + env(safe-area-inset-bottom));background:#171223f5;border-top:1px solid #d1b68765;box-shadow:0 -6px 25px #0005;min-width:0;backdrop-filter:blur(10px)}
 .payment-note{font-size:10px;max-width:none;margin-top:5px}
 body:has(dialog[open]) .purchase-action{visibility:hidden}
 .studio-dialog .zoom-stage{padding:8px}
 .editor,.gift-checkout{scroll-margin-bottom:110px}
 .editor input,.editor textarea,.editor select{scroll-margin-bottom:160px}
 .gift-checkout h2{font-size:21px}
 .studio-badge{font-size:9px}
 .studio-header #site-navigation>a:not(.nav-offer){font-size:clamp(13px,3.65vw,16px);white-space:normal;line-height:1.2;min-height:44px;display:flex;align-items:center;justify-content:center;text-align:center}
}
@media(max-width:360px){.studio-tabs{gap:2px;padding:8px 6px}.studio-tabs button{font-size:12px;min-height:44px}}

@media(max-width:760px){.editor input:not([type=checkbox]):not([type=radio]):not([type=range]),.editor textarea,.editor select{font-size:16px}.purchase-action #gift-status{margin-top:5px;font-size:12px;line-height:1.4}.purchase-action #gift-status:empty{margin:0}.checkout-content input[type=email]{font-size:16px}}

/* Collection library: compact categories, full-width live font samples. */
.collection-tabs{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0 8px}
.collection-tabs button{flex:1 1 auto;min-height:42px;border:1px solid #d4bd9638;border-radius:12px;padding:9px 11px;background:#211a30;color:#cfc3d7;font:500 13px 'Source Sans 3',sans-serif;cursor:pointer}
.collection-tabs button[aria-pressed=true]{background:linear-gradient(135deg,#efdbad,#c7a87c);color:#2e2236;border-color:#e5c895;box-shadow:0 2px 12px #d9bc8b18}
.collection-tabs button span{opacity:.7;font-size:11px;margin-left:4px}
#font-target{width:100%;min-height:46px}
.font-gallery{display:grid;grid-template-columns:1fr;gap:8px}
.font-gallery .font-sample{margin:0!important;min-height:92px}
.font-gallery .font-sample>span:last-child{font-size:28px;line-height:1.55;overflow-wrap:anywhere;max-width:100%;padding:5px 0}
.font-gallery .font-caption{font-size:12px}
.background-card[hidden],.font-sample[hidden]{display:none!important}
#background-gallery{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
#background-gallery .background-thumb{height:auto;aspect-ratio:5/7}
#background-gallery strong{font-size:12px;line-height:1.25}
#background-gallery small{font-size:10px;line-height:1.35}
.background-card{padding:6px!important;border-radius:12px!important;min-width:0}
#panel-font,#panel-background{min-width:0}
.background-card input{inset:0;width:100%;height:100%;margin:0;z-index:2;cursor:pointer}.background-thumb,.background-card strong,.background-card small,.background-card:after{pointer-events:none}
@media(max-width:420px){#background-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.collection-tabs button{padding:8px;font-size:12px;min-height:44px}.font-gallery .font-sample>span:last-child{font-size:26px}}

.collection-controls{position:relative;z-index:3;background:#251e32;padding:4px 0 6px;box-shadow:0 7px 10px #251e3260}.collection-controls .field-note{margin:6px 0;font-size:11px}.collection-controls label{margin-top:2px!important}

.editor-panels:has(#panel-font:not([hidden])),.editor-panels:has(#panel-background:not([hidden])){height:auto;max-height:none;overflow:visible}
#panel-font .font-choices{max-height:330px;overflow-y:auto;overscroll-behavior:contain;padding:4px;scrollbar-width:thin;scrollbar-color:#b39a79 #221a30}
#panel-background .style-options{max-height:470px;overflow-y:auto;overscroll-behavior:contain;padding:4px;scrollbar-width:thin;scrollbar-color:#b39a79 #221a30}
@media(max-width:760px){#panel-font .font-choices{max-height:310px}#panel-background .style-options{max-height:440px}}
/* Interactive print surface and clear, spacious studio typography. */
.studio,.studio-dialog,.editor input,.editor select,.editor textarea,.editor button{font-family:'Manrope',Arial,sans-serif}
.studio-heading h1,.gift-checkout h2,.dialog-toolbar h2{font-family:'Playfair Display',Georgia,serif}
.editor label:not(.check):not(.style-options label){font-size:13px;font-weight:500;letter-spacing:0}
.studio-tabs button{font-size:12px;font-weight:500}.gift-slots button{font-size:13px}.editor .field-note{font-size:11px;line-height:1.6}
.editor .font-caption{font-family:'Manrope',Arial,sans-serif}.editor input[type=range]{accent-color:#e7c48b;width:100%;min-height:32px}
.editor output{display:inline-block;float:right;color:#f6d9a7;font-size:13px;font-variant-numeric:tabular-nums}
.poster-open,.zoom-poster{position:relative}.poster-open{display:block;padding:0;margin:0 auto;background:none;border:0;line-height:normal}
.poster-open .poster{display:block;width:100%;position:relative}.poster img[data-preview-bitmap],.zoom-poster img[data-preview-bitmap]{display:block;width:100%;height:auto}
.poster[data-protected=true]{overflow:hidden;background:#201a2a}.poster[data-protected=true] .loading{display:flex;align-items:center;justify-content:center;position:absolute;inset:0;padding:30px;text-align:center;font-size:13px}
.preview-controls{position:absolute;inset:0;pointer-events:none}.preview-hit{position:absolute;pointer-events:auto;background:transparent;border:1px solid transparent;border-radius:5px;padding:0;cursor:pointer;transition:background .18s,border-color .18s}
.preview-hit:hover,.preview-hit:focus-visible{border-color:#d8b47d;background:#cbb18515;outline:2px solid #e7c48b;outline-offset:1px}.preview-hit.sky-hit{border-radius:50%}
.preview-edit-hint{text-align:center;font-size:11px;line-height:1.5;color:var(--muted);margin:9px 0 3px}
.editor-selected{animation:editor-highlight .7s ease-out}@keyframes editor-highlight{from{box-shadow:0 0 0 2px #e5c697,0 0 28px #e5c69730}to{box-shadow:0 14px 45px #05030a40}}
.order-preview-picture{aspect-ratio:5/7;position:relative;overflow:hidden}.order-preview-picture img{display:block;width:100%;height:auto}
@media(prefers-reduced-motion:reduce){.editor-selected{animation:none}.preview-hit{transition:none}}
.sky-colors{border:0;margin:0 0 22px;padding:0}.sky-colors legend{font-family:'Playfair Display',Georgia,serif;font-size:22px;margin-bottom:14px}.sky-color-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:12px 0}.editor .sky-color-grid label{font-size:11px!important;margin:0!important;line-height:1.6}.editor .sky-color-grid input[type=color]{display:block;width:100%;height:48px;min-height:48px;padding:4px;border:1px solid #d1b68755;border-radius:10px;background:#151020;cursor:pointer}.sky-color-presets{display:grid;grid-template-columns:1fr 1fr;gap:7px}.sky-color-presets button{display:flex;align-items:center;gap:7px;text-align:left;color:var(--paper);font-size:11px;background:#ffffff05;border:1px solid var(--line);border-radius:8px;padding:9px}.sky-color-presets button:hover,.sky-color-presets button:focus-visible{border-color:var(--gold)}.sky-color-presets span{width:23px;height:23px;flex-shrink:0;border-radius:50%;background:radial-gradient(circle at 40% 30%,var(--stars) 0 1.5px,transparent 2px),radial-gradient(circle at 65% 65%,var(--stars) 0 1px,transparent 1.5px),var(--swatch);border:1px solid #ffffff30}.sky-colors .field-note{margin:12px 0 8px}
.interactive-welcome{display:flex;gap:12px;align-items:flex-start;background:linear-gradient(120deg,#493057,#281c37);border:1px solid #e3c08788;border-radius:14px;padding:15px 17px;margin-bottom:16px;text-align:left;box-shadow:0 8px 28px #0003}.interactive-welcome[hidden]{display:none}.welcome-icon{font-size:32px;color:#edcc93;line-height:1}.interactive-welcome strong{font-family:'Playfair Display',Georgia,serif;font-size:20px;color:#ffe0a7}.interactive-welcome p{font-size:12px;line-height:1.65;color:#e4d9ed;margin:7px 0}.interactive-welcome button{border:0;border-radius:7px;background:#e8cc99;color:#21172c;font-family:'Manrope',Arial,sans-serif;font-size:12px;padding:8px 12px;cursor:pointer}.preview-edit-hint strong{color:#e8cc99}
.preview-hit.move-text{touch-action:none;cursor:grab}.preview-hit.move-text:active{cursor:grabbing}.preview-hit.text-selected{border:1px dashed #ffe0a5;background:#e1bf8212;box-shadow:0 0 0 1px #20172888}.preview-hit.text-selected:after{content:'✥';position:absolute;right:-10px;top:-10px;display:grid;place-items:center;width:20px;height:20px;font-size:13px;border-radius:50%;color:#30203b;background:#ffe0a5;pointer-events:none}.alignment-guides{position:absolute;inset:0;pointer-events:none;z-index:6}.alignment-guides i{display:block;position:absolute}.center-vertical{left:50%;top:0;bottom:0;border-left:1px solid #ef555d}.center-horizontal{top:50%;left:0;right:0;border-top:1px solid #ef555d}.alignment-guides>span{position:absolute;left:calc(50% + 5px);top:calc(50% + 5px);font-size:10px;color:#fff;background:#af263a;padding:2px 5px;border-radius:3px}.guide-quarter{top:0;bottom:0;border-left:1px dashed #ffffff88}.guide-quarter.left{left:25%}.guide-quarter.right{left:75%}.guide-row{left:0;right:0;border-top:1px dashed #ffffff88}.guide-row.upper{top:25%}.guide-row.lower{top:75%}.position-editor{border:1px solid #d1b68730;border-radius:10px;background:#100c1930;padding:10px;margin-top:12px}.position-editor[hidden]{display:none}.position-editor>span{font-size:12px;font-weight:500;color:#edcc93}.position-editor>div{display:grid;grid-template-columns:1fr 1fr;gap:10px}.position-editor label{font-size:11px!important;margin:8px 0!important}.position-editor input{width:100%;min-height:36px!important;padding:7px!important}.position-editor .field-note{font-size:10px!important;margin:8px 0 0}
@media(max-width:760px){.interactive-welcome{padding:12px;gap:9px}.interactive-welcome strong{font-size:18px}.interactive-welcome p{font-size:11px}.preview-edit-hint{font-size:11px;padding:0 5px}}
/* A unified text inspector, with quieter controls and editorial typography. */
.editor button,.studio-tabs button,.editor-footer button,.preview-actions button,.expand-button{font-family:'Marcellus',Georgia,serif;font-weight:400;letter-spacing:.01em}.studio-tabs{display:grid;grid-template-columns:.85fr 1.4fr .85fr .8fr;gap:5px}.studio-tabs button{font-size:15px;padding:10px 5px;line-height:1.2}.studio-tabs button[aria-selected=true]{color:#ffdfaa;background:linear-gradient(130deg,#d1b68730,#8c6b9918)}
.editor label:not(.check):not(.style-options label){font-family:'Montserrat',Arial,sans-serif;font-size:12px;font-weight:500}.editor input:not([type=radio]):not([type=checkbox]):not([type=range]):not([type=color]),.editor select,.editor textarea{font-family:'Manrope',Arial,sans-serif;font-size:14px;line-height:1.6;color:#f9edf3;background:#100c1acc}.editor .text-button{font-family:'Marcellus',Georgia,serif;font-size:14px}.editor .primary{font-family:'Marcellus',Georgia,serif;font-size:17px}.editor .search-row button{font-family:'Marcellus',Georgia,serif;font-size:15px}.collection-tabs button{font-family:'Marcellus',Georgia,serif;font-size:14px}.collection-controls>label:first-child{font-family:'Marcellus',Georgia,serif;font-size:16px!important;color:#ecd1aa!important}
.inline-text-editor{margin:15px 0 16px;padding:13px;border:1px solid #d1b68740;border-radius:12px;background:linear-gradient(130deg,#d1b6870a,#ffffff02)}.inline-text-editor[hidden]{display:none}.inline-text-editor>label:first-child{margin-top:0!important}.inline-text-editor input[type=text],.inline-text-editor input:not([type]),.inline-text-editor textarea{width:100%;padding:10px 12px}.inline-text-editor textarea{min-height:80px;height:80px;resize:vertical}.inline-text-editor input[type=range]{margin-bottom:0}.computed-content{font-family:'Marcellus',Georgia,serif;font-size:17px;line-height:1.5;color:#eddbbc;margin:0 0 8px}.collection-controls>p.field-note{margin:7px 0 10px}.editor .font-caption{font-family:'Marcellus',Georgia,serif;font-size:14px}.editor .font-caption small{font-family:'Manrope',Arial,sans-serif;font-size:10px;color:#ab9eb6}.font-sample{padding:12px!important}.font-sample [data-font-example]{font-size:33px}.editor-section-title{font-family:'Libre Baskerville',Georgia,serif;font-size:22px;font-weight:400;margin:0 0 16px}.position-editor>summary{font-family:'Marcellus',Georgia,serif;font-size:15px;color:#ecd1aa;cursor:pointer;padding:2px}.position-editor{margin-bottom:14px}.metadata-options{margin:10px 0 20px;padding:12px;border:1px solid #c4b1d12d;border-radius:10px}.metadata-options legend{font-family:'Marcellus',Georgia,serif;font-size:16px;color:#ecd1aa}.sky-colors legend{font-family:'Marcellus',Georgia,serif;font-size:21px}.sky-color-presets button{font-family:'Marcellus',Georgia,serif;font-size:13px}.gift-slots button{font-family:'Marcellus',Georgia,serif;font-size:15px}.sky-hit.text-selected{border-style:dashed}.sky-hit.text-selected:after{right:13%;top:13%}
@media(max-width:760px){.studio-tabs button{font-size:13px;padding:10px 3px}.collection-tabs button{font-size:13px}.editor-section-title{font-size:20px}.inline-text-editor{padding:11px}.gift-slots button{font-size:14px}}
/* Expand every editor section into the page instead of nested scrolling. */
.editor .editor-panels{height:auto;min-height:0;max-height:none;overflow:visible;overscroll-behavior:auto}
.editor #panel-font .font-choices,.editor #panel-background .style-options{height:auto;max-height:none;overflow:visible;overscroll-behavior:auto}
/* Keep every visibility option together, with clear full-width rows. */
.editor .metadata-options{display:grid;grid-template-columns:1fr;gap:7px;border:1px solid #d1b68740;border-radius:12px;padding:13px;margin:0 0 22px;background:#100c1933}
.editor .metadata-options legend{font-family:'Marcellus',Georgia,serif;font-size:20px;color:#f2d6a7;padding:0 6px;margin-bottom:7px}
.editor .metadata-options .check{display:flex;align-items:center;gap:11px;margin:0;padding:10px 11px;min-height:43px;border:1px solid #ccb9df20;border-radius:8px;background:#ffffff03;font-family:'Manrope',Arial,sans-serif;font-size:12px;line-height:1.45;color:#f1e9f3;cursor:pointer}
.editor .metadata-options .check:has(input:checked){border-color:#d1b68750;background:#d1b6870a}.editor .metadata-options input{flex-shrink:0;width:17px;height:17px;accent-color:#e5c58d}

/* Small position inspector; the page remains the only scrolling surface. */
.editor .position-editor{padding:8px 10px;margin:8px 0 12px}
.editor .position-editor>summary{font-size:13px;padding:0;line-height:1.5}
.editor .position-editor>div{gap:8px;margin-top:6px}
.editor .position-editor label{display:flex;align-items:center;gap:6px;font-size:10px!important;margin:0!important;min-width:0}
.editor .position-editor input{width:58px;min-width:0;min-height:28px!important;height:28px;margin:0!important;padding:2px 5px!important;font-size:12px!important;line-height:1.2}
.editor .position-editor .text-button{font-size:11px;min-height:24px;padding:3px 0;margin:4px 0 0}
.editor .position-editor .field-note{display:none}
@media(min-width:761px){
 .preview-stack{grid-column:2;grid-row:2/4;align-self:start;position:sticky;top:12px;min-width:0}
 .preview-stack .preview-column{position:relative;top:auto}
 .preview-stack .gift-checkout{margin-top:12px}
 .preview-stack .poster-open{width:min(100%,560px,calc((100svh - 305px)*5/7));min-width:0}
 .preview-stack:has(.interactive-welcome:not([hidden])) .poster-open{width:min(100%,560px,calc((100svh - 455px)*5/7))}
}
@media(min-width:761px) and (max-width:1150px){
 .preview-stack .poster-open{width:min(100%,calc((100svh - 365px)*5/7))}
 .preview-stack:has(.interactive-welcome:not([hidden])) .poster-open{width:min(100%,calc((100svh - 535px)*5/7))}
}
@media(max-width:760px){
 .preview-stack{display:contents}
 .editor .position-editor input{min-height:36px!important;height:36px}
}

/* Full-size artwork and independent desktop panes. */
.editor .font-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
.editor .font-gallery .font-sample{min-height:76px;padding:8px!important;gap:4px}
.editor .font-gallery .font-caption{font-size:11px;line-height:1.3}
.editor .font-gallery .font-caption small{display:none}
.editor .font-gallery .font-sample>span:last-child{font-size:23px;line-height:1.25;padding:3px 0;min-width:0}
@media(min-width:761px){
 .studio{align-items:start}
 .studio>.editor{position:sticky;top:12px;height:calc(100svh - 24px);min-height:0;display:flex;flex-direction:column;overflow:hidden}
 .editor .gift-slots,.editor .studio-tabs,.editor .editor-footer{flex-shrink:0}
 .editor .editor-panels{flex:1 1 auto;min-height:0;height:auto;overflow-y:auto!important;overflow-x:hidden!important;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#bba078 #211a30}
 .preview-stack{position:sticky;top:12px;height:calc(100svh - 24px);display:flex;flex-direction:column;min-height:0}
 .preview-stack .preview-column{flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#bba078 #171223}
 .preview-stack .gift-checkout{flex:0 0 auto}
 .preview-stack .poster-open,.preview-stack:has(.interactive-welcome:not([hidden])) .poster-open{width:min(100%,560px);min-width:0}
}

/* Clear digital offer, protected example data and a short mobile entry. */
.gift-price .single-price{font-size:12px;line-height:1.5;color:#e4d8ec;margin:0 0 4px;white-space:normal}
.gift-price .single-price strong{display:inline;font-family:'Manrope',Arial,sans-serif;font-size:14px;font-weight:700;line-height:1.5;color:#f1d7a8}
.gift-price .single-price del{color:#b8aabd}.gift-price .digital-product{font-size:11px;line-height:1.5;color:#e4d8ec;margin-top:6px}.gift-checkout .gift-price{grid-row:1/3}
.example-confirmation{padding:14px;border:1px solid #e8be79;border-radius:10px;background:#e8be7912;margin:12px 0 18px;color:#ffe0a7}.example-confirmation[hidden]{display:none}.example-confirmation ul{font-size:13px;line-height:1.7;padding-left:20px}.example-confirmation .check{font-size:12px;line-height:1.6}
.draft-status{text-align:center;color:#c5b6cf;font-size:12px;margin:16px auto}.mobile-create-bar{display:none}
.ready-purchase{position:fixed;right:24px;bottom:18px;z-index:29;background:#21172ff5;border:1px solid #d1b68788;border-radius:12px;padding:12px 16px;box-shadow:0 8px 35px #0008;display:flex;gap:15px;align-items:center}.ready-purchase[hidden]{display:none}.ready-purchase span{font-size:12px;color:#e4d8ec}.ready-purchase .primary{margin:0;font-size:14px;min-height:44px}body:has(dialog[open]) .ready-purchase{display:none}
@media(min-width:761px){.studio-header .site-menu-toggle{display:none}}
@media(max-width:760px){
 .studio-header{display:flex!important;flex-wrap:wrap!important;justify-content:space-between;padding:5px 12px!important;gap:3px!important}
 .studio-header .site-logo{width:95px!important;height:45px!important}.studio-header .site-logo img{width:95px!important}
 .studio-header .site-menu-toggle{display:block!important;background:#2a2039;border:1px solid #d1b68755;border-radius:8px;padding:8px 12px;color:#f1d7a8;font:14px 'Marcellus',Georgia,serif}
 .studio-header #site-navigation{display:none!important;width:100%;padding:9px 0}
 .studio-header[data-open=true] #site-navigation{display:flex!important;flex-wrap:wrap;justify-content:center}
 .mobile-create-bar{display:block;padding:8px 0 2px}.mobile-create-bar .primary{width:100%;margin:0;min-height:44px;font-size:16px}
 .ready-purchase{display:none!important}.gift-price .single-price strong{font-size:13px}.gift-price .digital-product{font-size:10px}
}

.sky-brightness{padding:0;border:0;margin:0 0 22px}.sky-brightness legend{font:21px 'Marcellus',Georgia,serif;color:#f2d6a7;margin-bottom:12px}.brightness-presets{display:grid;grid-template-columns:1fr;gap:7px}.editor .brightness-presets label{display:flex;gap:10px;align-items:center;margin:0!important;padding:11px;border:1px solid #d1b68740;border-radius:10px;background:#ffffff03;cursor:pointer}.brightness-presets label:has(input:checked){border-color:#e4c18a;background:#d1b68715}.brightness-presets input{accent-color:#e5c58d;width:17px;height:17px;flex-shrink:0}.brightness-presets strong{font:16px 'Marcellus',Georgia,serif;color:#f2d6a7}.brightness-presets small{display:block;font:11px/1.5 'Manrope',Arial,sans-serif;color:#c7b9d1;margin-top:3px}

.preview-editor-title{text-align:center;padding:12px 0 16px}.preview-editor-title h2{margin:0;font-family:"Cormorant Garamond",Georgia,serif;font-size:clamp(26px,3.4vw,44px);font-weight:600;letter-spacing:.09em;text-transform:uppercase;background:linear-gradient(110deg,#ad8042,#ffe4a5 45%,#c39150 78%,#f3d99c);background-clip:text;-webkit-background-clip:text;color:transparent}.preview-editor-title p{margin:4px 0 0;font-size:13px;color:#bcb0c9}#background-categories{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}#background-categories button{font-size:13px;padding:8px 6px;line-height:1.3}@media(max-width:720px){.preview-editor-title{padding:6px 0 10px}.preview-editor-title h2{font-size:25px}.preview-editor-title p{font-size:12px}}

/* Mobile entry: edit first; preview follows the form, with no internal scroll. */
@media(max-width:760px){.studio{display:flex!important;flex-direction:column!important}.studio>.preview-stack{display:block!important}}
@media(max-width:760px){.studio>.studio-heading{order:0}.studio>.editor{order:1;width:100%}.studio>.preview-stack{order:2;width:100%}.studio>.editor .editor-panels{height:auto!important;max-height:none!important;overflow:visible!important}.studio>.editor{overflow:visible!important}.preview-stack{position:static!important;height:auto!important}.preview-stack .preview-column{height:auto!important;overflow:visible!important}}
.preview-hit.move-text:not(.sky-hit){z-index:5}
.layout-review-dialog{width:min(520px,calc(100% - 28px));max-height:85svh;overflow:auto;background:#211a2e;color:#f6eee1;border:1px solid #d4b17a;border-radius:16px;padding:22px}.layout-review-dialog::backdrop{background:#080611c9}.layout-review-dialog h2{font:28px 'Cormorant Garamond',Georgia,serif;margin:0 0 12px}.layout-review-dialog p,.layout-review-dialog li{font:14px/1.6 'Manrope',Arial,sans-serif}.layout-review-actions{display:flex;flex-wrap:wrap;gap:10px}.layout-review-actions button{min-height:44px;padding:10px 14px;border-radius:9px;background:#d4b17a;color:#241b2c;border:1px solid #d4b17a;font:14px 'Manrope',Arial,sans-serif}.layout-review-actions [data-action=cancel]{background:transparent;color:#f6eee1}
/* Lola QA: whole desktop artwork, no scroll inside the preview. */
@media(min-width:761px){
 .preview-stack{height:var(--preview-pane-height,calc(100svh - 200px))}
 .preview-stack .preview-column{overflow:hidden}
 .preview-stack .poster-open,.preview-stack:has(.interactive-welcome:not([hidden])) .poster-open{width:min(100%,560px,var(--poster-fit-width,280px))}
 .preview-editor-title{padding:4px 0 8px}.preview-editor-title h2{font-size:32px}
 .interactive-welcome{margin-bottom:8px}
}
#birth-form [aria-invalid=true]{border-color:#f2a295;box-shadow:0 0 0 1px #f2a295}
.editor-load-error{padding:12px;border:1px solid #f2a295;border-radius:10px;color:#ffe2d9;line-height:1.6}
.editor-load-error button{padding:8px 12px;border:1px solid #d1b687;border-radius:6px;background:#d1b687;color:#21172f}
