/* Picorae v18.1 real free design previews.
   Targets newly created preview only; no live event dashboard/print export change. */
#preview2View .p2v-preview-promise{
 margin:10px auto 15px;max-width:360px;
 font:650 11px/1.5 system-ui;color:#675949;text-align:center
}
/* Bring the typography within an A6-proportioned 238 x 333 preview instead
   of forcing each word into a narrow column beside an oversized QR. */
#preview2View .p2-premium-sign.p2v-true-sign[data-side="front"],
#p2Lightbox .p2-premium-sign.p2v-true-sign[data-side="front"]{
 box-sizing:border-box!important;min-width:0!important;
 padding:25px 22px 18px!important;
 display:flex!important;flex-direction:column!important;
 justify-content:space-between!important;
 gap:8px!important;overflow:hidden!important
}
#preview2View .p2-premium-sign.p2v-true-sign[data-side="front"]>div:first-child,
#p2Lightbox .p2-premium-sign.p2v-true-sign[data-side="front"]>div:first-child{
 width:100%!important;max-width:100%!important;
 display:flex!important;flex-direction:column!important;
 align-items:center!important;justify-content:flex-start!important;
 gap:7px!important;min-width:0!important
}
#preview2View .p2-premium-sign.p2v-true-sign[data-side="front"]>div:nth-child(2),
#p2Lightbox .p2-premium-sign.p2v-true-sign[data-side="front"]>div:nth-child(2){
 width:100%!important;max-width:100%!important;min-width:0!important;
 display:flex!important;flex-direction:column!important;
 align-items:center!important;justify-content:center!important;
 gap:7px!important;margin:0!important;
}
#preview2View .p2-premium-sign.p2v-true-sign[data-side="front"] .p2-sign-heading,
#p2Lightbox .p2-premium-sign.p2v-true-sign[data-side="front"] .p2-sign-heading{
 font-size:var(--p2v-head-size,22px)!important;
 line-height:1.14!important;letter-spacing:normal!important;
 width:100%!important;max-width:100%!important;
 margin:0!important;padding:0!important;
 text-wrap:balance!important;overflow-wrap:break-word!important;word-break:normal!important;
 white-space:normal!important;text-align:center!important
}
#preview2View .p2-premium-sign.p2v-true-sign[data-side="front"][data-theme="party"] .p2-sign-heading,
#p2Lightbox .p2-premium-sign.p2v-true-sign[data-side="front"][data-theme="party"] .p2-sign-heading{
 background:#e2c99b!important;color:#121820!important;
 -webkit-text-fill-color:#121820!important;
 padding:6px 7px!important;font-size:clamp(13px,var(--p2v-head-size,18px),20px)!important;
 border-radius:4px!important
}
#preview2View .p2-premium-sign.p2v-true-sign[data-side="front"] .p2-sign-event-name,
#p2Lightbox .p2-premium-sign.p2v-true-sign[data-side="front"] .p2-sign-event-name{
 font-size:var(--p2v-event-size,13px)!important;line-height:1.24!important;
 width:100%!important;max-width:100%!important;
 overflow-wrap:break-word!important;word-break:normal!important;
 white-space:normal!important;text-align:center!important
}
#preview2View .p2-premium-sign.p2v-true-sign[data-side="front"] .p2-sign-main,
#p2Lightbox .p2-premium-sign.p2v-true-sign[data-side="front"] .p2-sign-main{
 font-size:var(--p2v-main-size,12px)!important;
 line-height:1.32!important;max-width:100%!important;width:100%!important;
 margin:0!important;white-space:normal!important;
 overflow-wrap:break-word!important;word-break:normal!important;
 text-align:center!important
}
#preview2View .p2-premium-sign.p2v-true-sign[data-side="front"] .p2-sign-sub,
#p2Lightbox .p2-premium-sign.p2v-true-sign[data-side="front"] .p2-sign-sub{
 font-size:9px!important;line-height:1.35!important;letter-spacing:0!important;
 text-transform:none!important;max-width:100%!important;width:100%!important;
 margin:0!important;text-align:center!important;white-space:normal!important;
 overflow-wrap:break-word!important;word-break:normal!important
}
#preview2View .p2-premium-sign.p2v-true-sign[data-side="front"] .p2-sign-footer,
#p2Lightbox .p2-premium-sign.p2v-true-sign[data-side="front"] .p2-sign-footer{
 display:block!important;position:relative!important;max-width:100%!important;
 margin:4px 0 0!important;font-size:7px!important;letter-spacing:.05em!important;
 line-height:1.3!important;text-align:center!important
}
#preview2View .p2-premium-sign.p2v-true-sign .p2v-preview-qr,
#p2Lightbox .p2-premium-sign.p2v-true-sign .p2v-preview-qr{
 order:3!important;width:86px!important;height:86px!important;
 border:5px solid #fff!important;border-radius:4px!important;
 background:#fff!important;background-image:none!important;
 box-shadow:0 0 0 6px #fff,0 0 0 7px rgba(44,40,32,.15)!important;
 display:grid!important;place-items:center!important;min-width:0!important;
 padding:0!important;margin:4px auto 7px!important;flex:0 0 auto!important
}
#preview2View .p2v-preview-qr .p2v-qr-svg,#p2Lightbox .p2v-preview-qr .p2v-qr-svg{
 display:block;width:100%;height:100%;background:#fff;
}
#preview2View .p2-premium-sign.p2v-true-sign .p2-qr-monogram,
#p2Lightbox .p2-premium-sign.p2v-true-sign .p2-qr-monogram{display:none!important}
#preview2View .p2-premium-sign.p2v-true-sign .p2-legacy-utility-copy{display:none!important}
#preview2View .p2-premium-sign.p2v-true-sign .p2-fine-rule{margin:2px auto!important}
@media(max-width:760px){
 #preview2View .p2-mobile-card-stage .p2v-true-sign{
  width:238px!important;min-width:238px!important;
  height:333px!important;min-height:333px!important;
  padding:25px 22px 18px!important
 }
 #preview2View .p2-mobile-card-stage{min-height:393px!important}
}
/* Thumbnails now contain an actual scaled-down clone of the selected design,
   rather than an unrelated scene icon / invented venue image. */
#preview2View .p2v-thumb-surface{
 width:100%;height:122px;display:grid;place-items:center;
 position:relative;overflow:hidden;border-radius:8px;
 background:linear-gradient(160deg,#f6efe3,#eee5d6);
 border:1px solid #e6d9c7;
}
#preview2View .p2-mobile-type-cards .p2v-thumb-surface{height:108px}
#preview2View .p2v-thumb-surface .p2v-thumb-sign{
 position:absolute!important;left:50%!important;top:50%!important;
 width:238px!important;height:333px!important;min-width:238px!important;
 min-height:333px!important;margin:0!important;max-width:none!important;
 transform:translate(-50%,-50%) scale(.31)!important;
 transform-origin:center!important;
 pointer-events:none!important
}
#preview2View #p2MobileTypeCards [data-mobile-design],
#preview2View #p2Design .p2-tabs [data-design]{min-width:0!important}
#preview2View #p2MobileTypeCards .p2-real-mini-copy{min-height:31px}
#preview2View #p2PrintSnippet .p2-print-scene{
 min-height:284px!important;display:grid!important;place-items:center!important;
 background:radial-gradient(ellipse at center,#fffefa 0%,#eee5d9 76%,#e0d5c6 100%)!important;
 border-radius:13px!important;overflow:hidden!important
}
#preview2View #p2PrintSnippet .p2-print-table{
 width:100%!important;height:278px!important;display:grid!important;
 place-items:center!important;background:none!important;box-shadow:none!important;
 border:0!important;transform:none!important
}
#preview2View #p2PrintSnippet .p2-print-glass,
#preview2View #p2PrintSnippet .p2-print-flower{display:none!important}
#preview2View #p2PrintSnippet #p2PrintSnippetCard{
 width:230px!important;height:262px!important;max-width:100%!important;
 display:grid!important;place-items:center!important;
 transform:none!important;position:relative!important;
 background:none!important;box-shadow:none!important;border:0!important
}
#preview2View #p2PrintSnippet .p2v-scene-card{
 position:absolute!important;top:50%!important;left:50%!important;
 width:238px!important;height:333px!important;
 min-width:238px!important;min-height:333px!important;
 max-width:none!important;transform:translate(-50%,-50%) scale(.68)!important;
 transform-origin:center!important;margin:0!important;pointer-events:none!important
}
#preview2View #p2PrintSnippet .p2-print-snippet-head small{font-size:10px}
/* Free invitation concept preview: matches the current theme and event text.
   The QR has an explicit SAMPLE mark and must never be passed off as usable. */
#preview2View .p2v-invitation-experience{
 margin:24px 0 10px;padding:17px 13px 15px;
 border:1px solid #d8c8ad;border-radius:19px;
 background:linear-gradient(145deg,#fbf8f2,#eee3d2)
}
#preview2View .p2v-invitation-heading{
 display:flex;align-items:flex-start;justify-content:space-between;gap:10px;
 margin-bottom:15px
}
#preview2View .p2v-invitation-heading span{
 font:900 9px system-ui;letter-spacing:.1em;color:#936d37
}
#preview2View .p2v-invitation-heading h3{
 font:600 24px/1.1 Georgia,serif;margin:5px 0 6px;color:#382c1e
}
#preview2View .p2v-invitation-heading p{font-size:11px;line-height:1.45;color:#756655;margin:0}
#preview2View .p2v-invitation-heading>b{
 flex:0 0 auto;font:850 9px system-ui;color:#6a4f2b;
 padding:7px 9px;border-radius:999px;background:#fff9ec;border:1px solid #d8c19a
}
#preview2View .p2v-invitation-card{
 width:min(100%,295px);aspect-ratio:3/4.2;margin:0 auto;
 box-sizing:border-box;border:1px solid #b89d70;position:relative;
 background:#fffaf0;color:#74522b;padding:18px;
 box-shadow:0 13px 32px rgba(54,40,20,.15)
}
#preview2View .p2v-invitation-card:before{
 content:"";position:absolute;inset:10px;border:1px solid currentColor;opacity:.35;pointer-events:none
}
#preview2View .p2v-invitation-inner{
 height:100%;width:100%;display:flex;flex-direction:column;
 justify-content:center;align-items:center;text-align:center;
 box-sizing:border-box;gap:8px;padding:15px 14px
}
#preview2View .p2v-invitation-kicker{
 font:800 11px/1.3 Georgia,serif;letter-spacing:.15em;max-width:100%;overflow-wrap:break-word
}
#preview2View .p2v-invitation-divider{width:35px;height:1px;background:currentColor;opacity:.48}
#preview2View #p2vInviteEvent{
 font:600 clamp(19px,5vw,28px)/1.16 Georgia,serif;
 overflow-wrap:break-word;word-break:normal;max-width:100%;text-wrap:balance
}
#preview2View #p2vInviteDate{font:650 11px/1.35 system-ui;opacity:.8}
#preview2View .p2v-invitation-sampleqr{
 width:94px;height:94px;flex:0 0 94px;
 background:white;padding:7px;box-sizing:border-box;border:1px solid #ddd
}
#preview2View .p2v-invitation-sampleqr svg{width:100%;height:100%}
#preview2View #p2vInviteMessagePreview{
 font:550 12px/1.4 Georgia,serif;max-width:100%;overflow-wrap:break-word;
 margin:0;max-height:55px;overflow:hidden
}
#preview2View .p2v-invitation-inner>small{font:750 8px/1.4 system-ui;letter-spacing:.035em;max-width:100%}
#preview2View .p2v-invitation-card[data-theme="modern"]{
 background:#f7f7f4;color:#23272b;border-color:#23272b
}
#preview2View .p2v-invitation-card[data-theme="modern"] #p2vInviteEvent{
 font-family:Arial,Helvetica,sans-serif;font-weight:850;letter-spacing:-.025em
}
#preview2View .p2v-invitation-card[data-theme="rustic"]{
 background:radial-gradient(circle at 0 0,#88a17633 0 19%,transparent 20%),#f1efe4;
 color:#4b5b43;border-color:#708564
}
#preview2View .p2v-invitation-card[data-theme="party"]{
 background:radial-gradient(circle at 95% 8%,#a2487755 0 25%,transparent 26%),#171a24;
 color:#f2d99c;border-color:#d4af68
}
#preview2View .p2v-invitation-card[data-theme="party"] #p2vInviteEvent{
 font-family:Impact,"Arial Black",Arial,sans-serif;text-transform:uppercase
}
#preview2View .p2v-invitation-disclaimer{
 margin:10px auto 15px;max-width:310px;text-align:center;
 font:650 10px/1.5 system-ui;color:#6c5b44
}
#preview2View .p2v-invite-editor{
 display:grid;grid-template-columns:1fr;gap:10px;max-width:380px;margin:auto
}
#preview2View .p2v-invite-editor label{font:750 11px/1.3 system-ui;color:#59432b}
#preview2View .p2v-invite-editor input{
 padding:11px 12px;font-size:13px;border:1px solid #d7c7ac;
 border-radius:11px;min-height:44px;background:#fffdf7
}
@media(max-width:395px){
 #preview2View .p2v-invitation-heading h3{font-size:20px}
 #preview2View .p2v-invitation-heading>b{font-size:8px;padding:6px}
}

/* RSVP: truthful interactive sample, no backend or paid-event state. */
#preview2View .p2v-rsvp-demo{
 margin:18px 0 10px;padding:17px 14px 20px;border:1px solid #ddd0bc;
 border-radius:19px;background:#fdfbf7
}
#preview2View .p2v-rsvp-head>span{
 font:900 9px system-ui;letter-spacing:.12em;color:#9b753b
}
#preview2View .p2v-rsvp-head h3{
 font:600 22px/1.13 Georgia,serif;margin:5px 0 7px;color:#3c3022
}
#preview2View .p2v-rsvp-head p{
 font-size:11px;line-height:1.5;color:#706352;margin:0 0 14px
}
#preview2View .p2v-rsvp-phone{
 margin:auto;max-width:320px;padding:21px 18px 19px;box-sizing:border-box;
 background:linear-gradient(150deg,#fffaf0,#fbf4e8);
 border:1px solid #dcc9aa;border-radius:18px;
 text-align:center;display:grid;justify-items:center;gap:9px
}
#preview2View .p2v-rsvp-phone-brand{
 font:850 9px system-ui;letter-spacing:.11em;color:#96703a
}
#preview2View .p2v-rsvp-phone h4{
 margin:5px 0 0;font:600 21px/1.18 Georgia,serif;
 overflow-wrap:break-word;color:#453325
}
#preview2View .p2v-rsvp-phone>span{
 font:600 10px system-ui;color:#826d56
}
#preview2View .p2v-rsvp-phone>p{
 margin:7px 0 1px;font:650 12px system-ui;color:#504334
}
#preview2View .p2v-rsvp-choices{
 display:grid;grid-template-columns:1fr 1fr;gap:9px;width:100%
}
#preview2View .p2v-rsvp-choices button{
 background:#fff;color:#4a3826;border:1px solid #cab390;
 padding:11px 9px;border-radius:11px;min-height:43px;
 font:800 12px system-ui
}
#preview2View .p2v-rsvp-choices button[aria-pressed="true"]{
 border-color:#8c682e;background:#faeccf;
 box-shadow:inset 0 0 0 1px #8c682e
}
#preview2View .p2v-rsvp-summary{
 font:650 10px/1.5 system-ui;color:#574b3f;min-height:30px
}
#preview2View .p2v-rsvp-sample-fields{
 border-top:1px solid #e3d7c7;padding-top:10px;
 font:550 9.5px/1.5 system-ui;color:#796f61
}
#preview2View .p2v-rsvp-phone>small{
 font:800 9px/1.5 system-ui;color:#92713b
}

/* Long bespoke headlines must fit without hiding any copy. A smaller sample QR
   preserves an ample border and keeps the true A6 card readable. */
#preview2View .p2-premium-sign.p2v-true-sign.p2v-long-headline[data-side="front"],
#p2Lightbox .p2-premium-sign.p2v-true-sign.p2v-long-headline[data-side="front"]{
 padding-top:21px!important;padding-bottom:16px!important;gap:5px!important
}
#preview2View .p2-premium-sign.p2v-true-sign.p2v-long-headline[data-side="front"]>div:first-child,
#preview2View .p2-premium-sign.p2v-true-sign.p2v-long-headline[data-side="front"]>div:nth-child(2),
#p2Lightbox .p2-premium-sign.p2v-true-sign.p2v-long-headline[data-side="front"]>div:first-child,
#p2Lightbox .p2-premium-sign.p2v-true-sign.p2v-long-headline[data-side="front"]>div:nth-child(2){gap:5px!important}
#preview2View .p2-premium-sign.p2v-true-sign.p2v-long-headline[data-side="front"] .p2v-preview-qr,
#p2Lightbox .p2-premium-sign.p2v-true-sign.p2v-long-headline[data-side="front"] .p2v-preview-qr{
 width:73px!important;height:73px!important;margin:3px auto 3px!important
}


/* v18.2 — shaped border follows the physical arch silhouette, on both sides.
   Replace inherited square inner rules (especially Classic double rule) with
   a continuous inset arch. Only affects new Preview stationery. */
#preview2View .p2-premium-sign.p2v-true-sign[data-shape="arch"],
#p2Lightbox .p2-premium-sign.p2v-true-sign[data-shape="arch"]{
 border-radius:48% 48% 6px 6px / 24% 24% 6px 6px!important;
}
#preview2View .p2-premium-sign.p2v-true-sign[data-shape="arch"]::after,
#p2Lightbox .p2-premium-sign.p2v-true-sign[data-shape="arch"]::after{
 content:""!important;position:absolute!important;inset:13px!important;
 border:1px solid rgba(135,103,58,.55)!important;
 border-radius:48% 48% 4px 4px / 24% 24% 4px 4px!important;
 background:none!important;box-shadow:none!important;
 pointer-events:none!important;z-index:0!important;
}
#preview2View .p2-premium-sign.p2v-true-sign[data-shape="arch"]::before,
#p2Lightbox .p2-premium-sign.p2v-true-sign[data-shape="arch"]::before{
 content:""!important;position:absolute!important;inset:17px!important;
 border:1px solid rgba(135,103,58,.22)!important;
 border-radius:48% 48% 3px 3px / 24% 24% 3px 3px!important;
 background:none!important;box-shadow:none!important;
 pointer-events:none!important;z-index:0!important;
}
#preview2View .p2-premium-sign.p2v-true-sign[data-shape="arch"][data-theme="modern"]::after,
#p2Lightbox .p2-premium-sign.p2v-true-sign[data-shape="arch"][data-theme="modern"]::after{border-color:rgba(26,30,34,.35)!important}
#preview2View .p2-premium-sign.p2v-true-sign[data-shape="arch"][data-theme="rustic"]::after,
#p2Lightbox .p2-premium-sign.p2v-true-sign[data-shape="arch"][data-theme="rustic"]::after{border-color:rgba(80,100,74,.48)!important}
#preview2View .p2-premium-sign.p2v-true-sign[data-shape="arch"][data-theme="party"]::after,
#p2Lightbox .p2-premium-sign.p2v-true-sign[data-shape="arch"][data-theme="party"]::after{border-color:rgba(244,216,162,.48)!important}

/* Back of physical card: comfortable hierarchy within actual 238x333 preview.
   Avoid old double padding and 80%-wide p/strong, which forced tiny columns. */
#preview2View .p2-premium-sign.p2v-true-sign[data-side="back"],
#p2Lightbox .p2-premium-sign.p2v-true-sign[data-side="back"]{
 box-sizing:border-box!important;padding:20px 18px!important;
 display:flex!important;flex-direction:column!important;
 justify-content:center!important;align-items:center!important;
 min-width:0!important;overflow:hidden!important;
}
#preview2View .p2-premium-sign.p2v-true-sign[data-side="back"] .p2-card-back,
#p2Lightbox .p2-premium-sign.p2v-true-sign[data-side="back"] .p2-card-back{
 box-sizing:border-box!important;display:flex!important;
 flex-direction:column!important;justify-content:center!important;align-items:center!important;
 width:100%!important;max-width:100%!important;height:100%!important;
 padding:18px 9px!important;gap:11px!important;
 text-align:center!important;min-width:0!important;overflow-wrap:break-word!important;
}
#preview2View .p2-premium-sign.p2v-true-sign[data-side="back"] .p2-card-back>strong,
#p2Lightbox .p2-premium-sign.p2v-true-sign[data-side="back"] .p2-card-back>strong{
 font-size:18px!important;line-height:1.16!important;
 max-width:100%!important;min-width:0!important;word-break:normal!important;
 overflow-wrap:break-word!important;margin:0!important;
}
#preview2View .p2-premium-sign.p2v-true-sign[data-side="back"] .p2-card-back>p,
#p2Lightbox .p2-premium-sign.p2v-true-sign[data-side="back"] .p2-card-back>p{
 font-size:10.5px!important;line-height:1.5!important;
 max-width:100%!important;margin:0!important;
 overflow-wrap:break-word!important;word-break:normal!important;
}
#preview2View .p2-premium-sign.p2v-true-sign[data-side="back"] .p2-card-back>em,
#p2Lightbox .p2-premium-sign.p2v-true-sign[data-side="back"] .p2-card-back>em{
 display:block!important;max-width:100%!important;font-size:8px!important;line-height:1.4!important;
}
#preview2View .p2-premium-sign.p2v-true-sign[data-side="back"] .p2-card-back>small,
#p2Lightbox .p2-premium-sign.p2v-true-sign[data-side="back"] .p2-card-back>small{
 font-size:8px!important;letter-spacing:.15em!important;line-height:1.35!important
}
/* Family sign text field: legible and aligned to what the large card shows. */
#preview2View .p2-headline-control #p2HeadlineInput{font-size:16px!important;line-height:1.3!important}

/* The invitation is a visible part of design preview, not buried after print
   controls; five styles correspond to existing paid-invite template labels. */
#preview2View #p2vInvitationExperience{
 margin:16px 0 17px!important;
 border:2px solid #ccb38a!important;
 background:linear-gradient(160deg,#fffaf0,#efe2cf)!important;
}
#preview2View .p2v-invite-style-list{
 display:grid;grid-template-columns:repeat(3,minmax(0,1fr));
 gap:7px;margin:12px 0 18px;
}
#preview2View .p2v-invite-style-list button{
 min-width:0;min-height:42px;border:1px solid #d0b993;
 border-radius:11px;padding:8px 4px;
 background:#fffdf7;color:#604526;
 font:800 11px/1.1 system-ui;
}
#preview2View .p2v-invite-style-list button[aria-pressed="true"]{
 border-color:#8a6126;background:#ead3a6;
 box-shadow:inset 0 0 0 1px #8a6126;
}
#preview2View .p2v-invitation-card[data-theme="elegant"]{
 background:linear-gradient(165deg,#fffcfb,#f5e9e9)!important;
 color:#823e55!important;border-color:#ac6178!important;
}
#preview2View .p2v-invitation-card[data-theme="elegant"] #p2vInviteEvent{
 font:italic 600 clamp(19px,5vw,28px)/1.2 Georgia,serif!important;
}
#preview2View .p2v-invitation-card[data-theme="celebration"]{
 background:radial-gradient(circle at 96% 8%,#dcb8e58a 0 22%,transparent 23%),#fff9eb!important;
 color:#5b2e6d!important;border-color:#a983c2!important;
}
#preview2View .p2v-invitation-card[data-theme="celebration"] #p2vInviteEvent{
 font:900 clamp(19px,5vw,28px)/1.12 Arial,Helvetica,sans-serif!important;
}
#preview2View .p2v-invitation-card[data-theme="plain"]{
 background:#fff!important;color:#292929!important;border-color:#333!important;
}
#preview2View .p2v-invitation-card[data-theme="plain"]::before{
 border-color:#444!important;opacity:.17!important
}
#preview2View .p2v-invitation-heading p{font-size:12px!important}
#preview2View .p2v-invitation-card{box-shadow:0 16px 36px rgba(46,35,21,.17)!important}
#preview2View .p2v-invitation-disclaimer{
 font-size:11px!important;line-height:1.45!important
}
@media(max-width:350px){
 #preview2View .p2v-invite-style-list{grid-template-columns:repeat(2,minmax(0,1fr))}
 #preview2View .p2-card-back{gap:8px!important}
}


/* v18.3: A real inset arch frame, not rounded-rectangle pseudo-borders.
   SVG rules use one continuous physical outline with defined shoulder arcs,
   identical in the front, reverse, thumbnails and full-screen preview. */
#preview2View .p2-premium-sign.p2v-true-sign[data-shape="arch"]::before,
#preview2View .p2-premium-sign.p2v-true-sign[data-shape="arch"]::after,
#p2Lightbox .p2-premium-sign.p2v-true-sign[data-shape="arch"]::before,
#p2Lightbox .p2-premium-sign.p2v-true-sign[data-shape="arch"]::after{
 content:none!important;display:none!important;
 border:0!important;box-shadow:none!important;
}
#preview2View .p2-premium-sign.p2v-true-sign .p2v-arch-frame,
#p2Lightbox .p2-premium-sign.p2v-true-sign .p2v-arch-frame{
 display:none!important;
 position:absolute!important;inset:0!important;
 width:100%!important;height:100%!important;
 padding:0!important;margin:0!important;border:0!important;
 overflow:visible!important;z-index:5!important;
 pointer-events:none!important;isolation:isolate!important;
}
#preview2View .p2-premium-sign.p2v-true-sign[data-shape="arch"]>.p2v-arch-frame,
#p2Lightbox .p2-premium-sign.p2v-true-sign[data-shape="arch"]>.p2v-arch-frame{display:block!important}
#preview2View .p2-premium-sign.p2v-true-sign .p2v-arch-rule-main,
#p2Lightbox .p2-premium-sign.p2v-true-sign .p2v-arch-rule-main{
 fill:none;stroke:rgba(136,101,54,.68);stroke-width:1.35;stroke-linejoin:round
}
#preview2View .p2-premium-sign.p2v-true-sign .p2v-arch-rule-accent,
#p2Lightbox .p2-premium-sign.p2v-true-sign .p2v-arch-rule-accent{
 fill:none;stroke:rgba(153,118,72,.28);stroke-width:.85;stroke-linejoin:round
}
#preview2View .p2-premium-sign.p2v-true-sign[data-theme="modern"] .p2v-arch-rule-main,
#p2Lightbox .p2-premium-sign.p2v-true-sign[data-theme="modern"] .p2v-arch-rule-main{stroke:rgba(37,41,44,.44)}
#preview2View .p2-premium-sign.p2v-true-sign[data-theme="rustic"] .p2v-arch-rule-main,
#p2Lightbox .p2-premium-sign.p2v-true-sign[data-theme="rustic"] .p2v-arch-rule-main{stroke:rgba(65,91,70,.56)}
#preview2View .p2-premium-sign.p2v-true-sign[data-theme="party"] .p2v-arch-rule-main,
#p2Lightbox .p2-premium-sign.p2v-true-sign[data-theme="party"] .p2v-arch-rule-main{stroke:rgba(237,197,139,.72)}
/* Preserve a calm clear area below the top arch for stationery copy. */
#preview2View .p2-premium-sign.p2v-true-sign[data-shape="arch"][data-side="front"],
#p2Lightbox .p2-premium-sign.p2v-true-sign[data-shape="arch"][data-side="front"]{
 padding-top:40px!important;padding-bottom:20px!important;
 gap:5px!important;
}
#preview2View .p2-premium-sign.p2v-true-sign[data-shape="arch"][data-side="front"].p2v-long-headline,
#p2Lightbox .p2-premium-sign.p2v-true-sign[data-shape="arch"][data-side="front"].p2v-long-headline{
 padding-top:31px!important;padding-bottom:17px!important;gap:4px!important;
}
/* Rear face gets its own editorial composition. Never reuse the crowded
   main-face layout or let legacy 80%-wide narrow text columns take over. */
#preview2View .p2-premium-sign.p2v-true-sign[data-side="back"],
#p2Lightbox .p2-premium-sign.p2v-true-sign[data-side="back"]{
 padding:27px 27px 24px!important;
 display:flex!important;align-items:center!important;
 justify-content:center!important;
}
#preview2View .p2-premium-sign.p2v-true-sign[data-shape="arch"][data-side="back"],
#p2Lightbox .p2-premium-sign.p2v-true-sign[data-shape="arch"][data-side="back"]{
 padding:54px 31px 25px!important;
}
#preview2View .p2-premium-sign.p2v-true-sign[data-side="back"] .p2-card-back,
#p2Lightbox .p2-premium-sign.p2v-true-sign[data-side="back"] .p2-card-back{
 display:flex!important;flex-direction:column!important;
 justify-content:center!important;align-items:center!important;
 width:100%!important;height:auto!important;max-height:100%!important;
 box-sizing:border-box!important;padding:0!important;margin:0!important;
 gap:0!important;text-align:center!important;position:relative!important;z-index:3!important;
}
#preview2View .p2-premium-sign.p2v-true-sign[data-side="back"] .p2-card-back>small,
#p2Lightbox .p2-premium-sign.p2v-true-sign[data-side="back"] .p2-card-back>small{
 display:block!important;width:100%!important;margin:0 0 15px!important;
 font:800 9px/1.3 system-ui!important;letter-spacing:.19em!important;
 color:inherit!important;opacity:.65!important;text-transform:uppercase!important;
}
#preview2View .p2-premium-sign.p2v-true-sign[data-side="back"] .p2-card-back>strong,
#p2Lightbox .p2-premium-sign.p2v-true-sign[data-side="back"] .p2-card-back>strong{
 display:block!important;max-width:100%!important;
 font:600 21px/1.13 Georgia,serif!important;color:inherit!important;
 letter-spacing:-.02em!important;text-wrap:balance!important;
 margin:0 0 16px!important;white-space:normal!important;
 overflow-wrap:break-word!important;word-break:normal!important;
}
#preview2View .p2-premium-sign.p2v-true-sign[data-side="back"] .p2-card-back>p,
#p2Lightbox .p2-premium-sign.p2v-true-sign[data-side="back"] .p2-card-back>p{
 display:block!important;width:100%!important;max-width:100%!important;
 margin:0 0 19px!important;
 font:500 12px/1.55 system-ui!important;color:inherit!important;
 opacity:.84!important;white-space:normal!important;
 overflow-wrap:break-word!important;word-break:normal!important;
}
#preview2View .p2-premium-sign.p2v-true-sign[data-side="back"] .p2-card-back>em,
#p2Lightbox .p2-premium-sign.p2v-true-sign[data-side="back"] .p2-card-back>em{
 display:block!important;width:100%!important;margin:0!important;
 font:750 9px/1.35 system-ui!important;letter-spacing:.045em!important;
 color:inherit!important;opacity:.73!important;font-style:normal!important;
}
/* Keyboard focus remains visible above sticky header/footer and the software
   keyboard as visualViewport animates. No width/zoom changes to text inputs. */
#preview2View #p2HeadlineInput,
#preview2View #p2vInviteHeadline,
#preview2View #p2vInviteMessage,
#preview2View #p2Message,
#preview2View #p2Sub{
 scroll-margin-top:110px!important;
 scroll-margin-bottom:160px!important;
 font-size:16px!important;
}



/* v18.4 — free Invitation Studio: real Picorae botanical artwork assets,
   explicitly identified as a SAMPLE, not a final activated guest QR.
   The same built-in background assets are already used by host QR cards. */
#preview2View .p2v-invite-style-list{
 grid-template-columns:repeat(5,minmax(0,1fr))!important;
 gap:5px!important;margin:12px 0 16px!important
}
#preview2View .p2v-invite-style-list button{
 display:flex!important;flex-direction:column!important;align-items:center!important;
 justify-content:flex-start!important;gap:6px!important;
 padding:5px 4px 7px!important;min-width:0!important;
 min-height:91px!important;border-radius:8px!important;
 font:750 9px/1.2 system-ui!important
}
#preview2View .p2v-invite-style-list .p2v-invite-style-art{
 width:100%;height:61px;display:block;
 border-radius:5px;border:1px solid rgba(118,94,55,.14);
 background-color:#faf4e9;background-size:cover;background-position:center;
 box-shadow:0 3px 8px rgba(65,42,22,.10)
}
#preview2View .p2v-invite-style-art[data-style="classic"]{
 background-image:url('/assets/invite-blossom.png')!important
}
#preview2View .p2v-invite-style-art[data-style="elegant"]{
 background-image:url('/assets/invite-romance.png')!important
}
#preview2View .p2v-invite-style-art[data-style="modern"]{
 background-image:url('/assets/invite-executive.png')!important
}
#preview2View .p2v-invite-style-art[data-style="celebration"]{
 background-image:url('/assets/invite-celebration.png')!important
}
#preview2View .p2v-invite-style-art[data-style="plain"]{
 background-image:url('/assets/invite-classic-border.png')!important
}
#preview2View .p2v-invite-style-list button[aria-pressed="true"]{
 border-color:#916c36!important;background:#f5e4c3!important;
 outline:1px solid rgba(145,108,54,.25)!important;outline-offset:1px!important
}
/* A proportionate vertical digital invitation, as in our original mockups. */
#preview2View #p2vInvitationCard{
 width:min(100%,300px)!important;
 aspect-ratio:9 / 16!important;
 max-width:100%!important;
 background-position:center!important;background-size:100% 100%!important;
 border:1px solid rgba(127,92,54,.55)!important;
 color:#463121!important;
 padding:28px 22px!important;
 border-radius:2px!important;
 position:relative!important;
 isolation:isolate!important;
 box-shadow:0 14px 35px rgba(50,32,16,.2)!important
}
#preview2View #p2vInvitationCard[data-theme="classic"]{
 background-image:url('/assets/invite-blossom.png')!important;
 background-color:#fffbf4!important;color:#543a27!important
}
#preview2View #p2vInvitationCard[data-theme="elegant"]{
 background-image:url('/assets/invite-romance.png')!important;
 background-color:#fff6f3!important;color:#593b39!important
}
#preview2View #p2vInvitationCard[data-theme="modern"]{
 background-image:url('/assets/invite-executive.png')!important;
 background-color:#f8f7f2!important;color:#302d2a!important
}
#preview2View #p2vInvitationCard[data-theme="celebration"]{
 background-image:url('/assets/invite-celebration.png')!important;
 background-color:#fdf2ef!important;color:#4d2e4c!important
}
#preview2View #p2vInvitationCard[data-theme="plain"]{
 background-image:url('/assets/invite-classic-border.png')!important;
 background-color:#fffdf8!important;color:#4a3e30!important
}
#preview2View #p2vInvitationCard::before{
 content:""!important;position:absolute!important;
 inset:15px!important;border:1px solid currentColor!important;
 opacity:.28!important;pointer-events:none!important;
 background:none!important;z-index:0!important
}
#preview2View #p2vInvitationCard .p2v-invitation-inner{
 background:rgba(255,251,243,.81)!important;
 border-radius:4px!important;
 box-sizing:border-box!important;
 display:flex!important;flex-direction:column!important;
 justify-content:center!important;align-items:center!important;
 text-align:center!important;
 width:100%!important;min-width:0!important;
 height:100%!important;
 gap:10px!important;
 padding:22px 12px!important;
 position:relative!important;z-index:1!important;
 backdrop-filter:blur(1.25px)
}
#preview2View #p2vInvitationCard[data-theme="modern"] .p2v-invitation-inner{
 background:rgba(254,251,245,.85)!important
}
#preview2View #p2vInvitationCard[data-theme="celebration"] .p2v-invitation-inner{
 background:rgba(255,249,249,.84)!important
}
#preview2View #p2vInvitationCard .p2v-invite-topmark{
 width:100%;margin:0!important;
 text-align:center!important;font:600 25px/1 Georgia,serif!important;
 color:#b28543!important;opacity:.85!important
}
#preview2View #p2vInvitationCard .p2v-invitation-kicker{
 display:block!important;max-width:100%!important;
 font:700 10px/1.4 Georgia,serif!important;
 letter-spacing:.15em!important;overflow-wrap:break-word!important;
 text-transform:uppercase!important
}
#preview2View #p2vInvitationCard .p2v-invitation-divider{
 width:40px!important;flex:0 0 1px!important;
 height:1px!important;margin:1px 0!important;opacity:.55!important
}
#preview2View #p2vInvitationCard #p2vInviteEvent{
 font:italic 600 clamp(23px,6.7vw,34px)/1.13 Georgia,"Times New Roman",serif!important;
 width:100%!important;max-width:100%!important;
 overflow-wrap:break-word!important;word-break:normal!important;
 text-wrap:balance!important;margin:3px 0 1px!important;
 letter-spacing:-.032em!important
}
#preview2View #p2vInvitationCard[data-theme="modern"] #p2vInviteEvent{
 font:750 clamp(22px,6vw,31px)/1.13 Arial,Helvetica,sans-serif!important;
 letter-spacing:-.02em!important
}
#preview2View #p2vInvitationCard[data-theme="celebration"] #p2vInviteEvent{
 font:italic 700 clamp(23px,6.7vw,34px)/1.12 Georgia,serif!important
}
#preview2View #p2vInvitationCard #p2vInviteDate{
 font:700 10px/1.3 system-ui!important;letter-spacing:.08em!important;
 opacity:.93!important
}
#preview2View #p2vInvitationCard .p2v-invite-venue{
 font:500 10px/1.4 system-ui!important;max-width:100%!important;
 overflow-wrap:break-word!important;word-break:normal!important;
 color:inherit!important;opacity:.83!important;
}
#preview2View #p2vInvitationCard #p2vInviteMessagePreview{
 font:italic 550 12px/1.35 Georgia,serif!important;
 max-width:100%!important;max-height:65px!important;
 overflow:hidden!important;overflow-wrap:break-word!important;
 margin:3px 0 0!important
}
#preview2View #p2vInvitationCard .p2v-invitation-sampleqr{
 width:91px!important;height:91px!important;
 flex:0 0 91px!important;
 box-sizing:border-box!important;
 margin:2px 0 0!important;border:6px solid #fff!important;
 background:#fff!important;box-shadow:0 0 0 1px rgba(108,91,72,.16)!important;
 padding:0!important;min-width:91px!important
}
#preview2View #p2vInvitationCard .p2v-invitation-inner>small{
 font:750 8px/1.3 system-ui!important;
 letter-spacing:.03em!important;max-width:100%!important;
 opacity:.85!important;text-wrap:balance!important
}
#preview2View .p2v-invitation-disclaimer{
 max-width:330px!important;color:#695139!important;
 font:650 11px/1.45 system-ui!important;
 margin:11px auto 14px!important
}
#preview2View .p2v-invite-editor input{font-size:16px!important}
@media(max-width:430px){
 #preview2View .p2v-invitation-experience{padding:15px 10px!important}
 #preview2View .p2v-invite-style-list{gap:4px!important}
 #preview2View .p2v-invite-style-list button{font-size:8px!important;padding:4px 2px 6px!important}
 #preview2View #p2vInvitationCard{width:min(100%,280px)!important;padding:25px 20px!important}
 #preview2View #p2vInvitationCard .p2v-invitation-inner{gap:8px!important;padding:14px 10px!important}
}
@media(max-width:355px){
 #preview2View .p2v-invite-style-list{grid-template-columns:repeat(5,minmax(0,1fr))!important}
 #preview2View .p2v-invite-style-list .p2v-invite-style-art{height:53px}
 #preview2View #p2vInvitationCard{width:min(100%,260px)!important}
}


/* v18.15 — a physical card has one face at a time.
 * Back-copy visibility is isolated even when older premium templates keep the
 * front QR and front text in separate DOM wrappers. visibility (rather than
 * display:none) allows the actual back panel to stay visible through a legacy
 * wrapper while preserving the arch artwork and print-scale dimensions. */
#preview2View .p2-premium-sign.p2v-true-sign[data-side="back"] > :not(.p2v-arch-frame),
#p2Lightbox .p2-premium-sign.p2v-true-sign[data-side="back"] > :not(.p2v-arch-frame){
 visibility:hidden!important;
}
#preview2View .p2-premium-sign.p2v-true-sign[data-side="back"] .p2-card-back,
#preview2View .p2-premium-sign.p2v-true-sign[data-side="back"] .p2-card-back *,
#p2Lightbox .p2-premium-sign.p2v-true-sign[data-side="back"] .p2-card-back,
#p2Lightbox .p2-premium-sign.p2v-true-sign[data-side="back"] .p2-card-back *{
 visibility:visible!important;
}
#preview2View .p2-premium-sign.p2v-true-sign[data-side="back"] > .p2v-arch-frame,
#p2Lightbox .p2-premium-sign.p2v-true-sign[data-side="back"] > .p2v-arch-frame{
 visibility:visible!important;
}
#preview2View .p2-premium-sign.p2v-true-sign[data-shape="arch"][data-side="back"],
#p2Lightbox .p2-premium-sign.p2v-true-sign[data-shape="arch"][data-side="back"]{
 padding:55px 28px 30px!important;
}
#preview2View .p2-premium-sign.p2v-true-sign[data-shape="arch"][data-side="back"] .p2-card-back,
#p2Lightbox .p2-premium-sign.p2v-true-sign[data-shape="arch"][data-side="back"] .p2-card-back{
 max-width:182px!important;max-height:226px!important;
 margin:auto!important;gap:0!important;
}
#preview2View .p2-premium-sign.p2v-true-sign[data-shape="arch"][data-side="back"] .p2-card-back>em,
#p2Lightbox .p2-premium-sign.p2v-true-sign[data-shape="arch"][data-side="back"] .p2-card-back>em{
 margin-top:5px!important;font-size:8px!important;
}
/* Split really is different from QR-bottom: a two-column body with an 82px
 * QR quiet-zone at the side, and copy given its own column. The headline and
 * event name remain centred above both, clear of the arch shoulders. */
#preview2View .p2-premium-sign.p2v-true-sign[data-side="front"][data-p2v-qr-layout="split"] > div:nth-child(2),
#p2Lightbox .p2-premium-sign.p2v-true-sign[data-side="front"][data-p2v-qr-layout="split"] > div:nth-child(2){
 display:grid!important;
 grid-template-columns:minmax(0,1fr) 82px!important;
 grid-template-rows:auto auto auto!important;
 align-items:center!important;align-content:center!important;
 justify-items:stretch!important;
 column-gap:9px!important;row-gap:5px!important;
 width:100%!important;min-height:135px!important;
}
#preview2View .p2-premium-sign.p2v-true-sign[data-side="front"][data-p2v-qr-layout="split"] > div:nth-child(2) > .p2v-preview-qr,
#p2Lightbox .p2-premium-sign.p2v-true-sign[data-side="front"][data-p2v-qr-layout="split"] > div:nth-child(2) > .p2v-preview-qr{
 grid-column:2!important;grid-row:1 / span 3!important;
 width:78px!important;height:78px!important;
 margin:0!important;justify-self:end!important;
 order:0!important;
}
#preview2View .p2-premium-sign.p2v-true-sign[data-side="front"][data-p2v-qr-layout="split"] > div:nth-child(2) > .p2-sign-main,
#preview2View .p2-premium-sign.p2v-true-sign[data-side="front"][data-p2v-qr-layout="split"] > div:nth-child(2) > .p2-sign-sub,
#p2Lightbox .p2-premium-sign.p2v-true-sign[data-side="front"][data-p2v-qr-layout="split"] > div:nth-child(2) > .p2-sign-main,
#p2Lightbox .p2-premium-sign.p2v-true-sign[data-side="front"][data-p2v-qr-layout="split"] > div:nth-child(2) > .p2-sign-sub{
 grid-column:1!important;min-width:0!important;
 text-align:left!important;overflow-wrap:break-word!important;
}
#preview2View .p2-premium-sign.p2v-true-sign[data-side="front"][data-p2v-qr-layout="split"] > div:nth-child(2) > .p2-sign-main,
#p2Lightbox .p2-premium-sign.p2v-true-sign[data-side="front"][data-p2v-qr-layout="split"] > div:nth-child(2) > .p2-sign-main{
 grid-row:1!important;font-size:12px!important;line-height:1.22!important;
}
#preview2View .p2-premium-sign.p2v-true-sign[data-side="front"][data-p2v-qr-layout="split"] > div:nth-child(2) > .p2-sign-sub,
#p2Lightbox .p2-premium-sign.p2v-true-sign[data-side="front"][data-p2v-qr-layout="split"] > div:nth-child(2) > .p2-sign-sub{
 grid-row:2!important;font-size:9px!important;line-height:1.28!important;
}


/* v18.16 — all three QR-placement options have genuinely different geometry.
 * These rules target preview clones only, never actual live QR files or paid
 * event downloads. Layout is applied to mobile card, scene and thumbnails.
 * The backend's existing layout selection still lives in data-layout. */
:is(#preview2View,#p2Lightbox) .p2-premium-sign.p2v-true-sign[data-side="front"][data-p2v-qr-layout="qr-bottom"] > div:nth-child(2){
 display:flex!important;flex-direction:column!important;
 align-items:center!important;justify-content:flex-end!important;
 min-height:115px!important;gap:5px!important;
 width:100%!important;
}
:is(#preview2View,#p2Lightbox) .p2-premium-sign.p2v-true-sign[data-side="front"][data-p2v-qr-layout="qr-bottom"] > div:nth-child(2) > .p2-sign-main{
 order:0!important;margin:0!important;
}
:is(#preview2View,#p2Lightbox) .p2-premium-sign.p2v-true-sign[data-side="front"][data-p2v-qr-layout="qr-bottom"] > div:nth-child(2) > .p2-sign-sub{
 order:1!important;margin:0!important;
}
:is(#preview2View,#p2Lightbox) .p2-premium-sign.p2v-true-sign[data-side="front"][data-p2v-qr-layout="qr-bottom"] > div:nth-child(2) > .p2v-preview-qr{
 order:2!important;width:86px!important;height:86px!important;
 margin:9px auto 0!important;justify-self:center!important;
}
/* Split: QR LEFT and text RIGHT, matching the actual option label. */
:is(#preview2View,#p2Lightbox) .p2-premium-sign.p2v-true-sign[data-side="front"][data-p2v-qr-layout="split"] > div:nth-child(2){
 display:grid!important;grid-template-columns:82px minmax(0,1fr)!important;
 grid-template-rows:auto auto!important;align-items:center!important;
 align-content:center!important;justify-items:stretch!important;
 column-gap:10px!important;row-gap:7px!important;
 min-height:120px!important;width:100%!important;
}
:is(#preview2View,#p2Lightbox) .p2-premium-sign.p2v-true-sign[data-side="front"][data-p2v-qr-layout="split"] > div:nth-child(2) > .p2v-preview-qr{
 grid-column:1!important;grid-row:1 / span 2!important;
 width:76px!important;height:76px!important;
 margin:0!important;justify-self:start!important;order:0!important;
}
:is(#preview2View,#p2Lightbox) .p2-premium-sign.p2v-true-sign[data-side="front"][data-p2v-qr-layout="split"] > div:nth-child(2) > .p2-sign-main{
 grid-column:2!important;grid-row:1!important;
 margin:0!important;text-align:left!important;
 font-size:11px!important;line-height:1.3!important;
 overflow-wrap:break-word!important;
}
:is(#preview2View,#p2Lightbox) .p2-premium-sign.p2v-true-sign[data-side="front"][data-p2v-qr-layout="split"] > div:nth-child(2) > .p2-sign-sub{
 grid-column:2!important;grid-row:2!important;
 margin:0!important;text-align:left!important;
 font-size:9px!important;line-height:1.33!important;
 overflow-wrap:break-word!important;
}
/* Poster: bold centred QR block first, copy beneath; not QR-bottom twice. */
:is(#preview2View,#p2Lightbox) .p2-premium-sign.p2v-true-sign[data-side="front"][data-p2v-qr-layout="poster"] > div:nth-child(2){
 display:flex!important;flex-direction:column!important;
 align-items:center!important;justify-content:center!important;
 min-height:125px!important;gap:4px!important;width:100%!important;
}
:is(#preview2View,#p2Lightbox) .p2-premium-sign.p2v-true-sign[data-side="front"][data-p2v-qr-layout="poster"] > div:nth-child(2) > .p2v-preview-qr{
 order:0!important;width:98px!important;height:98px!important;
 margin:0 auto 7px!important;border:7px solid #fff!important;
 box-shadow:0 0 0 1px rgba(92,76,48,.27)!important;
}
:is(#preview2View,#p2Lightbox) .p2-premium-sign.p2v-true-sign[data-side="front"][data-p2v-qr-layout="poster"] > div:nth-child(2) > .p2-sign-main{
 order:1!important;margin:0!important;
 font-size:11px!important;line-height:1.28!important;
 text-align:center!important;
}
:is(#preview2View,#p2Lightbox) .p2-premium-sign.p2v-true-sign[data-side="front"][data-p2v-qr-layout="poster"] > div:nth-child(2) > .p2-sign-sub{
 order:2!important;margin:0!important;
 font-size:8.5px!important;line-height:1.23!important;
 text-align:center!important;
}
/* Reverse: remove front-only wrappers FROM THE LAYOUT entirely.
 * v18.15 used visibility:hidden, which left two large empty flex blocks and
 * pushed the rear text off-centre despite appearing invisible. */
:is(#preview2View,#p2Lightbox) .p2-premium-sign.p2v-true-sign[data-side="back"] > div:first-child,
:is(#preview2View,#p2Lightbox) .p2-premium-sign.p2v-true-sign[data-side="back"] > div:nth-child(2),
:is(#preview2View,#p2Lightbox) .p2-premium-sign.p2v-true-sign[data-side="back"] > .p2-sign-footer,
:is(#preview2View,#p2Lightbox) .p2-premium-sign.p2v-true-sign[data-side="back"] > .p2-fine-rule{
 display:none!important;visibility:hidden!important;
}
:is(#preview2View,#p2Lightbox) .p2-premium-sign.p2v-true-sign[data-shape="arch"][data-side="back"]{
 padding:66px 31px 32px!important;gap:0!important;
 justify-content:center!important;align-items:center!important;
}
:is(#preview2View,#p2Lightbox) .p2-premium-sign.p2v-true-sign[data-side="back"] > .p2-card-back{
 display:flex!important;visibility:visible!important;
 flex:0 1 auto!important;flex-direction:column!important;
 justify-content:center!important;align-items:center!important;
 width:100%!important;max-width:188px!important;
 height:auto!important;max-height:100%!important;
 margin:auto!important;padding:0!important;
 gap:0!important;min-width:0!important;box-sizing:border-box!important;
}
:is(#preview2View,#p2Lightbox) .p2-premium-sign.p2v-true-sign[data-side="back"] .p2-card-back>small{
 margin:0 0 12px!important;font-size:8px!important;
 letter-spacing:.18em!important;line-height:1.4!important;
}
:is(#preview2View,#p2Lightbox) .p2-premium-sign.p2v-true-sign[data-side="back"] .p2-card-back>strong{
 margin:0 0 14px!important;font-size:20px!important;
 line-height:1.19!important;letter-spacing:-.02em!important;
}
:is(#preview2View,#p2Lightbox) .p2-premium-sign.p2v-true-sign[data-side="back"] .p2-card-back>p{
 margin:0 0 15px!important;font-size:10.5px!important;
 line-height:1.49!important;max-width:100%!important;
}
:is(#preview2View,#p2Lightbox) .p2-premium-sign.p2v-true-sign[data-side="back"] .p2-card-back>em{
 display:block!important;margin:0!important;padding-top:13px!important;
 font-size:8px!important;line-height:1.42!important;
 border-top:1px solid rgba(143,110,62,.36)!important;
 max-width:100%!important;
}


/* v18.18: QR visibility and truly differentiated printed compositions.
 * The front ONLY gets QR. All three modes affect the same real live card,
 * scene preview and miniatures, not merely the selection tile. */
:is(#preview2View,#p2Lightbox) .p2-premium-sign.p2v-true-sign[data-side="front"] .p2v-preview-qr{
 visibility:visible!important;opacity:1!important;display:grid!important;
 background:#fff!important;color:#181716!important;
 border-radius:5px!important;box-sizing:border-box!important;
 align-items:center!important;justify-items:center!important;overflow:visible!important;
 z-index:2!important;
}
:is(#preview2View,#p2Lightbox) .p2-premium-sign.p2v-true-sign[data-side="front"] .p2v-preview-qr > .p2v-qr-svg{
 visibility:visible!important;opacity:1!important;display:block!important;
 width:100%!important;height:100%!important;max-width:100%!important;
 background:#fff!important;
}
/* QR bottom: copy above, a slightly lower and smaller QR, classic signage. */
:is(#preview2View,#p2Lightbox) .p2-premium-sign.p2v-true-sign[data-side="front"][data-p2v-qr-layout="qr-bottom"] > div:nth-child(2){
 min-height:115px!important;justify-content:flex-end!important;gap:6px!important;
}
:is(#preview2View,#p2Lightbox) .p2-premium-sign.p2v-true-sign[data-side="front"][data-p2v-qr-layout="qr-bottom"] > div:nth-child(2) > .p2v-preview-qr{
 width:82px!important;height:82px!important;margin:9px auto 0!important;
 padding:5px!important;
}
/* Split: editorial balance, QR on LEFT, copy in the RIGHT column. */
:is(#preview2View,#p2Lightbox) .p2-premium-sign.p2v-true-sign[data-side="front"][data-p2v-qr-layout="split"] > div:nth-child(2){
 min-height:120px!important;
 grid-template-columns:86px minmax(0,1fr)!important;
}
:is(#preview2View,#p2Lightbox) .p2-premium-sign.p2v-true-sign[data-side="front"][data-p2v-qr-layout="split"] > div:nth-child(2) > .p2v-preview-qr{
 width:80px!important;height:80px!important;
 margin:0!important;padding:4px!important;justify-self:start!important;
}
/* Poster: an unmistakable large, framed QR hero ABOVE the instruction
 * with the event title in a bold editorial headline. */
:is(#preview2View,#p2Lightbox) .p2-premium-sign.p2v-true-sign[data-side="front"][data-p2v-qr-layout="poster"]{
 justify-content:space-between!important;
}
:is(#preview2View,#p2Lightbox) .p2-premium-sign.p2v-true-sign[data-side="front"][data-p2v-qr-layout="poster"] > div:first-child{
 gap:5px!important;
}
:is(#preview2View,#p2Lightbox) .p2-premium-sign.p2v-true-sign[data-side="front"][data-p2v-qr-layout="poster"] .p2-sign-heading{
 font-size:min(var(--p2v-head-size,26px),26px)!important;line-height:1.08!important;
 letter-spacing:-.02em!important;
}
:is(#preview2View,#p2Lightbox) .p2-premium-sign.p2v-true-sign[data-side="front"][data-p2v-qr-layout="poster"] > div:nth-child(2){
 min-height:125px!important;
 justify-content:center!important;
}
:is(#preview2View,#p2Lightbox) .p2-premium-sign.p2v-true-sign[data-side="front"][data-p2v-qr-layout="poster"] > div:nth-child(2) > .p2v-preview-qr{
 width:98px!important;height:98px!important;min-width:98px!important;
 margin:2px auto 8px!important;padding:7px!important;
 border:1px solid #bba17a!important;
 box-shadow:0 0 0 4px #fffdf9,0 0 0 5px rgba(155,122,74,.36)!important;
}
:is(#preview2View,#p2Lightbox) .p2-premium-sign.p2v-true-sign[data-side="front"][data-p2v-qr-layout="poster"] > div:nth-child(2) > .p2-sign-main{
 font:600 10px/1.25 Georgia,serif!important;letter-spacing:.025em!important;
}
:is(#preview2View,#p2Lightbox) .p2-premium-sign.p2v-true-sign[data-side="front"][data-p2v-qr-layout="poster"] > div:nth-child(2) > .p2-sign-sub{
 font:500 9px/1.2 system-ui!important;
}


/* v18.19: poster is a genuinely different composition, NOT another QR
 * at the bottom. On Poster, the QR is the artwork at the TOP, the editorial
 * heading follows below it. On QR Bottom, the heading leads and the QR is
 * anchored beneath all body copy. Both faces retain the same QR identity.
 * All selectors affect mobile, venue scene, desktop and miniatures alike. */
:is(#preview2View,#p2Lightbox) .p2-premium-sign.p2v-true-sign[data-side="front"][data-p2v-qr-layout="poster"]{
 display:flex!important;flex-direction:column!important;
 justify-content:center!important;align-items:center!important;
 gap:7px!important;
}
:is(#preview2View,#p2Lightbox) .p2-premium-sign.p2v-true-sign[data-side="front"][data-p2v-qr-layout="poster"][data-shape="arch"]{
 padding-top:51px!important;padding-bottom:17px!important;
}
:is(#preview2View,#p2Lightbox) .p2-premium-sign.p2v-true-sign[data-side="front"][data-p2v-qr-layout="poster"] > div:nth-child(2){
 order:0!important;flex:0 0 auto!important;min-height:0!important;
 display:flex!important;flex-direction:column!important;
 justify-content:flex-start!important;align-items:center!important;
 width:100%!important;gap:4px!important;margin:0!important;padding:0!important;
}
:is(#preview2View,#p2Lightbox) .p2-premium-sign.p2v-true-sign[data-side="front"][data-p2v-qr-layout="poster"] > div:nth-child(2) > .p2v-preview-qr{
 order:0!important;width:100px!important;height:100px!important;
 min-width:100px!important;min-height:100px!important;
 margin:0 auto 7px!important;padding:7px!important;
 flex:0 0 100px!important;
 border:1px solid #bba17a!important;
 box-shadow:0 0 0 3px #fffdf9,0 0 0 4px rgba(155,122,74,.3)!important;
}
:is(#preview2View,#p2Lightbox) .p2-premium-sign.p2v-true-sign[data-side="front"][data-p2v-qr-layout="poster"] > div:nth-child(2) > .p2-sign-main{
 order:1!important;margin:0!important;
 font:700 9px/1.16 system-ui!important;
 letter-spacing:.06em!important;text-transform:uppercase!important;
}
:is(#preview2View,#p2Lightbox) .p2-premium-sign.p2v-true-sign[data-side="front"][data-p2v-qr-layout="poster"] > div:nth-child(2) > .p2-sign-sub{
 order:2!important;margin:0!important;
 font:500 8.5px/1.17 system-ui!important;
}
/* The title is BELOW the big hero QR, never above it like QR Bottom. */
:is(#preview2View,#p2Lightbox) .p2-premium-sign.p2v-true-sign[data-side="front"][data-p2v-qr-layout="poster"] > div:first-child{
 order:1!important;flex:0 1 auto!important;min-height:0!important;
 display:flex!important;flex-direction:column!important;
 justify-content:center!important;align-items:center!important;
 gap:5px!important;margin:0!important;
}
:is(#preview2View,#p2Lightbox) .p2-premium-sign.p2v-true-sign[data-side="front"][data-p2v-qr-layout="poster"] .p2-sign-heading{
 font-size:min(var(--p2v-head-size,25px),25px)!important;
 line-height:1.08!important;letter-spacing:.015em!important;
 text-transform:uppercase!important;white-space:normal!important;
}
:is(#preview2View,#p2Lightbox) .p2-premium-sign.p2v-true-sign[data-side="front"][data-p2v-qr-layout="poster"] .p2-sign-event-name{
 font:italic 500 12px/1.2 Georgia,serif!important;
}
:is(#preview2View,#p2Lightbox) .p2-premium-sign.p2v-true-sign[data-side="front"][data-p2v-qr-layout="poster"] > .p2-sign-footer{
 order:2!important;flex:0 0 auto!important;margin:0!important;
 font-size:7px!important;line-height:1.15!important;
}
:is(#preview2View,#p2Lightbox) .p2-premium-sign.p2v-true-sign[data-side="front"][data-p2v-qr-layout="poster"] > .p2-fine-rule{
 order:3!important;flex:0 0 auto!important;margin:0 auto!important;
}
/* Override inherited flex/grid styles only on QR Bottom's front. Its title
 * stays first; it can never silently inherit the QR-first Poster ordering. */
:is(#preview2View,#p2Lightbox) .p2-premium-sign.p2v-true-sign[data-side="front"][data-p2v-qr-layout="qr-bottom"] > div:first-child{
 order:0!important;
}
:is(#preview2View,#p2Lightbox) .p2-premium-sign.p2v-true-sign[data-side="front"][data-p2v-qr-layout="qr-bottom"] > div:nth-child(2){
 order:1!important;
}


/* v18.58 — readable cream stationery. Recording 43799.mp4 showed nearly
   invisible pale-gold event name, support wording and QR footer against a
   cream arch. Keep decorative gold border/header and the QR quiet zone.
   Apply ONLY to light cardstock — never recolour dark Party/Modern designs
   or alter any paid SVG or customer event data. */
:is(#preview2View,#p2Lightbox)
 .p2-premium-sign.p2v-true-sign[data-side="front"]:not([data-theme="party"]):not([data-theme="modern"])
 :is(.p2-sign-event-name,.p2-sign-main,.p2-sign-sub,.p2-sign-footer){
 color:#463628!important;
 -webkit-text-fill-color:#463628!important;
 opacity:1!important;
 filter:none!important;
 mix-blend-mode:normal!important;
 text-shadow:none!important;
}
:is(#preview2View,#p2Lightbox)
 .p2-premium-sign.p2v-true-sign[data-side="front"][data-theme="rustic"]
 :is(.p2-sign-event-name,.p2-sign-main,.p2-sign-sub,.p2-sign-footer){
 color:#2c4833!important;
 -webkit-text-fill-color:#2c4833!important;
}
:is(#preview2View,#p2Lightbox)
 .p2-premium-sign.p2v-true-sign[data-side="front"]:not([data-theme="party"]):not([data-theme="modern"])
 .p2-sign-sub{
 font-size:10px!important;
 font-weight:600!important;
 line-height:1.35!important;
}
:is(#preview2View,#p2Lightbox)
 .p2-premium-sign.p2v-true-sign[data-side="front"]:not([data-theme="party"]):not([data-theme="modern"])
 .p2-sign-footer{
 font-size:8px!important;
 font-weight:700!important;
 letter-spacing:.025em!important;
}