@import url('https://fonts.googleapis.com/css2?family=Amiri:wght@400;700&family=Aref+Ruqaa:wght@400;700&family=Noto+Kufi+Arabic:wght@400;600;700&family=Noto+Naskh+Arabic:wght@400;600;700&family=Reem+Kufi:wght@400;600&family=Tajawal:wght@400;500;700&display=swap');
/* LABBOO approved collection. All selectors are scoped: never resize site logos or form inputs. */
.ld-invitation,.ld-invitation *,.ld-gallery,.ld-gallery *,.ld-modal,.ld-modal *{box-sizing:border-box}
.ld-invitation{--ld-paper:#FAF8F2;--ld-ink:#6b573c;--ld-accent:#60734D;position:relative;isolation:isolate;width:100%;max-width:540px;margin:0 auto;overflow:hidden;border-radius:24px;background:var(--ld-paper);color:var(--ld-ink);text-align:center;font-family:Tajawal,system-ui,sans-serif;box-shadow:0 18px 65px #513d211c;container-type:inline-size;line-height:1.65}
.ld-skin{position:absolute;inset:0;z-index:-2;background-position:center;background-repeat:no-repeat;background-size:100% 100%;pointer-events:none}
.ld-content{position:relative;padding:148px 11% 64px;display:flex;flex-direction:column;align-items:stretch;gap:15px;min-width:0}
.ld-copy{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:8px;min-width:0}
.ld-copy::before{content:"";position:absolute;inset:-12px -12px;z-index:-1;background:var(--ld-paper);opacity:.82;filter:blur(16px);border-radius:30%;pointer-events:none}
.ld-bism{font-family:Amiri,serif;font-size:15px;line-height:1.7;opacity:.9;margin:0 0 8px}
.ld-host{font-size:clamp(18px,4.6cqw,23px);font-weight:700;line-height:1.55;margin:0;overflow-wrap:anywhere}
.ld-lead{font-size:15px;font-weight:500;margin:0;line-height:1.6;opacity:.92}
.ld-title{font-family:Amiri,"Noto Naskh Arabic",serif;font-weight:700;font-size:clamp(36px,10.7cqw,58px);line-height:1.4;overflow-wrap:anywhere;margin:3px 0 0;color:var(--ld-ink)}
.ld-couple{font-size:21px;font-weight:700;line-height:1.6;overflow-wrap:anywhere;margin:0}
.ld-note{font-size:14px;margin:0;opacity:.95}
.ld-rule{display:flex;align-items:center;justify-content:center;gap:12px;max-width:220px;width:65%;margin:2px auto 0;color:var(--ld-ink)}
.ld-rule::before,.ld-rule::after{content:"";flex:1;height:1px;background:currentColor;opacity:.55}
.ld-rule svg{width:28px;height:24px;fill:none;stroke:currentColor;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round}
.ld-details{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:0;padding:13px 0;border-radius:18px;background:color-mix(in srgb,var(--ld-paper) 85%,transparent);margin:0;position:relative}
.ld-detail{display:flex;flex-direction:column;align-items:center;justify-content:start;gap:5px;padding:0 7px;min-width:0;font-size:14px;line-height:1.6;overflow-wrap:anywhere}
.ld-detail+.ld-detail{border-inline-start:1px solid color-mix(in srgb,var(--ld-ink) 20%,transparent)}
.ld-icon{width:23px;height:23px;display:inline-block;flex:none;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle}
.ld-detail small{font-size:11px;opacity:.75}
.ld-detail b{font-size:14px;font-weight:500}
.ld-map{color:var(--ld-ink)!important;background:color-mix(in srgb,var(--ld-paper) 86%,transparent);border:1px solid color-mix(in srgb,var(--ld-ink) 40%,transparent);border-radius:999px;min-height:44px;padding:8px 15px;display:flex;gap:8px;justify-content:center;align-items:center;text-decoration:none;font-size:14px;font-weight:700;line-height:1.5}
.ld-map .ld-icon{width:19px;height:19px}
.ld-guest{background:color-mix(in srgb,var(--ld-paper) 90%,white);border:1px solid #ffffffb8;box-shadow:0 10px 30px #583e1910;border-radius:22px;padding:17px 12px;display:grid;gap:5px;position:relative;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.ld-guest small{font-size:12px;opacity:.8;display:flex;align-items:center;justify-content:center;gap:7px}
.ld-guest small .ld-icon{width:18px;height:18px}
.ld-guest strong{font-size:20px;font-weight:700;line-height:1.5;overflow-wrap:anywhere}
.ld-count{font-size:13px;opacity:.9;margin:0}
.ld-rsvp{position:relative;margin:0!important;padding:0!important;background:transparent!important;box-shadow:none!important;border:0!important}
.ld-rsvp .actions{display:grid!important;grid-template-columns:1fr!important;gap:9px!important;margin:0!important}
.ld-rsvp button,.ld-rsvp .ld-response{width:100%;border-radius:999px;min-height:48px;padding:10px 14px!important;background:var(--ld-accent)!important;color:#fff!important;font:700 16px/1.5 Tajawal,system-ui,sans-serif;border:1px solid var(--ld-accent)!important;cursor:pointer;transition:transform .18s,filter .18s}
.ld-rsvp button:hover{filter:brightness(1.07);transform:translateY(-1px)}
.ld-rsvp button.ghost{background:color-mix(in srgb,var(--ld-paper) 85%,transparent)!important;color:var(--ld-ink)!important;border-color:color-mix(in srgb,var(--ld-ink) 55%,transparent)!important}
.ld-rsvp button:disabled{cursor:wait;opacity:.6}
.ld-rsvp .status{font-size:15px;line-height:1.6;padding:12px;background:#f6faf3;color:#355035;border:1px solid #cfdec5;border-radius:14px;margin:0 0 12px}
.ld-rsvp .status.warn{background:#fff7ee;color:#765326;border-color:#e9d7bd}
.ld-rsvp .qrcard{background:#fff;color:#333;border-radius:16px;margin:12px -2% 10px;padding:12px;border:1px solid #e3ddd2;font-family:Tajawal,system-ui,sans-serif}
.ld-rsvp .qrbox{display:flex;justify-content:center;margin:10px auto}.ld-rsvp .qrbox img,.ld-rsvp .qrbox canvas{max-width:100%;height:auto}.ld-rsvp .cal-links{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.ld-rsvp .cal-links a{font-size:13px;color:var(--ld-ink)}
.ld-signoff{font-size:14px;font-family:Tajawal,system-ui,sans-serif;opacity:.9;padding:4px 0 0;line-height:1.7;margin:0}
.ld-vignette{display:block;width:100%;height:125px;object-fit:cover;border-radius:45% 45% 20px 20px;mask-image:linear-gradient(transparent,#000 18%,#000 78%,transparent);margin:-4px 0}
.ld-custom-art{display:block;width:100%;height:auto;position:relative}
.ld-invitation.ld-custom .ld-content{padding:24px 8% 28px}.ld-custom .ld-skin{display:none}.ld-custom .ld-copy::before{display:none}
.ld-motion-toggle{display:block;position:relative;margin:12px auto 0;min-height:40px;padding:8px 15px;border-radius:999px;border:1px solid #dce3d2;color:#526246;background:#fff;font:500 13px Tajawal,system-ui,sans-serif;cursor:pointer}
.ld-footer{font:500 12px/1.6 Tajawal,system-ui,sans-serif;color:#6c7366;text-align:center;margin:14px 0 8px}
.ld-live-wrap{max-width:572px!important;padding:18px 16px 42px!important;margin:0 auto!important}
/* Motion layer never receives taps or covers text. */
.ld-motion{position:absolute;inset:0;overflow:hidden;z-index:-1;pointer-events:none;perspective:700px}
.ld-particle{position:absolute;display:block;left:var(--x);top:-5%;width:var(--s);height:var(--s);opacity:0;animation:ld-fall var(--dur) linear var(--delay) infinite;will-change:transform,opacity}
.ld-particle.petal{background:linear-gradient(120deg,#fffef2, #ddbbc590);border-radius:0 90% 15% 90%;box-shadow:inset 1px 1px #fff9}
.ld-particle.glint,.ld-particle.star{background:#e3be78;clip-path:polygon(50% 0,60% 39%,100% 50%,60% 60%,50% 100%,39% 60%,0 50%,39% 39%);animation-name:ld-twinkle;top:var(--y)}
.ld-particle.confetti{width:calc(var(--s)*.42);height:var(--s);background:var(--pc);border-radius:2px;animation-name:ld-confetti}
.ld-particle.butterfly{background:linear-gradient(95deg,#c87c9299 44%,transparent 47%,transparent 53%,#f5bdcda9 56%);border-radius:65% 65% 48% 48%;animation-name:ld-butterfly;top:var(--y)}
.ld-cloud{position:absolute;left:-28%;top:var(--y);width:37%;height:40px;background:#ffffffb0;filter:blur(6px);border-radius:50%;animation:ld-cloud 25s ease-in-out infinite alternate}
.ld-cloud::before,.ld-cloud::after{content:"";position:absolute;background:inherit;border-radius:50%;width:46%;height:64px;bottom:2px;left:20%}.ld-cloud::after{height:45px;left:53%}
.ld-glow{position:absolute;top:9%;left:12%;width:80px;height:125px;border-radius:50%;background:radial-gradient(#ffe2a15c,transparent 70%);animation:ld-glow 3.2s ease-in-out infinite alternate}
.ld-steam{position:absolute;left:var(--x);top:15%;width:24px;height:65px;border:1px solid #fff9;border-width:0 0 0 1px;border-radius:50%;filter:blur(1.5px);animation:ld-steam 4s ease-out var(--delay) infinite}
.ld-paused *, .ld-paused *::before,.ld-paused *::after{animation-play-state:paused!important}
@keyframes ld-fall{0%{opacity:0;transform:translate3d(0,-15px,0) rotate(0)}12%{opacity:.65}88%{opacity:.6}100%{opacity:0;transform:translate3d(35px,950px,0) rotate(200deg)}}
@keyframes ld-confetti{0%{opacity:0;transform:translateY(-20px) rotate(0)}8%{opacity:.8}90%{opacity:.5}100%{opacity:0;transform:translateY(980px) rotate(530deg)}}
@keyframes ld-twinkle{0%,100%{opacity:.12;transform:scale(.5) rotate(0)}50%{opacity:.9;transform:scale(1.1) rotate(30deg)}}
@keyframes ld-butterfly{0%,100%{opacity:.1;transform:translate(0,0) rotate(-8deg) scaleX(.7)}50%{opacity:.8;transform:translate(24px,-55px) rotate(16deg) scaleX(1)}}
@keyframes ld-cloud{to{transform:translateX(350%);opacity:.1}}
@keyframes ld-glow{from{opacity:.35;transform:scale(.9)}to{opacity:.9;transform:scale(1.15)}}
@keyframes ld-steam{from{opacity:0;transform:translateY(25px) scale(.75)}30%{opacity:.7}to{opacity:0;transform:translateY(-55px) scale(1.2)}}
@media(prefers-reduced-motion:reduce){.ld-invitation *,.ld-invitation *::before,.ld-invitation *::after{animation:none!important;transition:none!important}.ld-motion{display:none}}
/* Shared gallery and picker. */
.ld-gallery{color:#333;font-family:Tajawal,system-ui,sans-serif;text-align:right;direction:rtl}
.ld-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0 24px}
.ld-tab{font:700 14px Tajawal,system-ui,sans-serif;padding:10px 18px;min-height:44px;border:1px solid #dce3d2;border-radius:999px;background:white;color:#526445;cursor:pointer}
.ld-tab[aria-pressed="true"]{background:#60734D;color:white;border-color:#60734D}
.ld-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.ld-tile{min-width:0;background:#fff;border:1px solid #e5e2d9;border-radius:20px;overflow:hidden;box-shadow:0 10px 30px #51483208;transition:transform .2s,border-color .2s}
.ld-tile:hover{transform:translateY(-3px);border-color:#a6b58f}
.ld-tile.is-selected{outline:2px solid #60734D;outline-offset:3px}
.ld-cover{position:relative;display:block;width:100%;padding:0;border:0;border-radius:0;background:#f8f4eb;cursor:pointer;overflow:hidden;aspect-ratio:2/3}
.ld-cover img{display:block;width:100%;height:100%;object-fit:cover;object-position:top;transition:transform .3s}
.ld-cover img[data-mode="reference"]{object-fit:contain}.ld-cover:hover img{transform:scale(1.025)}
.ld-number{position:absolute;top:10px;right:10px;background:#ffffffeb;box-shadow:0 4px 16px #0001;color:#526445;border:1px solid #fff9;font:700 11px Tajawal,system-ui,sans-serif;border-radius:999px;padding:5px 9px;z-index:1}
.ld-tile-info{padding:13px 12px 14px;text-align:right}
.ld-tile-info h3{font:700 16px/1.5 Tajawal,system-ui,sans-serif;margin:0;color:#333}
.ld-tile-info p{font:400 12px/1.6 Tajawal,system-ui,sans-serif;color:#6e7468;margin:3px 0 10px}
.ld-tile-actions{display:flex;gap:6px}.ld-tile-actions button{font:700 12px/1.4 Tajawal,system-ui,sans-serif;min-height:38px;padding:8px 9px;border-radius:999px;border:1px solid #ced7c5;background:#fff;color:#526445;cursor:pointer;flex:1;white-space:normal}
.ld-tile-actions .ld-select{background:#60734D;color:#fff;border-color:#60734D}
.ld-picker .ld-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.ld-picker .ld-tile-info h3{font-size:14px}.ld-picker .ld-cover{aspect-ratio:2/3}
.ld-order-choice{grid-column:1/-1;padding:12px;border:1px solid #dce3d2;background:#faf8f2;border-radius:14px;display:flex;gap:12px;align-items:center;margin:6px 0}
.ld-order-choice img{width:55px;height:75px;object-fit:cover;object-position:top;border-radius:8px;flex:none}.ld-order-choice b{display:block;font-size:14px}.ld-order-choice small{font-size:12px;color:#6e7567}.ld-order-choice button{margin-inline-start:auto;background:#fff;border:1px solid #ccd6c1;color:#526445;border-radius:999px;padding:8px 12px;min-height:40px;font:700 12px Tajawal,system-ui,sans-serif;cursor:pointer}
/* Accessible dialog with visible close, keyboard support, real live component. */
.ld-modal{position:fixed;inset:0;z-index:10000;width:min(1080px,calc(100% - 24px));max-height:94dvh;margin:auto;padding:0;border:1px solid #e1ded5;border-radius:24px;background:#f8f6ef;color:#333;font:400 16px/1.6 Tajawal,system-ui,sans-serif;overflow:auto;overscroll-behavior:contain}
.ld-modal::backdrop{background:#192014b8;backdrop-filter:blur(8px)}
.ld-modal-head{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:12px;background:#fffffff5;backdrop-filter:blur(12px);padding:14px 20px;border-bottom:1px solid #e7e5da}
.ld-modal-head h2{font:700 18px Tajawal,system-ui,sans-serif;margin:0}.ld-modal-close{background:#f0f2e9;color:#536148;border:0;border-radius:999px;width:42px;height:42px;font:500 25px/1 Tajawal;cursor:pointer;flex:none}
.ld-modal-layout{display:grid;grid-template-columns:minmax(200px,285px) minmax(0,1fr);gap:24px;align-items:start;padding:24px}
.ld-modal-controls{display:grid;gap:12px}.ld-modal-controls label{margin:0;display:grid;gap:4px;font:700 13px Tajawal}.ld-modal-controls input,.ld-modal-controls select{width:100%;font:400 15px Tajawal;color:#333;min-height:43px;padding:9px 12px;border:1px solid #dcded4;border-radius:10px;background:white}
.ld-modal-controls p{font-size:13px;line-height:1.8;margin:0}.ld-modal-controls button,.ld-demo-use{font:700 14px Tajawal;min-height:44px;border-radius:999px;border:1px solid #cdd5c5;background:#60734D;color:white;padding:10px 14px;cursor:pointer}
.ld-modal-controls .ld-reference-link{font:500 13px Tajawal;display:block;color:#536547;text-decoration:underline;text-underline-offset:4px;background:none;border:0;border-radius:0;padding:8px}
.ld-reference-view{display:block;max-width:100%;width:auto;height:auto;margin:0 auto;border-radius:18px;max-height:none}
.ld-reference-note{font-size:13px;text-align:center;margin:8px 0 14px;color:#68735e}
.ld-notice{font-size:13px;color:#68715f;line-height:1.8;margin:14px 0}
.ld-modal-demo{min-width:0}.ld-modal-demo .ld-invitation{max-width:520px}
.ld-demo-status{padding:10px 12px;border-radius:12px;border:1px solid #d4dfcc;background:#eef5e8;color:#435937;font-size:14px;margin-bottom:10px}
@media(max-width:1000px){.ld-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:680px){.ld-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.ld-picker .ld-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.ld-modal{width:calc(100% - 12px);max-height:97dvh;border-radius:18px}.ld-modal-layout{display:flex;flex-direction:column;padding:14px;gap:16px}.ld-modal-controls{width:100%;grid-template-columns:1fr 1fr;gap:10px}.ld-modal-controls p,.ld-modal-controls .ld-reference-link,.ld-modal-controls .ld-demo-use{grid-column:1/-1}.ld-modal-demo{width:100%}.ld-modal-head{padding:10px 14px}.ld-modal-head h2{font-size:16px}}
@media(max-width:390px){.ld-content{padding-left:8%;padding-right:8%;gap:12px}.ld-detail{padding:0 5px;font-size:13px}.ld-detail b{font-size:13px}.ld-title{font-size:38px}.ld-tile-actions{flex-direction:column}.ld-tile-info{padding:10px}.ld-tile-info h3{font-size:14px}.ld-live-wrap{padding-left:10px!important;padding-right:10px!important}}


/* Original-artboard renderer: same composition, no generic cards on top of the photo. */
.ld-invitation.ld-master{display:block;max-width:680px;container-type:inline-size;background:transparent;overflow:visible;border-radius:0;box-shadow:none;color:#3c4037}
.lm-stage{position:relative;isolation:isolate;width:100%;aspect-ratio:2/3;overflow:hidden;border-radius:0}
.lm-stage .lm-bg{position:absolute;inset:0;width:100%;height:100%;max-width:none;display:block;object-fit:contain;filter:none;transform:none;pointer-events:none}
.lm-text{position:absolute;display:flex;align-items:center;justify-content:center;text-align:center;margin:0!important;padding:0!important;font-family:Tajawal,Arial,sans-serif!important;font-size:var(--lm-font);font-weight:400!important;line-height:1.3!important;color:#3c4037;overflow:hidden;word-break:normal;overflow-wrap:anywhere}
.lm-text>span{display:block;max-width:100%;line-height:inherit;white-space:pre-line}
.lm-lead,.lm-note{color:#968674}.lm-leftInitial,.lm-rightInitial{color:#937038;font-family:Georgia,serif!important}.lm-title{font-family:Amiri,serif!important;color:#94703d;font-weight:400!important}.lm-countLabel{color:#917c67}.lm-guest{color:#5e5549}
.lm-native-title{position:absolute;padding:0!important;margin:0!important;line-height:0!important;display:block}.lm-native-title img{width:100%;height:100%;max-width:none;object-fit:contain;display:block}
.lm-bism-blank{position:absolute;left:38.57421875%;top:8.46354167%;width:22.4609375%;height:4.23177083%}
.lm-map-hit{position:absolute;left:35.9375%;top:60.28645833%;width:28.125%;height:3.515625%;display:block;z-index:4;border:0!important;background:transparent!important;color:transparent!important;padding:0!important;line-height:0!important;font-size:0!important;border-radius:16px;cursor:pointer}
.lm-map-hit:focus-visible{outline:3px solid #526047;outline-offset:4px}.lm-map-disabled{cursor:default}
.ld-master .lm-rsvp{border-radius:18px;background:#fff!important;color:#333;margin:14px 0 0!important;padding:16px!important;text-align:center}
.ld-master .lm-rsvp:empty{display:none}
.ld-master .lm-rsvp:has(>.actions>#yes),.ld-master .lm-rsvp:has(>.actions>[data-demo-answer]){position:absolute;inset:0 0 auto;height:auto;aspect-ratio:2/3;z-index:5;background:transparent!important;margin:0!important;padding:0!important;border:0!important;pointer-events:none}
.ld-master .lm-rsvp:has(>.actions>#yes)>.actions,.ld-master .lm-rsvp:has(>.actions>[data-demo-answer])>.actions{display:contents!important}
.ld-master .lm-rsvp .actions>#yes,.ld-master .lm-rsvp .actions>#no,.ld-master .lm-rsvp .actions>[data-demo-answer]{position:absolute;left:28.3203125%;top:79.03645833%;width:43.1640625%;height:4.296875%;min-height:0!important;max-height:none;padding:0!important;margin:0!important;border-radius:999px!important;border:0!important;box-shadow:none!important;background:transparent!important;color:transparent!important;font-size:0!important;pointer-events:auto;cursor:pointer;transition:box-shadow .15s;transform:none!important;filter:none!important}
.ld-master .lm-rsvp .actions>#no,.ld-master .lm-rsvp .actions>[data-demo-answer="no"]{top:84.30989583%;height:4.4921875%}
.ld-master .lm-rsvp .actions>#yes:hover,.ld-master .lm-rsvp .actions>#no:hover,.ld-master .lm-rsvp .actions>[data-demo-answer]:hover{box-shadow:0 0 0 2px #ba996b88!important}
.ld-master .lm-rsvp .actions>button:focus-visible{outline:3px solid #475f39!important;outline-offset:3px}.ld-master .lm-rsvp .actions>button:disabled{cursor:wait;box-shadow:0 0 0 3px #ba996b99!important}
.lm-response-caption{display:none;position:absolute;left:37.79296875%;top:79.8828125%;width:28.125%;height:7.55208333%;color:#fff;pointer-events:none;z-index:3}
.lm-response-caption img{width:100%;height:100%;display:block}.lm-response-caption span{position:absolute;left:-18%;width:136%;text-align:center;font:400 2.15cqw/1.3 Tajawal,sans-serif}.lm-done-label{top:8%}.lm-more-label{top:75%;color:#8f6939}
.ld-master:has(.lm-rsvp>.status) .lm-response-caption,.ld-master:has(.lm-rsvp>.ld-demo-status) .lm-response-caption{display:block}
.lm-readable{position:relative;margin:12px 0 0;text-align:right;padding:12px 16px;border:1px solid #dfd8c9;border-radius:14px;background:#fffdf9;font:400 16px/1.7 Tajawal,sans-serif;color:#333}
.lm-readable summary{cursor:pointer;font-weight:700;min-height:32px}.lm-readable dl{display:grid;grid-template-columns:auto 1fr;gap:8px 20px}.lm-readable dd,.lm-readable dt{margin:0;overflow-wrap:anywhere}.lm-readable dt{font-weight:700}.lm-readable p{font-size:13px;color:#6f6a61}
/* Source sizing repaired in the other legacy templates. They remain low resolution. */
.ld-invitation:not(.ld-master):not(.ld-custom) .ld-skin{background-size:100% auto!important;background-position:top center!important;background-repeat:no-repeat!important}
.ld-invitation:not(.ld-master) .ld-copy::before{display:none!important}
.ld-invitation:not(.ld-master) .ld-details{background:transparent!important;border-radius:0}
.ld-invitation:not(.ld-master) .ld-content{gap:18px;position:relative}
.ld-invitation:not(.ld-master) .ld-content>*,.ld-invitation:not(.ld-master) .ld-copy>*{flex-shrink:0}
.ld-invitation:not(.ld-master) .ld-title{line-height:1.45;margin:8px 0}
.ld-invitation:not(.ld-master) .ld-guest{backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:none;border-color:color-mix(in srgb,var(--ld-ink) 15%,transparent)}
/* Preview: independent scroll panes, fixed visible header, whole card in fit mode. */
.ld-modal{height:min(960px,94dvh);max-height:94dvh;display:none;overflow:hidden;padding:0!important;width:min(1220px,calc(100% - 28px));border-radius:20px}
.ld-modal[open]{display:flex;flex-direction:column}
.ld-modal-head{position:relative!important;flex:none;min-height:72px;padding:14px 20px!important;margin:0}
.ld-modal-layout{flex:1;min-height:0;display:grid!important;grid-template-columns:300px minmax(0,1fr);gap:0;padding:0!important;overflow:hidden;align-items:stretch}
.ld-modal-controls{overflow:auto;min-height:0;display:flex!important;flex-direction:column;gap:12px;padding:20px;background:#faf8f2;border-inline-end:1px solid #e5dfd2;align-items:stretch}
.ld-modal-controls>*{flex-shrink:0}
.ld-modal-demo{min-width:0;min-height:0;overflow:auto;padding:16px;display:block;background:#f1eee8;scrollbar-gutter:stable}
.ld-modal-demo .ld-invitation{max-width:520px}
.ld-modal-demo .ld-master{width:min(100%,calc((94dvh - 124px) * .6666667));max-width:640px;margin:auto}
.ld-modal-demo.lm-reading .ld-master{width:100%;max-width:680px}
.ld-modal-demo .ld-reference-view{width:auto;max-width:100%;max-height:calc(94dvh - 170px);object-fit:contain;border-radius:0}
.ld-modal-demo .lm-readable{font-size:16px}.ld-master .ld-motion{display:none}
.ld-quality-note{font:500 13px/1.7 Tajawal,sans-serif!important;border:1px solid #d8cab4;background:#fffaf0;color:#745932!important;padding:12px;border-radius:12px;margin:0!important}
.ld-modal-controls button.lm-view-toggle{background:#fff;color:#526047}
.ld-gallery .ld-cover img{object-fit:contain!important;background:#f3f0e9}
.ld-tile-info .ld-quality-label{display:block;font-size:11px;line-height:1.5;color:#857052;margin:5px 0}
.ld-live-wrap{max-width:712px!important;padding:16px!important}.ld-invitation.ld-custom{overflow:visible}
@media(max-width:700px){
 .ld-modal{width:calc(100% - 12px);height:96dvh;max-height:96dvh}.ld-modal-head{padding:12px!important;min-height:64px}
 .ld-modal-layout{display:flex!important;flex-direction:column!important;overflow:auto;gap:0}
 .ld-modal-demo{order:0;overflow:visible;flex:none;padding:8px;min-height:auto}.ld-modal-controls{order:1;overflow:visible;flex:none;padding:16px;border:0;border-top:1px solid #ddd}
 .ld-modal-demo .ld-master{width:100%;max-width:600px}.ld-modal-demo .ld-reference-view{width:100%;max-height:none}
 .ld-live-wrap{padding:0!important;width:100%!important}.ld-master .lm-readable,.ld-master .lm-rsvp:not(:has(>.actions>#yes)):not(:has(>.actions>[data-demo-answer])){margin-left:10px!important;margin-right:10px!important}
 .ld-modal-controls .lm-view-toggle{display:none}
}


/* ===== Labboo approved 2026-09-12 invitation styles ===== */
.ld-approved{max-width:560px;background:var(--ld-paper);overflow:hidden}
.ld-approved-stage{position:relative;aspect-ratio:941/1672;width:100%;overflow:hidden;background:var(--ld-paper)}
.ld-approved-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;z-index:0}
.ld-approved-mask{position:absolute;z-index:1;left:19%;right:19%;top:25.5%;bottom:10.5%;border-radius:45% 45% 9% 9% / 18% 18% 6% 6%;background:linear-gradient(180deg,color-mix(in srgb,var(--ld-paper) 98%,white),color-mix(in srgb,var(--ld-paper) 96%,white));box-shadow:0 0 30px 18px color-mix(in srgb,var(--ld-paper) 92%,transparent)}
.ld-approved[data-approved-style="dark-najdi"] .ld-approved-mask{left:23%;right:22.5%;top:28%;bottom:8%;border-radius:44% 44% 3% 3% / 15% 15% 3% 3%;background:linear-gradient(180deg,#24291c 0%,#202619 100%);box-shadow:0 0 22px 14px #23281bcc}
.ld-approved-copy{position:absolute;z-index:2;left:23%;right:23%;top:29%;bottom:12%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(5px,1.6cqw,12px);padding:5% 2%;text-align:center;color:var(--ld-ink);font-family:Tajawal,system-ui,sans-serif;text-shadow:0 1px 0 #fff6}
.ld-approved[data-approved-style="dark-najdi"] .ld-approved-copy{left:26%;right:26%;top:31%;bottom:10%;text-shadow:0 1px 1px #0008}
.ld-approved-bism{font:500 clamp(10px,3.2cqw,18px)/1.7 Amiri,serif;margin:0;opacity:.82}
.ld-approved-host{font:500 clamp(10px,3.1cqw,17px)/1.5 Tajawal,sans-serif;margin:0;opacity:.88}
.ld-approved-lead{font:500 clamp(11px,3.4cqw,19px)/1.5 Tajawal,sans-serif;margin:0;opacity:.92}
.ld-approved-copy h1{font:700 clamp(24px,8.8cqw,50px)/1.35 Amiri,Tajawal,serif;margin:1% 0 0;color:var(--ld-ink)}
.ld-approved-couple{font:700 clamp(28px,10.5cqw,58px)/1.45 Amiri,Tajawal,serif;margin:0;color:var(--ld-ink);max-width:100%;overflow-wrap:anywhere}
.ld-approved-rule{display:flex;align-items:center;gap:8px;width:72%;color:var(--ld-accent);opacity:.8;margin:1% 0}.ld-approved-rule span{height:1px;background:currentColor;flex:1}.ld-approved-rule b{font-size:12px}
.ld-approved-date,.ld-approved-time,.ld-approved-place,.ld-approved-note{margin:0;font:500 clamp(10px,3.2cqw,18px)/1.65 Tajawal,sans-serif;max-width:100%}
.ld-approved-place{font-weight:700}.ld-approved-note{margin-top:2%;font-family:Amiri,Tajawal,serif;font-size:clamp(12px,3.8cqw,21px)}
.ld-approved-actions{padding:20px 8% 26px;background:var(--ld-paper);display:grid;gap:12px;position:relative;z-index:3}
.ld-approved-actions .ld-guest{margin:0}.ld-approved-actions .ld-map{margin:0 auto}.ld-approved-actions .ld-rsvp{margin-top:0}
.ld-quality-approved{color:#516644!important;font-weight:700}
@media(max-width:390px){.ld-approved-copy{left:22%;right:22%;top:28.5%;bottom:11%;gap:5px}.ld-approved[data-approved-style="dark-najdi"] .ld-approved-copy{left:25%;right:25%;top:30%;bottom:9%}.ld-approved-actions{padding-left:6%;padding-right:6%}}


/* LABBOO R4 — typography tuned per approved artwork */
.ld-approved-stage{aspect-ratio:9/16!important}
.ld-approved-mask{left:16%!important;right:16%!important;top:18%!important;bottom:7%!important;border-radius:44% 44% 8% 8%/12% 12% 4% 4%!important;background:linear-gradient(180deg,color-mix(in srgb,var(--ld-paper) 98%,white),color-mix(in srgb,var(--ld-paper) 96%,white))!important;box-shadow:0 0 30px 18px color-mix(in srgb,var(--ld-paper) 93%,transparent)!important}
.ld-approved[data-approved-style="dark"] .ld-approved-mask,.ld-approved[data-approved-style="dark-photo"] .ld-approved-mask{background:linear-gradient(180deg,color-mix(in srgb,var(--ld-paper) 98%,black),color-mix(in srgb,var(--ld-paper) 95%,black))!important;box-shadow:0 0 30px 18px color-mix(in srgb,var(--ld-paper) 92%,transparent)!important}
.ld-approved-copy{left:20%!important;right:20%!important;top:20%!important;bottom:9%!important;gap:clamp(5px,1.45cqw,11px)!important;font-family:var(--ld-body-font,Tajawal),sans-serif!important}
.ld-approved-bism{font-family:var(--ld-body-font,Amiri),serif!important}.ld-approved-host,.ld-approved-lead,.ld-approved-date,.ld-approved-time,.ld-approved-place{font-family:var(--ld-body-font,Tajawal),sans-serif!important}.ld-approved-copy h1,.ld-approved-couple,.ld-approved-note{font-family:var(--ld-title-font,Amiri),serif!important}
.ld-approved[data-typography="ruqaa"]{--ld-title-font:'Aref Ruqaa';--ld-body-font:'Noto Naskh Arabic'}.ld-approved[data-typography="ruqaa"] .ld-approved-copy h1{font-size:clamp(24px,7.8cqw,46px)!important}.ld-approved[data-typography="ruqaa"] .ld-approved-couple{font-size:clamp(29px,9.5cqw,55px)!important}
.ld-approved[data-typography="amiri"]{--ld-title-font:'Amiri';--ld-body-font:'Noto Naskh Arabic'}
.ld-approved[data-typography="naskh"]{--ld-title-font:'Noto Naskh Arabic';--ld-body-font:'Noto Naskh Arabic'}.ld-approved[data-typography="naskh"] .ld-approved-couple{font-weight:600!important}
.ld-approved[data-typography="kufi"]{--ld-title-font:'Noto Kufi Arabic';--ld-body-font:'Tajawal'}.ld-approved[data-typography="kufi"] .ld-approved-copy h1{font-size:clamp(21px,6.3cqw,38px)!important;line-height:1.55!important}.ld-approved[data-typography="kufi"] .ld-approved-couple{font-size:clamp(23px,7.3cqw,43px)!important;line-height:1.55!important}
.ld-approved[data-typography="heritage"]{--ld-title-font:'Reem Kufi';--ld-body-font:'Noto Naskh Arabic'}.ld-approved[data-typography="heritage"] .ld-approved-copy h1{font-size:clamp(22px,6.8cqw,40px)!important}.ld-approved[data-typography="heritage"] .ld-approved-couple{font-size:clamp(25px,7.8cqw,46px)!important}
.ld-approved[data-typography="modern"]{--ld-title-font:'Tajawal';--ld-body-font:'Tajawal'}.ld-approved[data-typography="modern"] .ld-approved-copy h1{font-size:clamp(22px,7cqw,41px)!important}.ld-approved[data-typography="modern"] .ld-approved-couple{font-size:clamp(25px,8cqw,47px)!important}
@media(max-width:390px){.ld-approved-copy{left:19%!important;right:19%!important;top:19%!important;bottom:8%!important}}


/* LABBOO R5 — quality and readability fixes */
.ld-modal{background:#fcfaf5!important;border-color:#e8e1d4!important}
.ld-modal-demo{background:#f7f3eb!important;padding:20px!important}
.ld-modal-demo .ld-invitation{max-width:600px!important}
.ld-approved{max-width:600px!important;--ld-panel-bg:linear-gradient(180deg,rgba(250,246,239,.96) 0%,rgba(245,238,227,.93) 100%);--ld-panel-shadow:0 18px 48px rgba(120,96,60,.14);--ld-overlay-ink:var(--ld-ink);--ld-overlay-accent:var(--ld-accent)}
.ld-approved-stage{background:#f6f1e8!important}
.ld-approved-art{filter:saturate(1.03) contrast(1.03) brightness(1.02)!important;image-rendering:auto}
.ld-approved-mask{left:18%!important;right:18%!important;top:17%!important;bottom:8%!important;border-radius:44% 44% 8% 8% / 13% 13% 4.5% 4.5%!important;background:var(--ld-panel-bg)!important;box-shadow:var(--ld-panel-shadow)!important;border:1px solid rgba(255,255,255,.65)!important;backdrop-filter:blur(1.5px)}
.ld-approved-copy{left:21%!important;right:21%!important;top:19.5%!important;bottom:10%!important;color:var(--ld-overlay-ink)!important;text-shadow:0 1px 0 rgba(255,255,255,.35)!important}
.ld-approved-copy h1,.ld-approved-couple,.ld-approved-note,.ld-approved-host,.ld-approved-lead,.ld-approved-date,.ld-approved-time,.ld-approved-place,.ld-approved-bism{color:var(--ld-overlay-ink)!important}
.ld-approved-rule{color:var(--ld-overlay-accent)!important;opacity:.9!important}
.ld-approved-date,.ld-approved-time,.ld-approved-place{font-size:clamp(12px,3.25cqw,19px)!important;line-height:1.75!important}
.ld-approved-note{font-size:clamp(14px,3.75cqw,22px)!important;line-height:1.7!important}
.ld-approved-copy h1{font-size:clamp(24px,7.3cqw,46px)!important;line-height:1.45!important}
.ld-approved-couple{font-size:clamp(30px,8.8cqw,56px)!important;line-height:1.5!important}
.ld-approved-bism{font-size:clamp(11px,3cqw,17px)!important}
.ld-approved-host{font-size:clamp(11px,3.05cqw,17px)!important}
.ld-approved-lead{font-size:clamp(12px,3.3cqw,18px)!important}
.ld-approved[data-approved-style="dark"],.ld-approved[data-approved-style="dark-photo"]{--ld-panel-bg:linear-gradient(180deg,rgba(247,241,231,.96) 0%,rgba(241,232,217,.92) 100%);--ld-panel-shadow:0 20px 54px rgba(38,26,12,.22);--ld-overlay-ink:#6a4a2b;--ld-overlay-accent:#b18547}
.ld-approved[data-approved-style="dark"] .ld-approved-art,.ld-approved[data-approved-style="dark-photo"] .ld-approved-art{filter:saturate(1.05) contrast(1.06) brightness(1.06)!important}
.ld-approved[data-approved-style="dark"] .ld-approved-mask,.ld-approved[data-approved-style="dark-photo"] .ld-approved-mask{left:17%!important;right:17%!important;top:16%!important;bottom:8%!important}
.ld-approved[data-approved-style="dark-najdi"]{--ld-panel-bg:linear-gradient(180deg,rgba(245,239,229,.95),rgba(238,228,209,.9));--ld-panel-shadow:0 20px 54px rgba(42,33,18,.2);--ld-overlay-ink:#65482e;--ld-overlay-accent:#a97e44}
.ld-approved[data-approved-style="dark-najdi"] .ld-approved-mask{left:19%!important;right:19%!important;top:18%!important;bottom:8%!important;background:var(--ld-panel-bg)!important;box-shadow:var(--ld-panel-shadow)!important;border-radius:18% 18% 4% 4% / 8% 8% 3% 3%!important}
.ld-approved[data-approved-style="dark-najdi"] .ld-approved-copy{left:22%!important;right:22%!important;top:20%!important;bottom:10%!important;text-shadow:0 1px 0 rgba(255,255,255,.3)!important}
.ld-approved[data-typography="ruqaa"] .ld-approved-copy h1{font-size:clamp(25px,7.6cqw,47px)!important}
.ld-approved[data-typography="ruqaa"] .ld-approved-couple{font-size:clamp(31px,9.1cqw,57px)!important}
.ld-approved[data-typography="amiri"] .ld-approved-copy h1{font-size:clamp(24px,7.2cqw,45px)!important}
.ld-approved[data-typography="amiri"] .ld-approved-couple{font-size:clamp(30px,8.7cqw,54px)!important}
.ld-approved[data-typography="naskh"] .ld-approved-copy h1{font-size:clamp(23px,6.8cqw,41px)!important;line-height:1.55!important}
.ld-approved[data-typography="naskh"] .ld-approved-couple{font-size:clamp(28px,8.1cqw,50px)!important;line-height:1.58!important}
.ld-approved[data-typography="kufi"] .ld-approved-copy h1{font-size:clamp(20px,6cqw,36px)!important;line-height:1.65!important}
.ld-approved[data-typography="kufi"] .ld-approved-couple{font-size:clamp(22px,6.9cqw,40px)!important;line-height:1.72!important}
.ld-approved[data-typography="heritage"] .ld-approved-copy h1{font-size:clamp(22px,6.4cqw,38px)!important;line-height:1.6!important}
.ld-approved[data-typography="heritage"] .ld-approved-couple{font-size:clamp(24px,7.4cqw,44px)!important;line-height:1.68!important}
.ld-approved[data-typography="modern"] .ld-approved-copy h1{font-size:clamp(22px,6.5cqw,38px)!important;line-height:1.55!important}
.ld-approved[data-typography="modern"] .ld-approved-couple{font-size:clamp(25px,7.4cqw,44px)!important;line-height:1.6!important}
@media(max-width:700px){.ld-modal-demo{padding:10px!important}.ld-approved{max-width:100%!important}.ld-approved-mask{left:16%!important;right:16%!important;top:16%!important;bottom:7%!important}.ld-approved-copy{left:19%!important;right:19%!important;top:18.5%!important;bottom:9%!important}.ld-approved[data-approved-style="dark"] .ld-approved-mask,.ld-approved[data-approved-style="dark-photo"] .ld-approved-mask,.ld-approved[data-approved-style="dark-najdi"] .ld-approved-mask{left:16%!important;right:16%!important;top:15.5%!important;bottom:7%!important}.ld-approved[data-approved-style="dark-najdi"] .ld-approved-copy{left:18.5%!important;right:18.5%!important;top:18%!important;bottom:9%!important}}


/* LABBOO R6 — remove black frames completely */
.ld-approved[data-approved-style="dark"] .ld-approved-mask,
.ld-approved[data-approved-style="dark-photo"] .ld-approved-mask,
.ld-approved[data-approved-style="dark-najdi"] .ld-approved-mask{
  display:none!important;
  background:transparent!important;
  box-shadow:none!important;
  border:0!important;
  backdrop-filter:none!important;
}
.ld-approved[data-approved-style="dark"],
.ld-approved[data-approved-style="dark-photo"],
.ld-approved[data-approved-style="dark-najdi"]{
  --ld-overlay-ink:#fff3dc;
  --ld-overlay-accent:#d8b06c;
}
.ld-approved[data-approved-style="dark"] .ld-approved-copy,
.ld-approved[data-approved-style="dark-photo"] .ld-approved-copy,
.ld-approved[data-approved-style="dark-najdi"] .ld-approved-copy{
  left:18%!important;
  right:18%!important;
  top:18%!important;
  bottom:9%!important;
  color:var(--ld-overlay-ink)!important;
  text-shadow:0 2px 5px rgba(0,0,0,.78),0 0 18px rgba(0,0,0,.35)!important;
}
.ld-approved[data-approved-style="dark"] .ld-approved-copy h1,
.ld-approved[data-approved-style="dark"] .ld-approved-couple,
.ld-approved[data-approved-style="dark"] .ld-approved-note,
.ld-approved[data-approved-style="dark"] .ld-approved-host,
.ld-approved[data-approved-style="dark"] .ld-approved-lead,
.ld-approved[data-approved-style="dark"] .ld-approved-date,
.ld-approved[data-approved-style="dark"] .ld-approved-time,
.ld-approved[data-approved-style="dark"] .ld-approved-place,
.ld-approved[data-approved-style="dark"] .ld-approved-bism,
.ld-approved[data-approved-style="dark-photo"] .ld-approved-copy h1,
.ld-approved[data-approved-style="dark-photo"] .ld-approved-couple,
.ld-approved[data-approved-style="dark-photo"] .ld-approved-note,
.ld-approved[data-approved-style="dark-photo"] .ld-approved-host,
.ld-approved[data-approved-style="dark-photo"] .ld-approved-lead,
.ld-approved[data-approved-style="dark-photo"] .ld-approved-date,
.ld-approved[data-approved-style="dark-photo"] .ld-approved-time,
.ld-approved[data-approved-style="dark-photo"] .ld-approved-place,
.ld-approved[data-approved-style="dark-photo"] .ld-approved-bism,
.ld-approved[data-approved-style="dark-najdi"] .ld-approved-copy h1,
.ld-approved[data-approved-style="dark-najdi"] .ld-approved-couple,
.ld-approved[data-approved-style="dark-najdi"] .ld-approved-note,
.ld-approved[data-approved-style="dark-najdi"] .ld-approved-host,
.ld-approved[data-approved-style="dark-najdi"] .ld-approved-lead,
.ld-approved[data-approved-style="dark-najdi"] .ld-approved-date,
.ld-approved[data-approved-style="dark-najdi"] .ld-approved-time,
.ld-approved[data-approved-style="dark-najdi"] .ld-approved-place,
.ld-approved[data-approved-style="dark-najdi"] .ld-approved-bism{
  color:var(--ld-overlay-ink)!important;
}
.ld-approved[data-approved-style="dark"] .ld-approved-rule,
.ld-approved[data-approved-style="dark-photo"] .ld-approved-rule,
.ld-approved[data-approved-style="dark-najdi"] .ld-approved-rule{
  color:var(--ld-overlay-accent)!important;
}
.ld-approved[data-approved-style="dark"] .ld-approved-art,
.ld-approved[data-approved-style="dark-photo"] .ld-approved-art,
.ld-approved[data-approved-style="dark-najdi"] .ld-approved-art{
  filter:saturate(1.05) contrast(1.05) brightness(1.03)!important;
}
@media(max-width:700px){
  .ld-approved[data-approved-style="dark"] .ld-approved-copy,
  .ld-approved[data-approved-style="dark-photo"] .ld-approved-copy,
  .ld-approved[data-approved-style="dark-najdi"] .ld-approved-copy{
    left:16%!important;right:16%!important;top:17%!important;bottom:8%!important;
  }
}


/* LABBOO R6 — no black frame + high quality masters */
.ld-approved-stage{background:transparent!important}
.ld-approved-art{object-fit:cover!important;filter:saturate(1.045) contrast(1.045) brightness(1.035)!important;transform:translateZ(0);backface-visibility:hidden;image-rendering:auto!important}
.ld-approved-mask{left:10%!important;right:10%!important;top:14%!important;bottom:5%!important;border:0!important;border-radius:0!important;box-shadow:none!important;backdrop-filter:blur(7px) saturate(.98)!important;-webkit-backdrop-filter:blur(7px) saturate(.98)!important;background:rgba(250,246,238,.62)!important;opacity:1!important;mask-image:radial-gradient(ellipse 70% 78% at 50% 50%,#000 0 56%,rgba(0,0,0,.88) 69%,rgba(0,0,0,.42) 83%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse 70% 78% at 50% 50%,#000 0 56%,rgba(0,0,0,.88) 69%,rgba(0,0,0,.42) 83%,transparent 100%)}
.ld-approved[data-approved-style="dark"] .ld-approved-mask,.ld-approved[data-approved-style="dark-photo"] .ld-approved-mask,.ld-approved[data-approved-style="dark-najdi"] .ld-approved-mask{background:rgba(28,24,19,.40)!important;backdrop-filter:blur(8px) brightness(1.14)!important;-webkit-backdrop-filter:blur(8px) brightness(1.14)!important;mask-image:radial-gradient(ellipse 72% 80% at 50% 50%,#000 0 50%,rgba(0,0,0,.78) 67%,rgba(0,0,0,.30) 84%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse 72% 80% at 50% 50%,#000 0 50%,rgba(0,0,0,.78) 67%,rgba(0,0,0,.30) 84%,transparent 100%)}
.ld-approved-copy{left:19%!important;right:19%!important;top:18%!important;bottom:8%!important;padding:4% 1%!important}
.ld-approved[data-approved-style="dark"] .ld-approved-copy,.ld-approved[data-approved-style="dark-photo"] .ld-approved-copy,.ld-approved[data-approved-style="dark-najdi"] .ld-approved-copy{color:#f4e4c9!important;text-shadow:0 1px 2px rgba(0,0,0,.38)!important}
.ld-approved[data-approved-style="dark"] .ld-approved-copy *,.ld-approved[data-approved-style="dark-photo"] .ld-approved-copy *,.ld-approved[data-approved-style="dark-najdi"] .ld-approved-copy *{color:inherit!important}
.ld-approved[data-approved-style="dark"] .ld-approved-rule,.ld-approved[data-approved-style="dark-photo"] .ld-approved-rule,.ld-approved[data-approved-style="dark-najdi"] .ld-approved-rule{color:#d3ad70!important}
.ld-modal-demo{background:#f5f1e9!important}
.ld-modal-demo .ld-invitation{max-width:640px!important}
.ld-reference-view{image-rendering:auto!important}
@media(max-width:700px){.ld-approved-mask{left:8%!important;right:8%!important;top:12%!important;bottom:4%!important}.ld-approved-copy{left:17%!important;right:17%!important;top:17%!important;bottom:7%!important}.ld-modal-demo{padding:8px!important}}


/* LABBOO R7 FINAL — exact designs, no black frame, typography tuned per artwork */
.ld-approved{max-width:620px!important;background:var(--ld-paper)!important;box-shadow:none!important;border-radius:0!important}
.ld-approved-stage{aspect-ratio:941/1672!important;background:transparent!important;overflow:hidden!important}
.ld-approved-art{inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important;filter:none!important;transform:none!important;image-rendering:auto!important}
.ld-approved-mask{display:none!important;background:none!important;border:0!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;opacity:0!important}
.ld-approved-copy{left:18.5%!important;right:18.5%!important;top:18%!important;bottom:8%!important;padding:4% 1%!important;gap:clamp(5px,1.25cqw,10px)!important;color:var(--ld-ink)!important;text-shadow:0 1px 1px rgba(255,255,255,.22)!important}
.ld-approved[data-approved-style="dark"] .ld-approved-copy,.ld-approved[data-approved-style="dark-photo"] .ld-approved-copy{color:var(--ld-ink)!important;text-shadow:0 2px 5px rgba(0,0,0,.7)!important}
.ld-approved-copy *{color:inherit!important}
.ld-approved-rule{color:var(--ld-accent)!important;opacity:.9!important;width:68%!important}
.ld-approved-bism{font-size:clamp(11px,2.8cqw,17px)!important;line-height:1.75!important}
.ld-approved-host,.ld-approved-lead{font-size:clamp(11px,3cqw,18px)!important;line-height:1.6!important}
.ld-approved-copy h1{margin:.5% 0!important;letter-spacing:0!important}
.ld-approved-couple{margin:0!important;overflow-wrap:anywhere!important}
.ld-approved-date,.ld-approved-time,.ld-approved-place{font-size:clamp(11px,3.05cqw,18px)!important;line-height:1.7!important}
.ld-approved-note{font-size:clamp(13px,3.6cqw,21px)!important;line-height:1.7!important}
.ld-approved[data-typography="ruqaa"]{--ld-title-font:'Aref Ruqaa';--ld-body-font:'Noto Naskh Arabic'}
.ld-approved[data-typography="ruqaa"] .ld-approved-copy h1{font:700 clamp(25px,7.8cqw,48px)/1.42 'Aref Ruqaa',serif!important}
.ld-approved[data-typography="ruqaa"] .ld-approved-couple{font:700 clamp(31px,9.2cqw,57px)/1.48 'Aref Ruqaa',serif!important}
.ld-approved[data-typography="amiri"]{--ld-title-font:'Amiri';--ld-body-font:'Noto Naskh Arabic'}
.ld-approved[data-typography="amiri"] .ld-approved-copy h1{font:700 clamp(25px,7.3cqw,45px)/1.48 Amiri,serif!important}
.ld-approved[data-typography="amiri"] .ld-approved-couple{font:700 clamp(30px,8.7cqw,54px)/1.52 Amiri,serif!important}
.ld-approved[data-typography="naskh"]{--ld-title-font:'Noto Naskh Arabic';--ld-body-font:'Noto Naskh Arabic'}
.ld-approved[data-typography="naskh"] .ld-approved-copy h1{font:600 clamp(23px,6.8cqw,42px)/1.58 'Noto Naskh Arabic',serif!important}
.ld-approved[data-typography="naskh"] .ld-approved-couple{font:700 clamp(28px,8.1cqw,50px)/1.62 'Noto Naskh Arabic',serif!important}
.ld-approved[data-typography="kufi"]{--ld-title-font:'Noto Kufi Arabic';--ld-body-font:Tajawal}
.ld-approved[data-typography="kufi"] .ld-approved-copy h1{font:600 clamp(20px,5.9cqw,36px)/1.72 'Noto Kufi Arabic',sans-serif!important}
.ld-approved[data-typography="kufi"] .ld-approved-couple{font:700 clamp(23px,6.9cqw,42px)/1.75 'Noto Kufi Arabic',sans-serif!important}
.ld-gallery .ld-cover{background:#f4efe5!important;aspect-ratio:941/1672!important}
.ld-gallery .ld-cover img{width:100%!important;height:100%!important;object-fit:cover!important;background:transparent!important;image-rendering:auto!important}
.ld-modal-demo{background:#f5f1e9!important;padding:12px!important}
.ld-modal-demo .ld-invitation{max-width:620px!important}
.ld-reference-view{width:auto!important;max-width:100%!important;max-height:calc(94dvh - 170px)!important;object-fit:contain!important;image-rendering:auto!important}
@media(max-width:700px){.ld-approved-copy{left:17%!important;right:17%!important;top:17%!important;bottom:7%!important}.ld-modal-demo{padding:6px!important}.ld-modal-demo .ld-invitation{max-width:100%!important}}


/* LABBOO R8 — original preview without overlay */
.ld-modal-layout-original{grid-template-columns:280px minmax(0,1fr)!important}
.ld-modal-demo-original{display:flex!important;align-items:flex-start;justify-content:center;background:#f5f1ea!important;padding:18px!important}
.ld-original-preview{width:100%;display:flex;flex-direction:column;align-items:center;gap:10px}
.ld-reference-note{margin:0 auto;font:500 13px/1.7 Tajawal,sans-serif;color:#6b6256;background:#fffdf8;border:1px solid #e5ddcf;padding:10px 14px;border-radius:12px;max-width:560px}
.ld-reference-full{width:min(100%,620px)!important;max-width:620px!important;max-height:none!important;height:auto!important;object-fit:contain!important;border-radius:18px;box-shadow:0 8px 28px rgba(0,0,0,.08)}
@media(max-width:700px){.ld-modal-layout-original{display:flex!important;flex-direction:column!important}.ld-modal-demo-original{padding:10px!important}.ld-reference-full{width:100%!important;max-width:100%!important}}


/* LABBOO R10 — no overlay masks; clean live backgrounds */
.ld-approved-mask{display:none!important;background:transparent!important;box-shadow:none!important;border:0!important;backdrop-filter:none!important}
.ld-approved[data-design="opening_gold"] .ld-approved-copy{left:12%!important;right:39%!important;top:15%!important;bottom:9%!important}
.ld-approved[data-design="iftar_night"] .ld-approved-copy{left:20%!important;right:20%!important;top:17%!important;bottom:11%!important}
.ld-approved[data-design="formal_green"] .ld-approved-copy{left:21%!important;right:21%!important;top:17%!important;bottom:10%!important}
.ld-approved[data-design="birthday_pastel"] .ld-approved-copy{left:20%!important;right:20%!important;top:16%!important;bottom:9%!important}
@media(max-width:700px){.ld-approved[data-design="opening_gold"] .ld-approved-copy{left:10%!important;right:37%!important;top:14%!important;bottom:8%!important}}


/* LABBOO R11 — seamless guest renderer */
/* Use the approved artwork itself in the guest invitation; never use the old baked dark/cream live masks. */
.ld-approved-stage{background:transparent!important}
.ld-approved-art{filter:none!important;object-fit:cover!important;image-rendering:auto!important}
/* Soft optical cleanup only where the sample wording exists: no solid panel, no border, no black frame. */
.ld-approved-mask{
  display:block!important;
  position:absolute!important;
  z-index:1!important;
  left:17.5%!important;right:17.5%!important;top:19%!important;bottom:10.5%!important;
  border:0!important;box-shadow:none!important;background:rgba(255,255,255,.012)!important;
  border-radius:34% 34% 18% 18% / 14% 14% 8% 8%!important;
  -webkit-backdrop-filter:blur(17px) saturate(.92)!important;
  backdrop-filter:blur(17px) saturate(.92)!important;
  -webkit-mask-image:radial-gradient(ellipse 78% 88% at 50% 50%,#000 55%,rgba(0,0,0,.92) 70%,transparent 100%)!important;
  mask-image:radial-gradient(ellipse 78% 88% at 50% 50%,#000 55%,rgba(0,0,0,.92) 70%,transparent 100%)!important;
  pointer-events:none!important;
}
.ld-approved[data-approved-style="dark"] .ld-approved-mask,
.ld-approved[data-approved-style="dark-photo"] .ld-approved-mask,
.ld-approved[data-approved-style="dark-najdi"] .ld-approved-mask{
  display:block!important;background:rgba(0,0,0,.008)!important;
  -webkit-backdrop-filter:blur(18px) brightness(.92) saturate(.9)!important;
  backdrop-filter:blur(18px) brightness(.92) saturate(.9)!important;
}
/* Keep personalised copy crisp and floating directly on the artwork. */
.ld-approved-copy{z-index:2!important;left:19%!important;right:19%!important;top:20.5%!important;bottom:11.5%!important;padding:3% 1.5%!important;gap:clamp(5px,1.3cqw,10px)!important;text-shadow:0 1px 2px rgba(255,255,255,.28)!important}
.ld-approved[data-approved-style="dark"] .ld-approved-copy,
.ld-approved[data-approved-style="dark-photo"] .ld-approved-copy,
.ld-approved[data-approved-style="dark-najdi"] .ld-approved-copy{color:#f5dfb9!important;text-shadow:0 2px 5px rgba(0,0,0,.72)!important}
.ld-approved[data-approved-style="dark"] .ld-approved-copy *,
.ld-approved[data-approved-style="dark-photo"] .ld-approved-copy *,
.ld-approved[data-approved-style="dark-najdi"] .ld-approved-copy *{color:inherit!important}
/* Prevent any historical mask rule from reintroducing an opaque rectangle. */
.ld-approved-mask:before,.ld-approved-mask:after{content:none!important;display:none!important}
@media(max-width:700px){
 .ld-approved-mask{left:15.5%!important;right:15.5%!important;top:17.5%!important;bottom:9%!important;-webkit-backdrop-filter:blur(14px) saturate(.93)!important;backdrop-filter:blur(14px) saturate(.93)!important}
 .ld-approved-copy{left:17.5%!important;right:17.5%!important;top:19%!important;bottom:10%!important}
}


/* LABBOO R12 — clean backgrounds */
/* Backgrounds that were cleaned properly need zero overlay. */
.ld-approved[data-clean-bg="true"] .ld-approved-mask{display:none!important}
/* Fallback originals use only a feathered optical blur—never an opaque block. */
.ld-approved[data-clean-bg="false"] .ld-approved-mask{
 display:block!important;background:transparent!important;border:0!important;box-shadow:none!important;
 left:20%!important;right:20%!important;top:22%!important;bottom:15%!important;
 border-radius:45%!important;
 -webkit-backdrop-filter:blur(14px) saturate(.92)!important;
 backdrop-filter:blur(14px) saturate(.92)!important;
 -webkit-mask-image:radial-gradient(ellipse 70% 80% at 50% 50%,#000 48%,rgba(0,0,0,.72) 70%,transparent 100%)!important;
 mask-image:radial-gradient(ellipse 70% 80% at 50% 50%,#000 48%,rgba(0,0,0,.72) 70%,transparent 100%)!important;
}
.ld-approved[data-clean-bg="false"][data-approved-style="dark-photo"] .ld-approved-mask{left:18%!important;right:24%!important;top:20%!important;bottom:15%!important;-webkit-backdrop-filter:blur(15px) brightness(.94)!important;backdrop-filter:blur(15px) brightness(.94)!important}
@media(max-width:700px){.ld-approved[data-clean-bg="false"] .ld-approved-mask{left:17%!important;right:17%!important;top:19%!important;bottom:12%!important}}


/* LABBOO R13 — guest view final cleanup */
.ld-approved[data-clean-bg="true"] .ld-approved-mask{display:none!important;opacity:0!important;background:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
.ld-approved[data-design="wedding_chandelier"] .ld-approved-copy{left:14%!important;right:35%!important;top:16%!important;bottom:8%!important;gap:clamp(5px,1.35cqw,10px)!important}
.ld-approved[data-design="wedding_chandelier"] .ld-approved-copy h1{font-size:clamp(23px,7.4cqw,45px)!important}
.ld-approved[data-design="wedding_chandelier"] .ld-approved-couple{font-size:clamp(29px,9.2cqw,55px)!important}
.ld-approved[data-design="dinner_olive"] .ld-approved-copy{left:21%!important;right:23%!important;top:15.5%!important;bottom:11%!important;color:#43502F!important;text-shadow:0 1px 0 rgba(255,255,255,.55)!important}
.ld-approved[data-design="dinner_olive"] .ld-approved-copy h1,.ld-approved[data-design="dinner_olive"] .ld-approved-couple,.ld-approved[data-design="dinner_olive"] .ld-approved-bism,.ld-approved[data-design="dinner_olive"] .ld-approved-host,.ld-approved[data-design="dinner_olive"] .ld-approved-lead,.ld-approved[data-design="dinner_olive"] .ld-approved-date,.ld-approved[data-design="dinner_olive"] .ld-approved-time,.ld-approved[data-design="dinner_olive"] .ld-approved-place,.ld-approved[data-design="dinner_olive"] .ld-approved-note{color:#43502F!important}
@media(max-width:700px){.ld-approved[data-design="wedding_chandelier"] .ld-approved-copy{left:12%!important;right:32%!important;top:15%!important;bottom:7%!important}.ld-approved[data-design="dinner_olive"] .ld-approved-copy{left:18%!important;right:20%!important;top:14.5%!important;bottom:9%!important}}