*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#dfe7e4;font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;color:#18352f}.preview-page{min-height:100vh;padding:18px}.preview-shell{width:min(430px,100%);margin:auto;background:#fff;min-height:100vh;overflow:hidden;box-shadow:0 20px 70px rgba(12,37,31,.2);position:relative}.preview-hero{min-height:520px;position:relative;display:flex;align-items:flex-end;overflow:hidden}.preview-visual{position:absolute;inset:0;background:linear-gradient(145deg,#cddbd5,#496b60)}.visual-mark{position:absolute;inset:0;display:grid;place-items:center}.visual-mark:before{content:"";width:180px;height:240px;border-radius:90px 90px 32px 32px;background:rgba(255,255,255,.22);border:1px solid rgba(255,255,255,.42);box-shadow:0 24px 70px rgba(0,0,0,.16)}.visual-mark span:first-child{position:absolute;width:90px;height:90px;border-radius:50%;background:rgba(255,255,255,.62);transform:translateY(-54px)}.visual-mark span:last-child{position:absolute;width:132px;height:104px;border-radius:65px 65px 28px 28px;background:rgba(255,255,255,.45);transform:translateY(66px)}.preview-copy{position:relative;z-index:2;width:100%;padding:44px 28px 30px;text-align:center;color:#fff;background:linear-gradient(0deg,rgba(10,30,24,.88),transparent)}.preview-kicker{font-size:11px;text-transform:uppercase;letter-spacing:.18em;font-weight:800;margin:0 0 10px}.preview-copy h1{font-family:Georgia,serif;font-size:42px;line-height:1.02;margin:0 0 14px}.preview-date,.preview-place{margin:4px 0;font-weight:650}.preview-copy a{display:inline-flex;margin-top:18px;background:#fff;color:#24493f;border-radius:999px;padding:11px 18px;font-weight:800;text-decoration:none}.preview-intro{padding:34px 30px;text-align:center;font-family:Georgia,serif;font-size:20px;line-height:1.5}.preview-details{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:0 20px 26px}.preview-details article{padding:14px 9px;border-radius:16px;background:#f3f6f4;text-align:center}.preview-details small,.preview-details strong{display:block}.preview-details small{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:#74817d;margin-bottom:6px}.preview-details strong{font-size:12px}.preview-flow{display:grid;gap:9px;padding:28px;background:#eef3f0}.preview-flow div{display:grid;grid-template-columns:62px 1fr;gap:12px;align-items:center;background:#fff;padding:12px 14px;border-radius:14px}.preview-flow b{font-family:Georgia,serif;font-size:19px}.preview-actions{display:flex;gap:8px;padding:24px}.preview-actions button{flex:1;border:0;border-radius:12px;padding:12px;background:#214f43;color:#fff;font-weight:800}.preview-shell footer{display:grid;text-align:center;gap:4px;padding:20px;background:#173a31;color:#fff}.preview-shell footer small{color:rgba(255,255,255,.7)}
/* Seri Mawar */.tpl-rose-classic{background:#eadcdd}.tpl-rose-classic .preview-visual{background:radial-gradient(circle at 16% 12%,#fff 0 7%,transparent 8%),radial-gradient(circle at 84% 18%,#e5aeb8 0 13%,transparent 14%),linear-gradient(145deg,#f5e8e9,#9c5868)}.tpl-rose-classic .preview-hero:before,.tpl-rose-classic .preview-hero:after{content:"✿";position:absolute;z-index:1;font-size:96px;color:rgba(255,255,255,.34)}.tpl-rose-classic .preview-hero:before{left:-22px;top:24px}.tpl-rose-classic .preview-hero:after{right:-18px;top:120px}.tpl-rose-classic .preview-actions button,.tpl-rose-classic footer{background:#8c4056}
/* Ivory Editorial */.tpl-ivory-editorial{background:#e6e2d8}.tpl-ivory-editorial .preview-shell{background:#faf8f2}.tpl-ivory-editorial .preview-hero{display:grid;grid-template-columns:46% 54%;align-items:stretch}.tpl-ivory-editorial .preview-visual{position:relative;grid-column:1;background:linear-gradient(160deg,#d4cfc0,#777368)}.tpl-ivory-editorial .preview-copy{grid-column:2;background:none;color:#202620;text-align:left;padding:72px 24px;display:flex;flex-direction:column;justify-content:center}.tpl-ivory-editorial .preview-copy h1{font-size:38px}.tpl-ivory-editorial .preview-copy a{background:#202620;color:#fff;border-radius:0}.tpl-ivory-editorial .visual-mark:before{width:125px;height:300px;border-radius:0}.tpl-ivory-editorial .preview-details article{border-radius:0;border-top:2px solid #252a25;background:transparent}.tpl-ivory-editorial .preview-actions button,.tpl-ivory-editorial footer{background:#272c27;border-radius:0}
/* Borneo */.tpl-borneo-heritage{background:#cbb7a0}.tpl-borneo-heritage .preview-shell{border:8px solid #6c3f2d}.tpl-borneo-heritage .preview-visual{background:repeating-linear-gradient(45deg,rgba(255,255,255,.08) 0 10px,transparent 10px 22px),linear-gradient(145deg,#c48150,#542d26)}.tpl-borneo-heritage .preview-hero:after{content:"◇ ◆ ◇ ◆ ◇";position:absolute;top:18px;left:0;right:0;text-align:center;color:#f6d5a8;letter-spacing:12px;z-index:3}.tpl-borneo-heritage .preview-copy h1{font-family:Georgia,serif;text-transform:uppercase;font-size:34px;letter-spacing:.04em}.tpl-borneo-heritage .preview-details article{background:#f5e7d6;border:1px solid #c99b68}.tpl-borneo-heritage .preview-actions button,.tpl-borneo-heritage footer{background:#6c3f2d}
/* Midnight */.tpl-midnight-gold{background:#0b0d13}.tpl-midnight-gold .preview-shell{background:#11141d;color:#f4e8c0;border:1px solid #b9923f}.tpl-midnight-gold .preview-visual{background:radial-gradient(circle at 70% 20%,#8a7132 0 4%,transparent 5%),linear-gradient(145deg,#1e2433,#07080c)}.tpl-midnight-gold .preview-copy{background:linear-gradient(0deg,#08090e,transparent)}.tpl-midnight-gold .preview-copy h1{color:#e8c873}.tpl-midnight-gold .preview-intro{color:#e6dcc2}.tpl-midnight-gold .preview-details article,.tpl-midnight-gold .preview-flow{background:#191e2b}.tpl-midnight-gold .preview-flow div{background:#11141d;border:1px solid #63532c}.tpl-midnight-gold .preview-actions button,.tpl-midnight-gold footer{background:#b18b38;color:#11141d}.tpl-midnight-gold footer small{color:#3a2e15}
/* Confetti */.tpl-confetti-pop{background:#f7d74f}.tpl-confetti-pop .preview-shell{transform:rotate(-.4deg)}.tpl-confetti-pop .preview-visual{background:radial-gradient(circle at 15% 18%,#ff4c73 0 7%,transparent 8%),radial-gradient(circle at 84% 12%,#31a6ff 0 8%,transparent 9%),radial-gradient(circle at 76% 44%,#ffe556 0 12%,transparent 13%),linear-gradient(145deg,#794bd1,#ff7e9c)}.tpl-confetti-pop .preview-copy h1{font-family:system-ui,sans-serif;font-weight:950;transform:rotate(-3deg)}.tpl-confetti-pop .preview-details article{background:#fff2a9;border:2px solid #1b2244;transform:rotate(-2deg)}.tpl-confetti-pop .preview-details article:nth-child(2){transform:rotate(2deg)}.tpl-confetti-pop .preview-actions button{background:#273373}.tpl-confetti-pop footer{background:#ff4c73}
/* Pastel */.tpl-pastel-party{background:#dcd0f4}.tpl-pastel-party .preview-shell{border-radius:32px}.tpl-pastel-party .preview-hero{margin:12px;border-radius:26px;min-height:500px}.tpl-pastel-party .preview-visual{background:radial-gradient(circle at 15% 22%,#fff 0 14%,transparent 15%),radial-gradient(circle at 85% 14%,#f8d5dd 0 21%,transparent 22%),linear-gradient(145deg,#b8addf,#f4c7d2)}.tpl-pastel-party .preview-copy{background:linear-gradient(0deg,rgba(68,44,76,.78),transparent)}.tpl-pastel-party .preview-details article{background:#f7efff;border-radius:24px}.tpl-pastel-party .preview-actions button,.tpl-pastel-party footer{background:#765b9b}
/* Nur Sakinah */.tpl-nur-sakinah{background:#d9e9df}.tpl-nur-sakinah .preview-shell{background:#f8fbf8}.tpl-nur-sakinah .preview-visual{background:repeating-linear-gradient(60deg,rgba(255,255,255,.06) 0 8px,transparent 8px 18px),linear-gradient(145deg,#1e745d,#0b392f)}.tpl-nur-sakinah .visual-mark:before{border-radius:100px 100px 12px 12px;border:2px solid #d7b96b;background:rgba(255,255,255,.08)}.tpl-nur-sakinah .preview-copy h1{color:#f2d68c}.tpl-nur-sakinah .preview-details article{border:1px solid #a8c7ba;background:#fff}.tpl-nur-sakinah .preview-actions button,.tpl-nur-sakinah footer{background:#175c4a}
/* Baby Cloud */.tpl-baby-cloud{background:#cfeaf6}.tpl-baby-cloud .preview-shell{border-radius:36px}.tpl-baby-cloud .preview-visual{background:radial-gradient(ellipse at 18% 18%,#fff 0 12%,transparent 13%),radial-gradient(ellipse at 34% 16%,#fff 0 14%,transparent 15%),radial-gradient(ellipse at 77% 26%,#fff 0 18%,transparent 19%),linear-gradient(#8bd0ed,#e5f7ff)}.tpl-baby-cloud .preview-copy{color:#285267;background:linear-gradient(0deg,rgba(236,250,255,.98),transparent)}.tpl-baby-cloud .preview-copy a{background:#4aa6c7;color:#fff}.tpl-baby-cloud .preview-details article{background:#eaf9ff;border-radius:28px}.tpl-baby-cloud .preview-actions button,.tpl-baby-cloud footer{background:#4b9fbe}
/* Legacy */.tpl-legacy-blue{background:#cdd8e6}.tpl-legacy-blue .preview-shell{border-left:12px solid #16385f}.tpl-legacy-blue .preview-visual{background:linear-gradient(145deg,#7893b5,#172e4c)}.tpl-legacy-blue .preview-copy{text-align:left;border-left:4px solid #e1bf71;padding-left:34px}.tpl-legacy-blue .preview-copy h1{font-family:Georgia,serif;font-size:38px}.tpl-legacy-blue .preview-intro{text-align:left;border-bottom:1px solid #ccd5de}.tpl-legacy-blue .preview-details article{border-radius:4px;background:#eef3f8}.tpl-legacy-blue .preview-actions button,.tpl-legacy-blue footer{background:#173b65}
/* Memory Film */.tpl-memory-film{background:#292929}.tpl-memory-film .preview-shell{background:#181818;color:#f1eee8;border-left:18px dotted #e7d9bd;border-right:18px dotted #e7d9bd}.tpl-memory-film .preview-visual{background:linear-gradient(145deg,#555,#101010);filter:grayscale(1)}.tpl-memory-film .preview-copy{background:linear-gradient(0deg,#111,transparent)}.tpl-memory-film .preview-copy h1{font-family:"Courier New",monospace}.tpl-memory-film .preview-intro{font-family:"Courier New",monospace}.tpl-memory-film .preview-details article,.tpl-memory-film .preview-flow{background:#262626;color:#fff}.tpl-memory-film .preview-flow div{background:#161616;border:1px solid #444}.tpl-memory-film .preview-actions button,.tpl-memory-film footer{background:#d1b16b;color:#171717}.tpl-memory-film footer small{color:#473a23}
/* Reunion */.tpl-reunion-green{background:#d4e8d8}.tpl-reunion-green .preview-visual{background:linear-gradient(145deg,#72a67c,#205836)}.tpl-reunion-green .preview-copy{margin:0 18px 18px;border-radius:24px;background:rgba(255,255,255,.92);color:#214d32}.tpl-reunion-green .preview-copy a{background:#2d6d45;color:#fff}.tpl-reunion-green .preview-details article{background:#edf7ef;border:1px dashed #5c8d68}.tpl-reunion-green .preview-flow{background:#e5f1e7}.tpl-reunion-green .preview-actions button,.tpl-reunion-green footer{background:#2d6d45}
/* Corporate */.tpl-corporate-modern{background:#dbe4ee}.tpl-corporate-modern .preview-shell{background:#f8fafc}.tpl-corporate-modern .preview-hero{display:grid;grid-template-columns:55% 45%;align-items:stretch}.tpl-corporate-modern .preview-copy{grid-column:1;grid-row:1;background:#fff;color:#14293a;text-align:left;padding:70px 24px;display:flex;flex-direction:column;justify-content:center}.tpl-corporate-modern .preview-copy h1{font-family:system-ui,sans-serif;font-size:34px;font-weight:900}.tpl-corporate-modern .preview-copy a{background:#1d5f8c;color:#fff;border-radius:8px}.tpl-corporate-modern .preview-visual{position:relative;grid-column:2;background:linear-gradient(145deg,#4b8ab5,#173c5b)}.tpl-corporate-modern .visual-mark:before{width:120px;height:320px;border-radius:0}.tpl-corporate-modern .preview-details article{border-radius:8px;border-top:4px solid #2c79a9}.tpl-corporate-modern .preview-actions button,.tpl-corporate-modern footer{background:#1e5c84}
@media(max-width:460px){.preview-page{padding:0}.preview-shell{width:100%;box-shadow:none}.preview-details{gap:6px;padding-left:12px;padding-right:12px}.preview-details strong{font-size:11px}.preview-intro{padding-left:22px;padding-right:22px}.tpl-ivory-editorial .preview-copy,.tpl-corporate-modern .preview-copy{padding-left:18px;padding-right:18px}.tpl-ivory-editorial .preview-copy h1,.tpl-corporate-modern .preview-copy h1{font-size:30px}}

/* v1.4.1 — return path for all previews opened from SmartInvite */
.preview-return{position:fixed;left:16px;top:16px;z-index:60;display:inline-flex;align-items:center;gap:.55rem;padding:.62rem .8rem;border-radius:999px;background:rgba(16,45,37,.94);color:#fff;box-shadow:0 10px 30px rgba(0,0,0,.2);backdrop-filter:blur(10px)}.preview-return span{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:rgba(255,255,255,.14)}.preview-return strong{font-size:.78rem}@media(max-width:460px){.preview-return{left:10px;top:10px;padding:.52rem .65rem}.preview-return strong{font-size:.72rem}}