/* v18.92 — same founder-approved editorial system across CREATE, INVITE,
 * GUEST PASS, and HOST GALLERY/SETTINGS. Pure CSS, only existing real DOM.
 * No changes to editable values, privacy, print/export geometry or QR pixels. */
#preview2View{
 --p92-paper:#fbf7ef;--p92-edge:#e8dcc7;
 --p92-gold:#af843e;--p92-dark:#30251c;--p92-muted:#726557;
 background:linear-gradient(180deg,#fcf8f0,#f9f3e8);
 max-width:1100px;margin:0 auto;
}
#preview2View .p2-hero{
 max-width:880px;text-align:center;padding:19px 8px 5px;margin:0 auto 8px;
}
#preview2View .p2-hero .p2-title{
 color:#2c251e;letter-spacing:-.04em;
 font:600 clamp(29px,5.7vw,44px)/1.08 Georgia,serif;
 margin:5px 0 9px;
}
#preview2View .p2-hero .p2-kicker{
 color:#a67a36;font:800 10px/1.4 system-ui,sans-serif;letter-spacing:.14em;
}
#preview2View .p2-banner{
 background:#f6f0e6!important;border:1px solid #e5d6be!important;
 border-radius:12px!important;
 color:#75674f!important;font-size:11px;line-height:1.45;
 padding:10px 13px;margin:12px auto;max-width:800px;
}
#preview2View .p2-steps{
 gap:8px;scrollbar-width:none;
 padding:11px 5px 14px!important;margin-bottom:4px;
 border-bottom:1px solid #e7dac6;
 background:rgba(251,247,239,.96)!important;
}
#preview2View .p2-steps .p2-step{
 white-space:nowrap;border:1px solid #e5d9c5!important;
 border-radius:999px!important;background:#fffdf9!important;
 color:#635849!important;
 min-height:43px;padding:10px 13px!important;
 font:700 11px/1.25 system-ui,sans-serif;
}
#preview2View .p2-steps .p2-step.active{
 background:#31291f!important;color:#fff4e1!important;
 border-color:#31291f!important;
}
#preview2View .p2-steps .p2-step:focus-visible{
 outline:3px solid #ae8746;outline-offset:2px;
}
#preview2View .p2-shell{
 gap:15px;align-items:start;
}
#preview2View .p2-card{
 border:1px solid var(--p92-edge)!important;
 background:#fffefa!important;
 box-shadow:0 8px 27px rgba(57,41,16,.05)!important;
 border-radius:23px!important;
}
#preview2View #p2Editor{padding:20px!important}
#preview2View #p2Editor .p2-kicker{
 color:#a27939;letter-spacing:.12em;font-size:10px;font-weight:800;
}
#preview2View #p2Editor h3{
 font:600 clamp(24px,4.7vw,32px)/1.11 Georgia,serif;
 letter-spacing:-.035em;color:#30271e;
 margin:8px 0 16px;
}
#preview2View #p2Editor .p2-field{
 color:#4c3e2e;font-size:12px;font-weight:750;
 line-height:1.35;margin:12px 0;
}
#preview2View #p2Editor .p2-field input,
#preview2View #p2Editor .p2-field select,
#preview2View #p2Editor .p2-field textarea{
 display:block;box-sizing:border-box;max-width:100%;
 min-height:46px;border:1px solid #e1d6c5;
 background:#fffefb;border-radius:12px;
 box-shadow:none;color:#2d2923;font-size:14px;
}
#preview2View #p2Editor .p2-field input:focus,
#preview2View #p2Editor .p2-field select:focus,
#preview2View #p2Editor .p2-field textarea:focus{
 outline:2px solid #c4a064;outline-offset:1px;
}
#preview2View .picorae-v18-tiles{
 gap:9px!important;
}
#preview2View .picorae-v18-tile{
 background:#fffdf8!important;border:1px solid #e5d9c6!important;
 border-radius:14px!important;
 box-shadow:0 3px 12px rgba(55,40,15,.035)!important;
 min-height:102px!important;
}
#preview2View .picorae-v18-tile[aria-pressed=true],
#preview2View .picorae-v18-tile.active,
#preview2View .picorae-v18-tile:focus-visible{
 background:#f9f0db!important;border:2px solid #b38c4c!important;
 box-shadow:0 3px 16px rgba(166,122,54,.08)!important;
}
#preview2View #p2PreviewPanel{
 border-radius:24px!important;background:#fffcf7!important;
}
#preview2View #p2Design .p2-tabs{
 gap:7px;padding:2px 0 9px;margin-bottom:9px;
}
#preview2View #p2Design .p2-tabs button{
 border-radius:999px;background:#fffdf9;
 border:1px solid #e0d2bc;color:#514638;
 padding:10px 12px;min-height:43px;font-size:12px;
}
#preview2View #p2Design .p2-tabs button.active{
 color:#fffdf4;background:#3a2d20;border-color:#3a2d20;
}
#preview2View .p2-bottom{
 border:1px solid #e6d6bf;background:rgba(255,253,249,.98);
 box-shadow:0 -5px 24px rgba(61,43,16,.08);
 border-radius:15px;
}
#preview2View .p2-bottom .primary{
 background:linear-gradient(120deg,#d7b46c,#b4873c)!important;
 color:#252016!important;border:1px solid #bb914d!important;
 border-radius:13px!important;font-weight:800;
}
/* Real paid invitation editor: make card a deliberate focal point, not
   another cream frame inside two nested cream frames. Do not style the
   preview CANVAS or scan-bearing export SVG. */
#qrDesignerModal .qr-designer-card.invite-clean-editor{
 background:#fbf7f0!important;
 border:1px solid #dfd0b7!important;
 border-radius:22px!important;
}
#qrDesignerModal .invite-clean-head{
 background:#fffdfa!important;
 border-bottom:1px solid #e9ddc9!important;
}
#qrDesignerModal .invite-clean-head h2{
 font:600 clamp(26px,5vw,35px)/1.1 Georgia,serif!important;
 letter-spacing:-.035em;color:#302820;
}
#qrDesignerModal .invite-clean-head .micro{
 color:#756a5b;font-size:12px;
}
#qrDesignerModal .invite-clean-preview-shell{
 background:#f2ece1!important;
 border:1px solid #e4d9c7!important;
 border-radius:17px!important;
 box-shadow:none!important;
}
#qrDesignerModal .invite-clean-editor .qr-card-preview{
 box-shadow:0 10px 31px rgba(43,30,16,.12)!important;
}
#qrDesignerModal .invite-tool-dock{
 background:#fffefb!important;
 border:1px solid #e6d9c7!important;
 border-radius:15px!important;
 box-shadow:none!important;
}
/* Existing dynamic guest themes still own their colours and privacy.
   Make the RSVP form simpler but do not recolour event cards globally. */
#guestEvent #guestRsvpCard{
 border-radius:20px;
 box-shadow:0 7px 22px rgba(32,26,17,.05);
}
#guestEvent #guestRsvpCard .guest-pass-head h3{
 font:600 clamp(22px,5vw,29px)/1.1 Georgia,serif;
 letter-spacing:-.02em;
}
#guestEvent #guestRsvpCard .guest-pass-head p{
 font-size:12px;line-height:1.5;
}
#guestEvent #guestRsvpCard .rsvp-choice{
 border-radius:12px;min-height:49px;font-size:13px;
}
#guestEvent #guestRsvpCard #rsvpSaveBtn{
 min-height:49px;border-radius:12px;
}
/* Host gallery / event settings have one consistent editorial title shell. */
#manageView .host-gallery-hero,
#manageView .host-settings-hero{
 background:#fffdf8!important;color:#33291e!important;
 border:1px solid #e5d8c4!important;border-radius:22px!important;
 box-shadow:0 8px 26px rgba(52,39,22,.055)!important;
 padding:22px!important;
}
#manageView .host-gallery-hero::after,
#manageView .host-settings-hero::after{display:none!important}
#manageView .host-gallery-hero h2,
#manageView .host-settings-hero h2{
 color:#33291e!important;font:600 clamp(29px,5vw,39px)/1.1 Georgia,serif;
 letter-spacing:-.035em;
}
#manageView .host-gallery-hero .eyebrow,
#manageView .host-settings-hero .eyebrow{
 color:#9e7637!important;font-size:10px;letter-spacing:.12em;
}
#manageView .host-gallery-hero-copy p,
#manageView .host-settings-hero-copy p{color:#736a5c!important;font-size:12px;line-height:1.5}
#manageView .host-gallery-hero .btn,
#manageView .host-settings-hero .btn{
 background:#fffdf8!important;color:#59462c!important;
 border:1px solid #dfcfb6!important;border-radius:12px!important;
 min-height:44px;
}
#manageView .host-gallery-main-card,
#manageView .host-settings-tab .card{
 border-radius:21px;border-color:#eadfce;
}
@media(max-width:760px){
 #preview2View{padding:9px 11px 110px!important}
 #preview2View .p2-hero{padding:13px 3px 2px;text-align:center!important}
 #preview2View .p2-hero .p2-title{font-size:30px}
 #preview2View .p2-shell{display:block}
 #preview2View #p2Editor{padding:16px!important}
 #preview2View #p2PreviewPanel{padding:12px!important}
 #preview2View .p2-steps{top:0;overflow-x:auto;max-width:100%}
 #qrDesignerModal .invite-clean-preview-shell{padding:10px!important}
 #manageView .host-gallery-hero,#manageView .host-settings-hero{padding:17px!important}
}
@media(max-width:390px){
 #preview2View .p2-steps .p2-step{padding:9px 11px!important;font-size:10px}
 #preview2View .p2-hero .p2-title{font-size:27px}
 #preview2View #p2Editor h3{font-size:25px}
}
@media(prefers-reduced-motion:reduce){
 #preview2View .picorae-v18-tile{transition:none!important}
}