/* The phone and full-screen views use the real invitation documents. */
.journey-cover .theme-preview>[data-studio-cover]{display:block;width:100%;height:100%}
html[data-studio-preview="true"][data-theme="butterfly-blessings"] .sound-button{display:none!important}
html[data-studio-active="false"] *,html[data-studio-active="false"] *::before,html[data-studio-active="false"] *::after{animation-play-state:paused!important}
html[data-studio-preview="true"]{overflow-x:hidden!important}
html[data-studio-preview="true"] body{max-width:100%!important;overflow-x:hidden!important}
html[data-studio-preview="true"] img,html[data-studio-preview="true"] video{max-width:100%}
html[data-studio-preview="true"][data-studio-view="phone"]{width:360px;min-width:360px;height:100%;min-height:600px;overflow-x:hidden;overflow-y:auto;scroll-behavior:auto;scrollbar-width:none;overscroll-behavior-y:contain;touch-action:pan-y}
html[data-studio-preview="true"][data-studio-view="phone"]::-webkit-scrollbar,html[data-studio-preview="true"][data-studio-view="phone"] body::-webkit-scrollbar{display:none}
html[data-studio-preview="true"][data-studio-view="phone"] body{position:relative!important;width:360px!important;min-width:360px!important;height:auto!important;min-height:600px!important;margin:0!important;overflow:visible!important;overscroll-behavior:contain!important}
html[data-studio-preview="true"][data-studio-view="phone"] .skip-link,html[data-studio-preview="true"][data-studio-view="phone"] #toast{display:none!important}
html[data-studio-preview="true"][data-studio-view="phone"] body.invitation-v2>main#main{position:relative!important;display:block!important;width:360px!important;max-width:none!important;height:auto!important;min-height:600px!important;margin:0!important;overflow:visible!important}
html[data-studio-preview="true"][data-studio-view="phone"] .journey-shell{position:relative!important;width:360px!important;max-width:none!important;height:auto!important;min-height:0!important;margin:0!important;overflow:visible!important}
html[data-studio-preview="true"][data-studio-view="phone"] .journey-cover{width:360px!important;height:auto!important;min-height:0!important}
html[data-studio-preview="true"].is-showcase-preview .journey-nav{display:flex!important}

/* Wild Jasmine's own timed video typography. Other covers use their existing fields. */
html[data-studio-preview="true"] .journey-cover .theme-preview{position:relative;isolation:isolate;overflow:hidden}
html[data-studio-preview="true"] .journey-cover .theme-preview>img{display:block;width:100%;height:100%;object-fit:cover}
html[data-studio-preview="true"] .studio-live-copy{position:absolute;z-index:2;inset:12% 7%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;padding:17px 12px;text-align:center;color:var(--cover-ink,var(--ink,#3e3330));background:var(--cover-paper,var(--paper,#faf6ee));border:1px solid var(--cover-accent,var(--accent,#977449));box-shadow:0 12px 30px #170d0a25;overflow:hidden;pointer-events:none}
html[data-studio-preview="true"] .studio-live-occasion{max-width:100%;font:9px/1.6 Studio,Arial,sans-serif;letter-spacing:1.3px;text-transform:uppercase;color:inherit!important;margin:0}
html[data-studio-preview="true"] .studio-live-names{display:flex;flex-direction:column;align-items:center;max-width:100%;margin:0;color:inherit!important;font:400 36px/1.03 Editorial,Georgia,serif;letter-spacing:-.7px;text-wrap:balance;overflow-wrap:anywhere}
html[data-studio-preview="true"] .studio-live-names>span{display:block;max-width:100%;font-size:inherit;line-height:inherit;overflow-wrap:anywhere}
html[data-studio-preview="true"] .studio-live-names>em{display:block;margin:2px 0;font:italic 18px/1.1 Editorial,Georgia,serif;color:var(--cover-accent,var(--accent,#977449));font-weight:400}
html[data-studio-preview="true"] .studio-live-date-time{display:grid;gap:3px;margin-top:3px}
html[data-studio-preview="true"] .studio-live-date,html[data-studio-preview="true"] .studio-live-time{margin:0;color:inherit!important;font:11px/1.45 Studio,Arial,sans-serif;letter-spacing:.2px}
html[data-studio-preview="true"] .journey-cover .cover-ribbon{z-index:3}

html[data-studio-preview="true"] .studio-live-time{margin:5px 0 0;color:inherit;font:11px/1.4 Studio,Arial,sans-serif;letter-spacing:.08em}

/* Keep personalized names inside each theme's own cover typography. */
html[data-studio-preview="true"] .studio-fit-names{width:100%;max-width:100%;min-width:0;box-sizing:border-box;white-space:normal!important;overflow-wrap:anywhere;word-break:normal;text-wrap:balance}
html[data-studio-preview="true"] .studio-live-names{ text-align:center }
html[data-studio-preview="true"] .studio-live-names>.studio-live-first,html[data-studio-preview="true"] .studio-live-names>.studio-live-second{width:100%;max-width:100%;min-width:0;white-space:normal;overflow-wrap:anywhere}
html[data-studio-preview="true"][data-theme="butterfly-blessings"] .studio-fit-names{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:center;gap:.08em .12em}
html[data-studio-preview="true"][data-theme="butterfly-blessings"] .studio-fit-names>[data-text="groom"],html[data-studio-preview="true"][data-theme="butterfly-blessings"] .studio-fit-names>[data-text="bride"]{flex:0 1 auto;width:auto;max-width:100%;min-width:0;white-space:normal!important;overflow-wrap:anywhere}
html[data-studio-preview="true"][data-theme="butterfly-blessings"] #heroNames.studio-fit-names{width:100%;padding-inline:0!important}
html[data-studio-preview="true"][data-theme="butterfly-blessings"] #heroNames.studio-fit-names>[data-text="groom"],html[data-studio-preview="true"][data-theme="butterfly-blessings"] #heroNames.studio-fit-names>[data-text="bride"]{margin-left:0!important;text-align:center}
html[data-studio-preview="true"][data-theme="butterfly-blessings"] #heroNames.studio-fit-names>em{width:auto;flex:0 0 auto;margin:0!important}
html[data-studio-preview="true"][data-theme="emerald-nocturne"] #couple-title.studio-fit-names{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:center;column-gap:.12em}
html[data-studio-preview="true"][data-theme="emerald-nocturne"] #couple-title>.studio-name-part{flex:0 1 auto;width:auto;max-width:100%;min-width:0;padding:0;color:var(--gold)!important;font-size:1em!important;white-space:normal!important;overflow-wrap:anywhere}
html[data-studio-preview="true"][data-theme="emerald-nocturne"] #couple-title>.studio-name-separator{flex:0 0 auto;padding:0 .1em;color:var(--gold-light)!important;font-size:.68em!important}
html[data-studio-preview="true"][data-theme="royal-linen"] #welcomeNames.studio-fit-names{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:center;gap:.04em .12em}
html[data-studio-preview="true"][data-theme="royal-linen"] #welcomeNames>.studio-linen-first,html[data-studio-preview="true"][data-theme="royal-linen"] #welcomeNames>.studio-linen-second{flex:0 1 auto;width:auto;max-width:100%;min-width:0;white-space:normal!important;overflow-wrap:anywhere}
html[data-studio-preview="true"][data-theme="royal-linen"] .hero-copy .couple-name.studio-fit-names{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:center;gap:.04em .12em;white-space:normal!important;text-wrap:balance}
html[data-studio-preview="true"][data-theme="royal-linen"] .hero-copy .couple-name.studio-fit-names>[data-bridegroom],html[data-studio-preview="true"][data-theme="royal-linen"] .hero-copy .couple-name.studio-fit-names>[data-bride]{flex:0 1 auto;width:auto;max-width:100%;min-width:0;white-space:normal!important;overflow-wrap:anywhere}

html[data-studio-preview="true"][data-theme="ivory-garden"] .journey-cover .theme-preview{position:relative;aspect-ratio:9/16}
html[data-studio-preview="true"][data-theme="ivory-garden"] .journey-cover .wild-jasmine-opening-video{position:absolute;inset:0;z-index:1;display:block;width:100%;height:100%;object-fit:cover}
html[data-studio-preview="true"][data-theme="ivory-garden"] .journey-cover .theme-preview>img{position:absolute;inset:0;z-index:0;width:100%;height:100%;object-fit:cover}
html[data-studio-preview="true"][data-theme="ivory-garden"] .journey-cover .theme-preview>img{opacity:0}
html[data-studio-preview="true"][data-theme="ivory-garden"] .studio-live-copy{inset:22% 7% 40% 30%;display:flex;gap:6px;padding:10px 2px;overflow:visible;background:transparent;border:0;border-radius:0;box-shadow:none;color:#3d533f;text-shadow:0 1px 8px #fff9;opacity:0;transform:translateY(8px);transition:opacity .8s ease,transform .8s ease}
html[data-studio-preview="true"][data-theme="ivory-garden"] .studio-live-names{font-size:clamp(20px,8.3vw,30px);line-height:1}
html[data-studio-preview="true"][data-theme="ivory-garden"] .studio-live-occasion{font-size:8px;letter-spacing:1px}
html[data-studio-preview="true"][data-theme="ivory-garden"] .studio-live-date,html[data-studio-preview="true"][data-theme="ivory-garden"] .studio-live-time{font-size:9px;line-height:1.35}
html[data-studio-preview="true"][data-theme="ivory-garden"] .journey-shell.is-video-revealed .studio-live-copy{opacity:1;transform:translateY(0)}
html[data-studio-preview="true"][data-theme="ivory-garden"] .sample-bar{display:none!important}
html[data-studio-preview="true"][data-theme="ivory-garden"] .wild-jasmine-static-copy{display:none!important}
html[data-studio-preview="true"][data-theme="ivory-garden"] .journey-cover{width:100%!important;height:100vh!important;min-height:600px!important;padding:0!important;display:flex!important;align-items:center!important;justify-content:center!important;overflow:hidden!important;background:#f5f3e8!important}
html[data-studio-preview="true"][data-theme="ivory-garden"] .journey-cover:before,html[data-studio-preview="true"][data-theme="ivory-garden"] .journey-cover>.cover-ambient,html[data-studio-preview="true"][data-theme="ivory-garden"] .journey-cover>.journey-kicker,html[data-studio-preview="true"][data-theme="ivory-garden"] .journey-cover>.cover-guest,html[data-studio-preview="true"][data-theme="ivory-garden"] .journey-cover>.cover-footnote{display:none!important}
html[data-studio-preview="true"][data-theme="ivory-garden"] .cover-card[data-opening-video="wild-jasmine"]{position:relative;width:min(100vw,56.25vh);height:100vh;max-width:none;margin:0;flex:0 0 auto;perspective:none}
html[data-studio-preview="true"][data-theme="ivory-garden"] .cover-card[data-opening-video="wild-jasmine"]>.theme-preview{width:100%;height:100%;aspect-ratio:auto;outline:0;box-shadow:none}
html[data-studio-preview="true"][data-theme="ivory-garden"] .studio-live-copy{inset:22% 9% 25%;padding:12px;background:transparent;color:#3d533f;text-shadow:0 1px 8px #fff9}
html[data-studio-preview="true"][data-theme="ivory-garden"] .journey-cover>[data-open-invitation]{position:absolute;z-index:4;left:0;right:0;bottom:20px;width:max-content;max-width:90%;margin:0 auto;background:#f5f3e8e8;color:#3d533f;border-color:#9d8454;box-shadow:0 4px 18px #3d533f26}
html[data-theme="ivory-garden"][data-studio-view="showcase"] .journey-cover>[data-open-invitation],html[data-theme="ivory-garden"][data-studio-view="phone"] .journey-cover>[data-open-invitation]{visibility:hidden!important;pointer-events:none!important}

/* Keep the personalized Wild Jasmine copy directly over the opening video. */
html[data-studio-preview="true"][data-theme="ivory-garden"] .journey-shell.garden .studio-live-copy{inset:22% 9% 25%;gap:8px;padding:0;background:transparent!important;border:0!important;border-radius:0!important;outline:0!important;box-shadow:none!important;color:#314b38;text-shadow:0 1px 4px #fff,0 0 12px #fff9}
html[data-studio-preview="true"][data-theme="ivory-garden"] .journey-shell.garden .studio-live-occasion{font-size:10px;letter-spacing:1.2px}
html[data-studio-preview="true"][data-theme="ivory-garden"] .journey-shell.garden .studio-live-names{font-size:clamp(26px,9.5vw,36px);line-height:1.04}
html[data-studio-preview="true"][data-theme="ivory-garden"] .journey-shell.garden .studio-live-names>em{font-size:20px;line-height:1.05}
html[data-studio-preview="true"][data-theme="ivory-garden"] .journey-shell.garden .studio-live-date,html[data-studio-preview="true"][data-theme="ivory-garden"] .journey-shell.garden .studio-live-time{font-size:11px;line-height:1.45}

/* Two-stage Wild Jasmine opening: invitation first, then names and date. */
html[data-studio-preview="true"][data-theme="ivory-garden"] .journey-shell.garden .studio-live-copy{inset:0!important;display:block!important;gap:0;padding:0!important}
html[data-studio-preview="true"][data-theme="ivory-garden"] .journey-shell.garden .studio-live-intro{position:absolute;top:46%;left:50%;width:100%;display:flex;flex-direction:column;align-items:center;gap:1px;text-align:center;transform:translate(-50%,-50%);opacity:0}
html[data-studio-preview="true"][data-theme="ivory-garden"] .journey-shell.garden .studio-live-intro-cap{margin:0;color:#777d68;font:400 clamp(18px,5.8vw,24px)/1.55 Georgia,'Times New Roman',serif;letter-spacing:.2em;text-transform:uppercase}
html[data-studio-preview="true"][data-theme="ivory-garden"] .journey-shell.garden .studio-live-intro-script{margin:0;color:#58624c;font:italic clamp(38px,11vw,50px)/1.08 'Segoe Script','Brush Script MT',cursive}
html[data-studio-preview="true"][data-theme="ivory-garden"] .journey-shell.garden .studio-live-personal{position:absolute;inset:calc(10% + 6em) 7% 12%;display:flex;flex-direction:column;align-items:center;text-align:center;opacity:0;transform:translateY(10px)}
html[data-studio-preview="true"][data-theme="ivory-garden"] .journey-shell.garden .studio-live-occasion{margin:0;color:#777d68;font:400 12px/1.7 Georgia,'Times New Roman',serif;letter-spacing:.2em}
html[data-studio-preview="true"][data-theme="ivory-garden"] .journey-shell.garden .studio-live-names{width:100%;margin:28px 0 0;color:#58624c;font:400 clamp(32px,10.5vw,44px)/1.08 Georgia,'Times New Roman',serif;letter-spacing:.025em;text-transform:uppercase}
html[data-studio-preview="true"][data-theme="ivory-garden"] .journey-shell.garden .studio-live-names>em{margin:5px 0;color:#7c8268;font:italic 27px/1.08 'Segoe Script','Brush Script MT',cursive;text-transform:none}
html[data-studio-preview="true"][data-theme="ivory-garden"] .journey-shell.garden .studio-live-date{position:absolute;right:5%;bottom:calc(6% + 5.5em);margin:0;color:#58624c;font:400 13px/1.4 Georgia,'Times New Roman',serif;letter-spacing:.04em;text-align:right;opacity:0;transform:translateY(8px)}
html[data-studio-preview="true"][data-theme="ivory-garden"] .journey-shell.is-video-revealed .studio-live-intro{animation:wild-jasmine-invitation 4.3s ease both}
html[data-studio-preview="true"][data-theme="ivory-garden"] .journey-shell.is-video-revealed .studio-live-personal{animation:wild-jasmine-personal 1s 4.354s ease both}
html[data-studio-preview="true"][data-theme="ivory-garden"] .journey-shell.is-video-revealed .studio-live-date{animation:wild-jasmine-personal 1s 4.354s ease both}
html[data-studio-preview="true"][data-theme="ivory-garden"] .journey-shell.is-video-revealed .studio-live-names{animation:wild-jasmine-name-wipe 2.2s 4.354s cubic-bezier(.2,.7,.25,1) both}
@keyframes wild-jasmine-invitation{0%{opacity:0}12%,55%{opacity:1}78%,100%{opacity:0}}
@keyframes wild-jasmine-personal{0%{opacity:0;transform:translateY(10px)}100%{opacity:1;transform:translateY(0)}}
@keyframes wild-jasmine-name-wipe{0%{opacity:0;clip-path:inset(0 100% 0 0)}15%{opacity:.35}100%{opacity:1;clip-path:inset(0 0 0 0)}}
@media(prefers-reduced-motion:reduce){html[data-studio-preview="true"][data-theme="ivory-garden"] .journey-shell.garden .studio-live-intro{display:none}html[data-studio-preview="true"][data-theme="ivory-garden"] .journey-shell.garden .studio-live-personal,html[data-studio-preview="true"][data-theme="ivory-garden"] .journey-shell.garden .studio-live-date{opacity:1;transform:none;animation:none}html[data-studio-preview="true"][data-theme="ivory-garden"] .journey-shell.garden .studio-live-names{opacity:1;clip-path:none;animation:none}}