/* Picorae CLEAN-SLATE CREATOR v1.
 * One owner of visual layout. No change to core form IDs, event state or QR.
 * Only active when JS successfully mounted ALL the required real controls.
 */
#preview2View.pcs-ready{
 --pcs-ink:#2e2527;--pcs-muted:#6a5d56;--pcs-gold:#c69b4a;
 --pcs-border:#e2d3bd;--pcs-paper:#fffaf4;
 background:linear-gradient(148deg,#fffcf8,#f7eee4)!important;
 color:var(--pcs-ink);min-width:0
}
#preview2View.pcs-ready>.p2-hero{display:none!important}
#preview2View.pcs-ready>.pcs-header{
 padding:22px clamp(15px,3vw,38px) 14px;
 max-width:1430px;margin:0 auto;text-align:left
}
#preview2View.pcs-ready .pcs-eyebrow{
 display:block;color:#947139;font:700 11px/1.5 system-ui,sans-serif;
 letter-spacing:.14em
}
#preview2View.pcs-ready>.pcs-header h2{
 margin:5px 0 7px;font:500 clamp(27px,4.1vw,48px)/1.12 Georgia,serif;
 letter-spacing:-.03em;color:#342225
}
#preview2View.pcs-ready>.pcs-header p{
 margin:0;color:#6a5d56;font:400 14px/1.55 system-ui,sans-serif
}
#preview2View.pcs-ready>.p2-steps{
 display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;
 gap:6px!important;padding:12px clamp(12px,2.5vw,32px)!important;
 margin:0 auto 10px!important;max-width:1430px!important;
 background:transparent!important;border:0!important;
 overflow:visible!important;box-sizing:border-box
}
#preview2View.pcs-ready>.p2-steps>[data-p2step]{
 display:flex!important;justify-content:center!important;align-items:center!important;
 gap:7px!important;min-width:0!important;padding:11px 7px!important;
 border:1px solid #e3d5c2!important;border-radius:14px!important;
 background:#fffdfa!important;color:#6e6159!important;
 box-shadow:none!important;font:650 11px/1.3 system-ui,sans-serif!important
}
#preview2View.pcs-ready>.p2-steps>.active{
 background:linear-gradient(135deg,#f5da9a,#e5b84f)!important;
 border-color:#b99046!important;color:#3d2b18!important;
 box-shadow:0 3px 12px #ab824b35!important
}
#preview2View.pcs-ready .pcs-step-index{
 display:grid!important;place-items:center!important;width:26px;height:26px;
 flex:0 0 26px!important;border-radius:50%;background:#ede4d9;
 color:#6c5540;font-weight:800!important
}
#preview2View.pcs-ready>.p2-steps>.active .pcs-step-index{
 background:#a87a29;color:#fff
}
#preview2View.pcs-ready .pcs-step-label{
 overflow-wrap:normal;white-space:normal;text-align:center
}
#preview2View.pcs-ready .p2-shell:has(#picoraeCleanStudio){
 display:block!important;max-width:1430px!important;margin:0 auto!important;
 padding:0 clamp(10px,2.4vw,32px)!important;box-sizing:border-box!important
}
#preview2View.pcs-ready #picoraeCleanStudio{
 display:block!important;max-width:none!important;min-width:0!important
}
#preview2View.pcs-ready #p2Editor{
 display:block!important;width:100%!important;max-width:none!important;
 margin:0!important;box-sizing:border-box!important;padding:clamp(13px,2.5vw,30px)!important;
 background:#fffaf6!important;border:1px solid var(--pcs-border)!important;
 border-radius:20px!important;box-shadow:0 12px 35px #4d382716!important
}
#preview2View.pcs-ready #p2PreviewPanel{
 display:none!important
}
#preview2View.pcs-ready #p2Editor>.p2-hide{display:none!important}
#preview2View.pcs-ready #p2Style:not(.p2-hide),
#preview2View.pcs-ready #p2Print:not(.p2-hide),
#preview2View.pcs-ready #p2Guest:not(.p2-hide),
#preview2View.pcs-ready #p2Activate:not(.p2-hide){display:block!important}
#preview2View.pcs-ready #p2Style>.p2-kicker,
#preview2View.pcs-ready #p2Style>h3{display:none!important}
#preview2View.pcs-ready #p2vInvitationExperience{
 display:block!important;max-width:none!important;margin:0!important;
 padding:0!important;border:0!important;border-radius:0!important;
 background:transparent!important;box-shadow:none!important
}
#preview2View.pcs-ready #p2vInvitationExperience>.p2v-invitation-heading{
 display:block!important;padding:0 0 14px!important;margin:0!important;
 text-align:left!important;width:100%!important;max-width:none!important;
 border:0!important;background:transparent!important
}
#preview2View.pcs-ready .p2v-invitation-heading h3{
 font:500 clamp(27px,3.2vw,40px)/1.12 Georgia,serif!important;
 letter-spacing:-.025em!important;color:#342225!important;margin:5px 0 6px!important
}
#preview2View.pcs-ready .p2v-invitation-heading p{
 font:400 14px/1.5 system-ui,sans-serif!important;color:#695b50!important
}
#preview2View.pcs-ready .pcs-invitation-grid{
 display:grid!important;grid-template-columns:minmax(0,1.2fr) minmax(295px,.8fr)!important;
 gap:20px!important;align-items:start!important;width:100%!important
}
#preview2View.pcs-ready .pcs-choices,#preview2View.pcs-ready .pcs-card-preview{
 min-width:0!important;width:100%!important;box-sizing:border-box!important
}
#preview2View.pcs-ready #p2vInviteStyleList{
 display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
 gap:12px!important;width:100%!important;max-width:100%!important;
 overflow:visible!important;margin:0!important;padding:0!important;
 align-content:start!important;scroll-snap-type:none!important
}
#preview2View.pcs-ready #p2vInviteStyleList>[data-p2v-invite-group]{
 grid-column:1/-1!important
}
#preview2View.pcs-ready #p2vInviteStyleList button[hidden]{display:none!important}
#preview2View.pcs-ready #p2vInviteStyleList button:not([hidden]){
 display:block!important;position:relative!important;width:100%!important;
 height:180px!important;min-height:180px!important;max-width:none!important;
 padding:3px!important;overflow:hidden!important;border-radius:15px!important;
 background:#1b1d2a!important;border:1.5px solid #dfc9a2!important;
 box-shadow:0 6px 14px #38271f21!important;min-width:0!important;
 scroll-snap-align:unset!important
}
#preview2View.pcs-ready #p2vInviteStyleList button .p2v-invite-style-art{
 display:block!important;position:absolute!important;inset:0!important;
 width:100%!important;height:100%!important;border:0!important;
 background-size:cover!important;background-position:center!important;
 border-radius:12px!important
}
#preview2View.pcs-ready #p2vInviteStyleList button>span:last-child{
 position:absolute!important;inset:auto 0 0!important;z-index:2!important;
 display:block!important;padding:35px 12px 11px!important;
 color:white!important;text-align:left!important;
 background:linear-gradient(transparent,rgba(12,15,24,.90))!important;
 font:500 clamp(15px,1.5vw,23px)/1.1 Georgia,serif!important
}
#preview2View.pcs-ready #p2vInviteStyleList button[aria-pressed="true"]{
 border:3px solid #d4a545!important;
 box-shadow:0 0 0 3px #f5dfac,0 9px 20px #32252124!important
}
#preview2View.pcs-ready #p2vInviteStyleList button[aria-pressed="true"]::after{
 content:"✓";position:absolute;top:8px;right:8px;z-index:5;
 display:grid;place-items:center;width:27px;height:27px;
 background:#fff9e7;border:2px solid #d1a245;color:#71501d;
 font:bold 16px/1 system-ui;border-radius:50%
}
#preview2View.pcs-ready #p2vInvitationCard{
 display:block!important;position:relative!important;
 width:min(100%,365px)!important;max-width:365px!important;
 margin:0 auto!important;border:2px solid #c8a35e!important;
 border-radius:13px!important;box-shadow:0 12px 29px #3524182b!important
}
#preview2View.pcs-ready .pcs-card-preview .p2v-invitation-disclaimer{
 text-align:center!important;margin:9px auto 14px!important;
 max-width:360px!important;color:#766d64!important;
 font:400 11px/1.45 system-ui,sans-serif!important
}
#preview2View.pcs-ready #p2vInvitationExperience>.p2v-invite-editor{
 display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
 gap:12px!important;margin:22px 0 8px!important
}
#preview2View.pcs-ready #p2vInvitationExperience>.p2v-invite-editor label{
 min-width:0!important;font:650 12px/1.4 system-ui,sans-serif!important
}
#preview2View.pcs-ready #p2vLuxGallery{
 width:100%!important;max-width:100%!important;box-sizing:border-box!important
}
#preview2View.pcs-ready .pcs-legacy-choice,
#preview2View.pcs-ready .pcs-legacy-signs{
 margin:18px 0;border:1px solid #dfd0b8;border-radius:12px;
 padding:10px 13px;background:#fff8ec
}
#preview2View.pcs-ready .pcs-legacy-choice summary,
#preview2View.pcs-ready .pcs-legacy-signs summary{
 cursor:pointer;font:650 12px/1.4 system-ui,sans-serif;color:#77562d
}
#preview2View.pcs-ready>.p2-bottom{
 display:flex!important;justify-content:space-between!important;align-items:center!important;
 gap:12px!important;max-width:1430px!important;margin:0 auto!important;
 padding:17px clamp(15px,3vw,38px)!important;box-sizing:border-box!important
}
#preview2View.pcs-ready>.p2-bottom .btn{
 border-radius:15px!important;min-height:47px!important;padding:10px 23px!important
}
#preview2View.pcs-ready>.p2-bottom .primary{
 background:linear-gradient(135deg,#f4d88b,#bc8730)!important;
 color:#302519!important;border:1px solid #a97928!important;font-weight:800!important
}
@media(max-width:899px){
 #preview2View.pcs-ready>.p2-steps{
  display:flex!important;overflow-x:auto!important;scroll-snap-type:x mandatory!important;
  gap:6px!important;padding:9px 12px!important;scrollbar-width:none!important
 }
 #preview2View.pcs-ready>.p2-steps>[data-p2step]{
  flex:0 0 auto!important;min-width:94px!important;scroll-snap-align:center!important;
  font-size:10px!important;padding:8px 7px!important
 }
 #preview2View.pcs-ready .pcs-step-index{width:21px;height:21px;flex-basis:21px!important}
 #preview2View.pcs-ready>.pcs-header{padding:14px 15px 8px!important}
 #preview2View.pcs-ready #p2Editor{padding:13px!important}
 #preview2View.pcs-ready .pcs-invitation-grid{
  display:flex!important;flex-direction:column!important;gap:14px!important
 }
 #preview2View.pcs-ready .pcs-choices,#preview2View.pcs-ready .pcs-card-preview{width:100%!important}
 #preview2View.pcs-ready #p2vInviteStyleList{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important
 }
 #preview2View.pcs-ready #p2vInviteStyleList button:not([hidden]){
  height:155px!important;min-height:155px!important
 }
 #preview2View.pcs-ready #p2vInvitationCard{margin:0 auto!important}
 #preview2View.pcs-ready #p2vInvitationExperience>.p2v-invite-editor{
  grid-template-columns:1fr!important
 }
 /* SP187: this v19.80 sticky rule was overriding the older v19.27
    genuinely floating footer, leaving Continue at the end of long pages.
    Keep the ORIGINAL Back/Continue actions and their live validation. */
 #preview2View.pcs-ready>.p2-bottom,
 #preview2View.pcs-ready.p2v27-enhanced>.p2-bottom,
 /* Retired focus rules must not switch this footer to normal flow between
    touchend and click. The SAME native actions stay fixed through blur. */
 #preview2View.pcs-ready:has(#p2Details:not(.p2-hide))>.p2-bottom{
  position:fixed!important;
  left:50%!important;right:auto!important;
  transform:translateX(-50%)!important;
  bottom:calc(8px + env(safe-area-inset-bottom,0px))!important;
  width:min(620px,calc(100vw - 20px))!important;max-width:620px!important;
  display:flex!important;align-items:center!important;justify-content:space-between!important;
  gap:9px!important;margin:0!important;
  box-sizing:border-box!important;z-index:950!important;
  padding:8px!important;border:1px solid #dbc49d!important;border-radius:16px!important;
  background:rgba(253,249,242,.97)!important;
  box-shadow:0 9px 29px #35271530!important;
  -webkit-backdrop-filter:blur(12px)!important;backdrop-filter:blur(12px)!important
 }
 #preview2View.pcs-ready.pcs-card-typing>.p2-bottom,
 #preview2View.pcs-ready.p2v27-typing>.p2-bottom{
  visibility:hidden!important;pointer-events:none!important
 }
 /* Details needs Continue while typing. Card wording keeps its existing
    inline-edit behavior and hidden footer on the later pages. */
 #preview2View.pcs-ready:has(#p2Details:not(.p2-hide))>.p2-bottom{
  bottom:calc(8px + var(--p2-keyboard-offset,0px) + env(safe-area-inset-bottom,0px))!important;
  visibility:visible!important;pointer-events:auto!important
 }
 #preview2View.pcs-ready>.p2-bottom .btn{min-width:0!important}
}
@media(max-width:370px){
 #preview2View.pcs-ready #p2vInviteStyleList button:not([hidden]){
  height:130px!important;min-height:130px!important
 }
}

/* SP222: clear mobile progress label and collapsed developer-only importer. */
#preview2View.pcs-ready .pcs-current-step{
 margin:8px 0 0;color:#795831;font:700 12px/1.45 system-ui,sans-serif;
 letter-spacing:.025em
}
#preview2View.pcs-ready .pcs-noah-dev-source-files{
 margin-top:10px;padding:8px 10px;background:#f9f1e7;border:1px solid #d9c8ac;
 border-radius:10px
}
#preview2View.pcs-ready .pcs-noah-dev-source-files summary{
 cursor:pointer;font-size:12px;color:#6f573b
}
