.preview-header{height:90px}.preview-header>a:not(.wordmark),.preview-header>span{font-size:11px}.preview-layout{max-width:1120px;margin:55px auto 80px;display:grid;grid-template-columns:1.1fr 1fr;gap:90px;padding:0 35px}.viewer{min-width:0}#stage-wrap{position:relative;aspect-ratio:9/16;width:100%;background:#dcd5e6;overflow:hidden;box-shadow:0 15px 50px #323a2424}.stage{position:absolute;width:360px;height:640px;transform-origin:top left;overflow:hidden;color:#322f49;background:#d1c9e4}.stage .art{position:absolute;width:100%;height:100%;object-fit:cover;inset:0}.stage .wash{position:absolute;inset:0;background:transparent}.stage .topline{position:absolute;top:39px;left:34px;right:34px;margin:0;font:9px var(--sans);letter-spacing:2.4px;line-height:1.6}.stage .title-block{position:absolute;top:232px;left:33px;right:33px}.stage .pretitle{font:italic 20px var(--display);margin:0 0 15px}.stage h1{font:500 66px/.96 var(--display);letter-spacing:-3px;white-space:pre-line;overflow-wrap:anywhere;margin:0}.stage .subtitle{font:10px/1.6 var(--sans);letter-spacing:1.3px;text-transform:uppercase;margin:20px 0 0}.stage .event-details{position:absolute;bottom:69px;left:34px;right:34px}.stage .event-details p{font:10px/1.7 var(--sans);letter-spacing:1px;margin:6px 0;text-transform:uppercase}.stage .detail-rule{width:38px;height:1px;background:currentColor;opacity:.55;margin-bottom:16px}.stage .signature{position:absolute;bottom:22px;left:34px;right:34px;display:flex;justify-content:space-between;font:7px var(--sans);letter-spacing:1.4px;opacity:.7}.stage .oversize{position:absolute;inset:auto -10px 150px;font:800 180px/.77 Manrope,var(--sans);letter-spacing:-16px;white-space:pre-line;opacity:.12;pointer-events:none}.stage.lilac .title-block{text-align:center;top:236px}.stage.lilac .topline{text-align:center}.stage.lilac .event-details{text-align:center;bottom:70px}.stage.lilac .detail-rule{margin:0 auto 15px}.stage.lilac h1{font-size:75px}.stage.riviera{color:#313e2b}.stage.riviera .wash{background:linear-gradient(#f8f3de3d,#f8f3de00 70%)}.stage.riviera .topline{top:35px}.stage.riviera .title-block{top:157px;text-align:center}.stage.riviera h1{font-size:63px;font-style:italic}.stage.riviera .pretitle{font:10px var(--sans);letter-spacing:2px}.stage.riviera .event-details{background:#f6f4e8ee;left:25px;right:25px;bottom:45px;padding:20px 24px}.stage.riviera .signature{bottom:16px;color:#faf7e9;opacity:.95}.stage.editorial{color:#faf8ef;background:#111}.stage.editorial .wash{background:linear-gradient(#0003,transparent 45%,#0000 60%,#000a)}.stage.editorial .title-block{top:89px;left:28px;right:28px}.stage.editorial h1{font-size:59px}.stage.editorial .pretitle{display:none}.stage.editorial .subtitle{font-size:9px}.stage.baby{background:#f2e7d3;color:#a33f25}.stage.baby .title-block{top:184px;left:39px;right:30px}.stage.baby h1{font:500 91px/.88 var(--display);letter-spacing:-5px}.stage.baby .pretitle{font-size:19px}.stage.baby .oversize{font-family:var(--display);color:#cf8c6b;font-weight:500;font-size:340px;bottom:235px;left:110px;letter-spacing:-35px;transform:rotate(-15deg)}.stage.baby .topline{border-top:1px solid #a33f2570;padding-top:15px}.stage.graduation{background:#243ebf;color:#eeefdc}.stage.graduation .oversize{opacity:1;color:#c7d1f9;font-size:218px;top:133px;bottom:auto;left:11px;line-height:.76;letter-spacing:-22px}.stage.graduation .title-block{top:475px;left:31px}.stage.graduation h1{font:800 30px/.98 Manrope,var(--sans);letter-spacing:-1px}.stage.graduation .pretitle{position:absolute;top:-75px;font:11px var(--sans);letter-spacing:2px}.stage.graduation .subtitle{font-size:9px;margin-top:10px}.stage.graduation .event-details{bottom:48px;left:190px;right:15px}.stage.graduation .event-details p{font-size:8px}.stage.graduation .detail-rule{display:none}.stage.brand{background:#fa5226;color:#2b2391}.stage.brand .title-block{top:188px;left:24px;right:24px}.stage.brand h1{font:800 91px/.84 Manrope,var(--sans);letter-spacing:-7px}.stage.brand .pretitle{font:10px var(--sans);letter-spacing:2px;margin-bottom:32px}.stage.brand .subtitle{font-size:11px;font-weight:700;margin-top:25px}.stage.brand .topline{border-bottom:1px solid #2b239177;padding-bottom:18px}.stage.brand .oversize{font:800 200px Manrope,var(--sans);opacity:.12;left:125px;top:10px;letter-spacing:-20px}.player{display:flex;gap:13px;align-items:center;padding:18px 0}.player button{border:0;background:none;color:var(--ink);font-size:11px;padding:0}.player span{font-size:9px;white-space:nowrap}.timeline-label{font-size:0;flex:1;margin:0}.player input{padding:0;margin:0;accent-color:var(--ink)}.sample-note{font-size:10px;color:var(--muted);margin:0}.personalize{padding-top:15px}.personalize h2{font:500 44px var(--display);letter-spacing:-2px;margin:12px 0}.personalize>p:not(.eyebrow){font-size:13px;color:var(--muted);max-width:350px}.preview-price{border-block:1px solid var(--line);padding:22px 0;margin:30px 0;font-size:13px}.preview-price strong{float:right;font-size:20px}.preview-price small{display:block;margin-top:9px;font-size:10px}.personalize h3{font-size:16px;font-weight:500}.personalize .button{width:100%;margin-top:12px}.personalize .reset{display:block;background:none;border:0;text-decoration:underline;font-size:10px;padding:15px 0;color:var(--muted)}#edit-status{font-size:11px}.brief-link{display:block;margin-top:24px}.embed .preview-header,.embed .personalize,.embed .player,.embed .sample-note{display:none}.embed .preview-layout{display:block;padding:0;margin:0;max-width:none}.embed #stage-wrap{width:100vw;height:100vh;aspect-ratio:auto;box-shadow:none}.embed{overflow:hidden;background:transparent}.render #stage-wrap{width:360px;height:640px}.render .stage{transform:none!important}
.stage .signature[hidden]{display:none}
@media(max-width:760px){.preview-header{height:75px}.preview-header>span{display:none}.preview-layout{grid-template-columns:1fr;gap:35px;margin:28px auto 60px;padding:0 25px;max-width:465px}.personalize{padding-top:0}.personalize h2{font-size:38px}.embed .preview-layout{max-width:none}}

@font-face{font-family:'DM Serif Display';font-style:normal;font-weight:400;src:url('assets/fonts/DMSerifDisplay-Regular.ttf')}@font-face{font-family:'DM Serif Display';font-style:italic;font-weight:400;src:url('assets/fonts/DMSerifDisplay-Italic.ttf')}@font-face{font-family:'DM Sans';font-style:normal;font-weight:100 1000;src:url('assets/fonts/DMSans.ttf')}
.stage>:not(.motion-canvas){visibility:hidden}.stage .motion-canvas{position:absolute;inset:0;width:100%;height:100%;display:block}

/* Keep the complete 9:16 composition visible; intrinsic image height must not win. */
.preview-page:not(.embed) #stage-wrap{width:min(100%,max(180px,calc((100svh - 210px)*.5625)));margin-inline:auto}
.stage .preview-poster{position:absolute;inset:0;display:block;visibility:visible;width:100%;height:100%;object-fit:contain;background:var(--paper)}
.stage .preview-poster[hidden],.stage .motion-canvas[hidden]{display:none}
.preview-page .player button:disabled{opacity:.45;cursor:default}
.preview-page.preview-failed .sample-note{color:#8b2948}
.preview-page.preview-failed .personalize input,.preview-page.preview-failed .personalize button{opacity:.55}
