/* Zahum Invite Atelier: internal-layout systems, accessible effects, and live editor. */
.invite-site{isolation:isolate}.invite-site .inv-inner{position:relative;z-index:2}
.invite-site .inv-section{position:relative;overflow:hidden}
.invite-site .inv-prayer{margin:24px auto 0;max-width:640px;font-family:Georgia,serif;font-style:italic;font-size:clamp(1.05rem,2.4vw,1.35rem);white-space:pre-line;line-height:1.85;color:inherit;border-left:3px solid var(--iv-accent);padding:16px 26px;background:color-mix(in srgb,var(--iv-accent) 9%,transparent)}
.invite-site .inv-salutation{font-weight:600;white-space:pre-line;line-height:1.7}
.invite-site .inv-section h2{overflow-wrap:anywhere}.inv-section p{white-space:pre-line}
.invite-site[data-theme="light"]{--iv-bg:#fffbf5!important;--iv-ink:#302e2a!important}
.invite-site[data-theme="dark"]{--iv-bg:#161c23!important;--iv-ink:#f9efe1!important}
.invite-site[data-theme="dark"] .inv-inner,.invite-site[data-theme="dark"] .inv-section{background-color:#161c23;color:#f9efe1}
.invite-site[data-theme="dark"] .inv-section h2,.invite-site[data-theme="dark"] .inv-section h3,.invite-site[data-theme="dark"] .inv-section p{color:#f9efe1}
.invite-site[data-theme="dark"] .event-cards article,.invite-site[data-theme="dark"] .story-steps>div{background:#27313c!important;color:#f9efe1!important;border-color:#8b8580}
.invite-site[data-theme="dark"] .inv-mast{background:linear-gradient(130deg,#1c2732,#101015)!important}
.weather-layer{pointer-events:none;position:absolute;z-index:5;inset:0;overflow:hidden}
.weather-layer i{position:absolute;display:block;left:var(--x);top:-30px;animation:zi-fall var(--speed) linear var(--delay) infinite;opacity:.65}
.weather-layer.effect-rain i{width:1.5px;height:26px;background:linear-gradient(transparent,#9ac7dd);transform:rotate(13deg)}
.weather-layer.effect-snow i{width:9px;height:9px;border-radius:50%;background:#fff;box-shadow:0 0 8px #fff9}
.weather-layer.effect-petals i{width:11px;height:18px;border-radius:90% 0 90% 0;background:#ffb9c3;transform:rotate(18deg)}
.weather-layer.effect-sparkles i,.weather-layer.effect-stars i{width:5px;height:5px;border-radius:50%;background:#f8d985;box-shadow:0 0 11px 3px #f3d78d}
.weather-layer.effect-confetti i{width:8px;height:14px;background:hsl(calc(28 * var(--x)) 70% 66%);transform:rotate(16deg)}
@keyframes zi-fall{0%{top:-35px;translate:0 0}100%{top:100%;translate:20px 0}}
@media(prefers-reduced-motion:reduce){.weather-layer{display:none}}

/* Twenty distinct inside-page compositions, not merely cover color variations. */
.invite-site[data-visual="0"] .profiles,.invite-site[data-visual="0"] .welcome{text-align:center}
.invite-site[data-visual="0"] .profiles{background:radial-gradient(circle at 50% 0,var(--iv-accent),var(--iv-bg))}
.invite-site[data-visual="1"] .inv-section:nth-child(odd){background:color-mix(in srgb,var(--iv-primary) 12%,var(--iv-bg))}
.invite-site[data-visual="1"] .story-steps{display:grid;grid-template-columns:1fr 1fr}.invite-site[data-visual="1"] .story-steps>div:last-child{grid-column:1/-1}
.invite-site[data-visual="2"] .profiles{text-align:left;border-left:20px solid var(--iv-accent)}
.invite-site[data-visual="2"] .gallery-grid{grid-template-columns:2fr 1fr}
.invite-site[data-visual="3"] .gallery-grid{display:flex;gap:7px;overflow:hidden}.invite-site[data-visual="3"] .gallery-grid>*{flex:1;min-width:0;object-fit:cover;border-radius:40% 40% 0 0}
.invite-site[data-visual="3"] .welcome{background:linear-gradient(115deg,var(--iv-bg),color-mix(in srgb,var(--iv-accent) 23%,var(--iv-bg)))}
.invite-site[data-visual="4"] .schedule{border:12px double var(--iv-accent);border-radius:0 110px 0 110px}
.invite-site[data-visual="4"] .event-cards{display:flex;flex-wrap:wrap;justify-content:center}
.invite-site[data-visual="5"] .profiles{background:var(--iv-primary);color:#fff}.invite-site[data-visual="5"] .profiles h2,.invite-site[data-visual="5"] .profiles h3{color:#fff}
.invite-site[data-visual="5"] .gallery-grid{grid-template-columns:repeat(3,1fr)}
.invite-site[data-visual="6"] .story-steps{border-left:5px solid var(--iv-accent);padding-left:25px}.invite-site[data-visual="6"] .story-steps>div{text-align:left;border:0;border-bottom:1px dashed var(--iv-primary)}
.invite-site[data-visual="7"] .welcome{clip-path:polygon(0 0,100% 0,100% 93%,50% 100%,0 93%);padding-bottom:80px}
.invite-site[data-visual="7"] .gallery-grid>*:nth-child(even){transform:translateY(14px)}
.invite-site[data-visual="8"] .profiles{background:linear-gradient(155deg,var(--iv-primary),var(--iv-bg));border:1px solid var(--iv-accent)}
.invite-site[data-visual="8"] .schedule{border-radius:160px 160px 6px 6px}
.invite-site[data-visual="9"] .story{text-align:left;border-left:14px solid var(--iv-primary)}
.invite-site[data-visual="9"] .story-steps{display:flex;flex-direction:column}.invite-site[data-visual="9"] .story-steps>div:nth-child(even){align-self:flex-end}
.invite-site[data-visual="10"] .inv-section:nth-child(even){border-top:6px solid var(--iv-primary);border-bottom:2px solid var(--iv-accent)}
.invite-site[data-visual="10"] .gallery-grid{grid-template-columns:1fr 2fr}
.invite-site[data-visual="11"] .profiles{background:var(--iv-primary);color:#fff}.invite-site[data-visual="11"] .profiles h2,.invite-site[data-visual="11"] .profiles h3{color:#fff}
.invite-site[data-visual="11"] .welcome{border-top:30px solid var(--iv-accent)}
.invite-site[data-visual="12"] .gallery-grid{grid-template-columns:1fr 1fr}.invite-site[data-visual="12"] .gallery-grid>*:first-child{grid-column:1/-1;max-height:360px}
.invite-site[data-visual="12"] .story{border-radius:0 0 130px 0}
.invite-site[data-visual="13"] .schedule{background:color-mix(in srgb,var(--iv-accent) 32%,var(--iv-bg))}.invite-site[data-visual="13"] .event-cards article{border-radius:0;box-shadow:12px 12px 0 color-mix(in srgb,var(--iv-primary) 25%,transparent)}
.invite-site[data-visual="14"] .profiles .profile-grid{flex-direction:column}.invite-site[data-visual="14"] .profiles .profile-symbol{border-radius:0}.invite-site[data-visual="14"] .welcome{border:8px double var(--iv-primary)}
.invite-site[data-visual="15"] .gallery{background:var(--iv-primary);color:#fff}.invite-site[data-visual="15"] .gallery h2{color:#fff}
.invite-site[data-visual="15"] .event-cards article{border-radius:100px 100px 10px 10px}
.invite-site[data-visual="16"] .welcome{border-inline:15px solid var(--iv-accent)}.invite-site[data-visual="16"] .story-steps>div:nth-child(odd){background:color-mix(in srgb,var(--iv-primary) 16%,var(--iv-bg))}
.invite-site[data-visual="17"] .profiles{clip-path:polygon(0 0,100% 0,100% 90%,0 100%);padding-bottom:95px}.invite-site[data-visual="17"] .gallery-grid{grid-template-columns:2fr 1fr}
.invite-site[data-visual="18"] .story{background:linear-gradient(45deg,var(--iv-bg) 50%,color-mix(in srgb,var(--iv-accent) 33%,var(--iv-bg)) 50%)}
.invite-site[data-visual="18"] .schedule{border-radius:0 130px 0 130px}
.invite-site[data-visual="19"] .profiles{background:color-mix(in srgb,var(--iv-primary) 22%,var(--iv-bg))}.invite-site[data-visual="19"] .event-cards{flex-direction:column;max-width:450px;margin-inline:auto}.invite-site[data-visual="19"] .gallery-grid{display:flex;gap:12px}.invite-site[data-visual="19"] .gallery-grid>*{flex:1;min-width:0;border-radius:48% 48% 0 0}

.section-preview-canvas{background:#f1eee7;padding:12px;border-radius:16px;margin:18px auto;width:100%;box-sizing:border-box}
.live-preview-shell{position:relative;max-height:525px;overflow:auto;border:1px solid #e3d7c3;border-radius:10px;background:#fff;isolation:isolate}
.live-preview-shell .open-overlay{min-height:445px}.live-preview-shell .open-card{min-height:410px}.live-preview-shell .invite-site .inv-section{padding:32px 16px}.live-preview-shell .inv-section h2{font-size:1.5rem}.live-preview-shell .inv-section p{font-size:.9rem}
.demo-workbench{display:grid;grid-template-columns:minmax(240px,320px) minmax(0,1fr);gap:25px;align-items:start;padding:25px 0 70px}
.demo-workbench>div:first-child{background:#fff;border:1px solid #e2d9cb;border-radius:19px;padding:24px;display:grid;gap:16px}
.demo-workbench label{display:grid;gap:6px;font-weight:650;color:#42443f}
.demo-workbench select{min-height:46px;max-width:100%;padding:9px 12px;border:1px solid #c9c3b9;border-radius:10px;background:#fff}
.demo-invite-canvas{max-height:1000px;overflow:auto;border-radius:18px;isolation:isolate}
#customer-review-form{display:grid;gap:12px;padding:18px;background:#faf8f2;border-radius:16px}
#customer-review-form label{display:grid;gap:8px}#customer-review-form textarea,#customer-review-form select{padding:12px;border:1px solid #d5c8b7;border-radius:10px;font:inherit;width:100%;box-sizing:border-box}
@media(max-width:800px){.demo-workbench{grid-template-columns:1fr}.invite-site .inv-section{padding-inline:clamp(14px,5vw,32px)}.section-preview-canvas{margin-inline:0}}

/* Five composition editions layered over twenty authored layout families (20×5). */
.invite-site[data-composition="0"] .inv-section.story{background:radial-gradient(ellipse at 50% 10%,color-mix(in srgb,var(--iv-accent) 25%,var(--iv-bg)),var(--iv-bg))}
.invite-site[data-composition="0"] .inv-section.schedule .event-cards article{border-width:1px;border-style:solid}
.invite-site[data-composition="1"] .inv-section.profiles{border-top:9px solid var(--iv-primary)}
.invite-site[data-composition="1"] .inv-section.gallery .gallery-grid{transform:rotate(-1deg)}
.invite-site[data-composition="1"] .inv-section.schedule .event-cards article{border-radius:80px 80px 8px 8px}
.invite-site[data-composition="2"] .inv-section.welcome{background:repeating-linear-gradient(45deg,color-mix(in srgb,var(--iv-accent) 9%,var(--iv-bg)),color-mix(in srgb,var(--iv-accent) 9%,var(--iv-bg)) 11px,var(--iv-bg) 11px,var(--iv-bg) 23px)}
.invite-site[data-composition="2"] .gallery-grid>*{border-radius:0 60px 0 60px}
.invite-site[data-composition="3"] .inv-section.profiles{box-shadow:inset 0 0 0 4px var(--iv-accent),inset 0 0 0 10px var(--iv-bg)}
.invite-site[data-composition="3"] .story-steps>div{border-left:4px solid var(--iv-primary);text-align:left}
.invite-site[data-composition="4"] .inv-section.story{border-block:15px double var(--iv-accent)}
.invite-site[data-composition="4"] .inv-section.gallery .gallery-grid{border:8px solid var(--iv-primary);padding:7px;gap:7px}
.invite-site[data-composition="4"] .inv-section.schedule .event-cards article{box-shadow:8px 8px 0 color-mix(in srgb,var(--iv-accent) 60%,transparent)}

#public-demo-fields textarea,#public-demo-fields input{width:100%;min-height:44px;box-sizing:border-box;padding:12px;border:1px solid #c9c3b9;border-radius:10px;font:inherit;background:#fff;color:#25392f}#public-demo-fields textarea{min-height:90px;resize:vertical}

/* Zahum V5: formulir akun, pesan order, pengaturan identitas usaha */
.lux-panel{border:1px solid rgba(129,100,67,.24);border-radius:22px;background:linear-gradient(148deg,rgba(255,250,242,.98),rgba(249,241,229,.96));padding:25px;box-shadow:0 16px 42px rgba(57,42,25,.055)}
.lux-panel h2{font-family:Georgia,serif;font-size:1.55rem}.lux-panel p{line-height:1.75}.lux-panel code{overflow-wrap:anywhere}
.lux-panel label{display:block;margin:12px 0 16px}.lux-panel input,.lux-panel textarea,.lux-panel select{display:block;width:100%;border:1px solid #d9cbbb;border-radius:12px;padding:12px;font:inherit;margin-top:5px;background:#fff}
.notice-box{padding:20px;background:#f5eee5;border-left:4px solid #a48a68;border-radius:10px;margin-block:24px;line-height:1.75}
.chat-board{max-width:780px;padding:20px;background:#f8f4ee;border-radius:19px;border:1px solid #e7dccb;display:flex;flex-direction:column;gap:12px;min-height:170px;margin:18px 0}
.chat-bubble{background:white;border:1px solid #ebdfcf;max-width:86%;padding:12px 16px;border-radius:14px 14px 14px 3px;align-self:flex-start}.chat-bubble.mine{background:#e6f0e8;align-self:flex-end;border-radius:14px 14px 3px 14px}.chat-bubble p{white-space:pre-wrap;overflow-wrap:anywhere;margin:.3rem 0}.chat-bubble small{font-size:.7rem;opacity:.68}
.legal-copy{max-width:900px;line-height:1.85}.legal-copy h2{margin-top:2.2rem;font-family:Georgia,serif}
.google-login{margin-top:14px;border-color:#d7c7b8;background:#fff;color:#31291e}
@media(max-width:700px){.lux-panel{padding:17px}.chat-bubble{max-width:95%}}