/* Distinct interior directions on the editor's PHONE preview. Does not change intro video. */
#phoneScreen[data-preview-layout]{--mini-ink:#3d3a39;--mini-foil:#b39567;--mini-bg:#faf5e9;background:var(--mini-bg)!important;color:var(--mini-ink)!important;isolation:isolate}
#phoneScreen[data-preview-layout]::before{content:"";pointer-events:none;position:absolute;inset:35px 17px 22px;border:1px solid var(--mini-foil);opacity:.7;z-index:-1}
#phoneScreen[data-preview-layout] > div{position:relative;z-index:1}
#phoneScreen[data-preview-layout] #phoneDesignMotif{font:400 47px/1 'Cormorant Garamond',serif;margin:15px auto 22px;color:var(--mini-foil)}
#phoneScreen[data-preview-layout] #phoneCouple{font:400 37px/1.12 'Cormorant Garamond',serif;margin:14px auto!important;color:var(--mini-ink);overflow-wrap:anywhere}
#phoneScreen[data-preview-layout] #phoneBadge{color:var(--mini-foil)!important;font-size:9px!important}
#phoneScreen[data-preview-layout] #phoneHeroIntro{max-width:245px;margin:12px auto;font:italic 19px/1.2 'Cormorant Garamond',serif}
#phoneScreen[data-preview-layout] #phoneMessage{margin-top:13px!important;font:400 11px/1.7 'DM Sans',sans-serif}
#phoneScreen[data-preview-layout] #phoneDate{font-family:'Cormorant Garamond',serif!important;font-size:23px!important}
#phoneScreen[data-preview-layout] #phoneRsvpBtn{background:var(--mini-foil)!important;color:var(--mini-bg)!important;font-size:10px!important}
#phoneScreen[data-preview-layout="jewelbox"]{--mini-bg:linear-gradient(#fffef9,#eae6de);--mini-ink:#304457;--mini-foil:#ac906b}
#phoneScreen[data-preview-layout="jewelbox"]::before{border:5px double var(--mini-foil);border-radius:140px 140px 6px 6px}
#phoneScreen[data-preview-layout="jewelbox"] #phoneCouple{font-family:'Italiana',serif;font-size:34px}
#phoneScreen[data-preview-layout="coffee"]{--mini-bg:linear-gradient(135deg,#f0d7b5,#fff0d7);--mini-ink:#633d31;--mini-foil:#af7249;text-align:left;align-items:stretch}
#phoneScreen[data-preview-layout="coffee"]::before{border-radius:5px 125px 3px 3px}
#phoneScreen[data-preview-layout="coffee"] #phoneDesignMotif{margin-left:0;text-align:left}
#phoneScreen[data-preview-layout="coffee"] #phoneCouple{text-align:left;margin-left:0!important;font-size:47px}
#phoneScreen[data-preview-layout="pearls"]{--mini-bg:radial-gradient(#39475c,#151b29);--mini-ink:#fff2dd;--mini-foil:#e0c189}
#phoneScreen[data-preview-layout="pearls"]::before{border-radius:150px 150px 0 0;border:4px double var(--mini-foil)}
#phoneScreen[data-preview-layout="coffeeletter"]{--mini-bg:repeating-linear-gradient(25deg,#faedda,#faedda 15px,#f6e5d2 17px);--mini-ink:#52392c;--mini-foil:#b47d52;text-align:left}
#phoneScreen[data-preview-layout="coffeeletter"]::before{border-style:dashed}
#phoneScreen[data-preview-layout="coffeeletter"] #phoneCouple{font-family:'Allura',cursive;font-size:51px;text-align:left}
#phoneScreen[data-preview-layout="silk"]{--mini-bg:linear-gradient(135deg,#fff 24%,#dbd2ca 28%,#fbf7f3 40%);--mini-ink:#504844;--mini-foil:#bea68e}
#phoneScreen[data-preview-layout="silk"] #phoneCouple{font-family:'Allura',cursive;font-size:54px}
#phoneScreen[data-preview-layout="rose"]{--mini-bg:radial-gradient(at 80% 10%,#fff7f7,#edc3cb);--mini-ink:#6e4551;--mini-foil:#ba7a85;text-align:right}
#phoneScreen[data-preview-layout="rose"]::before{border-radius:55% 5% 45% 10%}
#phoneScreen[data-preview-layout="rose"] #phoneCouple{font-family:'Allura',cursive;font-size:54px}
#phoneScreen[data-preview-layout="moon"]{--mini-bg:radial-gradient(at 10% 5%,#547799,#1a2f4a 75%);--mini-ink:#edf5fc;--mini-foil:#b5cfd9;text-align:left}
#phoneScreen[data-preview-layout="moon"]::before{border:0;border-left:1px solid var(--mini-foil)}
#phoneScreen[data-preview-layout="moon"] #phoneCouple{font-family:'Italiana',serif;text-transform:uppercase;text-align:left;font-size:30px}
#phoneScreen[data-preview-layout="swan"]{--mini-bg:linear-gradient(90deg,#e7e3d9,#fffdf8,#e7e3d9);--mini-ink:#494846;--mini-foil:#a89c7e}
#phoneScreen[data-preview-layout="swan"]::before{border-radius:150px 150px 0 0;border:4px double var(--mini-foil)}
#phoneScreen[data-preview-layout="swan"] #phoneCouple{font-family:'Italiana',serif;font-size:33px}
#phoneScreen[data-preview-layout="olive"]{--mini-bg:linear-gradient(125deg,#e4edde,#cbd8c3);--mini-ink:#38513f;--mini-foil:#839467}
#phoneScreen[data-preview-layout="olive"]::before{border-radius:50% 50% 12px 12px;border:6px double var(--mini-foil)}
#phoneScreen[data-preview-layout="garden"]{--mini-bg:radial-gradient(#287155,#082e21);--mini-ink:#fff0da;--mini-foil:#dabd77}
#phoneScreen[data-preview-layout="garden"]::before{border-radius:150px 150px 0 0;border:4px double var(--mini-foil)}
#phoneScreen[data-preview-layout="garden"] #phoneCouple{font-family:'Cinzel',serif;font-size:30px}
#phoneScreen[data-preview-layout="hennaPearl"]{--mini-bg:linear-gradient(145deg,#822d48,#300a22);--mini-ink:#fef0e2;--mini-foil:#e9c09d}
#phoneScreen[data-preview-layout="hennaPearl"]::before{border:4px dotted var(--mini-foil)}
#phoneScreen[data-preview-layout="hennaPearl"] #phoneCouple{font-family:'Allura',cursive;font-size:55px}
#phoneScreen[data-preview-layout="royal"]{--mini-bg:linear-gradient(90deg,#400e20,#74213a,#3a0c1c);--mini-ink:#f6e6cc;--mini-foil:#e1b777}
#phoneScreen[data-preview-layout="royal"]::before{border:5px double var(--mini-foil);border-radius:145px 145px 0 0}
#phoneScreen[data-preview-layout="royal"] #phoneCouple{font-family:'Cinzel',serif;text-transform:uppercase;font-size:29px}
#phoneScreen[data-preview-layout="plum"]{--mini-bg:linear-gradient(135deg,#241a31,#663450);--mini-ink:#ffe8f8;--mini-foil:#d69bb7;text-align:left}
#phoneScreen[data-preview-layout="plum"]::before{transform:skewY(-4deg)}
#phoneScreen[data-preview-layout="plum"] #phoneCouple{font-family:'Allura',cursive;font-size:55px;text-align:left}
#phoneScreen[data-preview-layout="facet"]{--mini-bg:conic-gradient(at 50% 30%,#125b53,#093c32,#247a67,#104539);--mini-ink:#eff8ed;--mini-foil:#d9c38b}
#phoneScreen[data-preview-layout="facet"]::before{clip-path:polygon(20% 0,80% 0,100% 20%,100% 80%,80% 100%,20% 100%,0 80%,0 20%);border:3px solid var(--mini-foil)}
#phoneScreen[data-preview-layout="facet"] #phoneCouple{font-family:'Italiana',serif;text-transform:uppercase;font-size:30px}
#phoneScreen[data-preview-layout="hasbahce"]{--mini-bg:linear-gradient(90deg,#e0ebdb,#fcf9e9,#dbe6d3);--mini-ink:#31533b;--mini-foil:#85a17b}
#phoneScreen[data-preview-layout="hasbahce"]::before{border:7px double var(--mini-foil);border-radius:50%}
#phoneScreen[data-preview-layout="hasbahce"] #phoneCouple{font-family:'Allura',cursive;font-size:53px}
#phoneScreen[data-preview-layout="stars"]{--mini-bg:radial-gradient(at 50% 27%,#24538e,#0a1538);--mini-ink:#f9e8d4;--mini-foil:#b8c7df}
#phoneScreen[data-preview-layout="stars"] #phoneCouple{font-family:'Cinzel',serif;font-size:30px}
#phoneScreen[data-preview-layout="prince"]{--mini-bg:repeating-linear-gradient(35deg,#faf3e0,#faf3e0 12px,#e9dbbd 14px);--mini-ink:#34517d;--mini-foil:#bb9254}
#phoneScreen[data-preview-layout="prince"]::before{border:5px double var(--mini-foil);border-radius:145px 145px 0 0}
#phoneScreen[data-preview-layout="prince"] #phoneCouple{font-family:'Cinzel',serif;font-size:29px}
#phoneScreen[data-preview-layout="firman"]{--mini-bg:linear-gradient(90deg,#b09a75,#e8d9b5 18%,#e8d9b5 82%,#a18a66);--mini-ink:#4e3823;--mini-foil:#8e724b}
#phoneScreen[data-preview-layout="firman"]::before{border:5px double var(--mini-foil)}
#phoneScreen[data-preview-layout="firman"] #phoneCouple{font-family:'Cinzel',serif;font-size:29px}
#phoneScreen[data-preview-layout="cloud"]{--mini-bg:linear-gradient(155deg,#cfe6f8,#f6f8fb,#fae4ed);--mini-ink:#58799b;--mini-foil:#9bb9d7}
#phoneScreen[data-preview-layout="cloud"]::before{border:4px dotted #fff;border-radius:40% 60% 55% 50%;background:#fff9}
#phoneScreen[data-preview-layout="cloud"] #phoneDesignMotif{font-size:65px}
