/* Illustrated invitation themes. All rules are scoped to creative designs. */
.invitation-art.tone-creative,.invitation-page.tone-creative{
 --scene-bg:#eef6ff;--scene-title:#263b58;--scene-secondary:#485b76;
 --invite-bg:#eef6ff;--invite-paper:#fffefd;--invite-ink:#263b58;--invite-accent:#406bb4;--invite-soft:#dceafa;
}
.invitation-art.tone-creative.scene-flower-garden,.invitation-page.tone-creative.scene-flower-garden{
 --scene-bg:linear-gradient(155deg,#fff8e6 10%,#ffedf1 62%,#e8f1d8);--scene-title:#623c4b;--scene-secondary:#7b4b5b;
 --invite-bg:#fff4f0;--invite-paper:#fffef9;--invite-ink:#513b45;--invite-accent:#ab4964;--invite-soft:#f5dce4;
}
.invitation-art.tone-creative.scene-sunset-romance,.invitation-page.tone-creative.scene-sunset-romance{
 --scene-bg:linear-gradient(180deg,#ffd9a5 0%,#ffb7a0 58%,#e5949c 100%);--scene-title:#703d47;--scene-secondary:#7f434b;
 --invite-bg:#fff0e9;--invite-paper:#fffcf7;--invite-ink:#653e43;--invite-accent:#b14459;--invite-soft:#f7d7cd;
}
.invitation-art.tone-creative.scene-balloon-parade,.invitation-page.tone-creative.scene-balloon-parade{
 --scene-bg:linear-gradient(160deg,#ccefff 0%,#eefbff 47%,#fff0b4 100%);--scene-title:#245276;--scene-secondary:#3f627c;
 --invite-bg:#eaf7ff;--invite-paper:#fffef9;--invite-ink:#29465e;--invite-accent:#276aa4;--invite-soft:#d8eefa;
}
.invitation-art.tone-creative.scene-toy-town,.invitation-page.tone-creative.scene-toy-town{
 --scene-bg:linear-gradient(145deg,#fff1b7 0%,#fffae5 48%,#d9f6ef 100%);--scene-title:#25556b;--scene-secondary:#476477;
 --invite-bg:#fff8df;--invite-paper:#fffef9;--invite-ink:#304b5e;--invite-accent:#bc493c;--invite-soft:#f7e2cf;
}
.invitation-art.tone-creative.scene-cosmic-adventure,.invitation-page.tone-creative.scene-cosmic-adventure{
 --scene-bg:radial-gradient(ellipse at 70% 20%,#5146a0 0%,#262962 48%,#141b48 100%);--scene-title:#fffaf3;--scene-secondary:#e2e0ff;
 --invite-bg:#efedff;--invite-paper:#fffefd;--invite-ink:#323452;--invite-accent:#6852ad;--invite-soft:#e3dcf8;
}
.invitation-art.tone-creative.scene-neon-party,.invitation-page.tone-creative.scene-neon-party{
 --scene-bg:linear-gradient(145deg,#441d69 0%,#27133f 50%,#352563 100%);--scene-title:#fffdf1;--scene-secondary:#dcecae;
 --invite-bg:#f2edfb;--invite-paper:#fffefd;--invite-ink:#3e2e52;--invite-accent:#7141aa;--invite-soft:#e8dcf5;
}
.invitation-art.tone-creative.scene-baby-clouds,.invitation-page.tone-creative.scene-baby-clouds{
 --scene-bg:linear-gradient(165deg,#cfeaff 0%,#e6e6ff 48%,#fff4e3 100%);--scene-title:#4d547c;--scene-secondary:#5e668b;
 --invite-bg:#edf4ff;--invite-paper:#fffdf9;--invite-ink:#48526d;--invite-accent:#7061a6;--invite-soft:#e6e0f5;
}
.invitation-art.tone-creative.scene-moon-stars,.invitation-page.tone-creative.scene-moon-stars{
 --scene-bg:linear-gradient(180deg,#28336b 0%,#434c8b 55%,#686fa4 100%);--scene-title:#fff8df;--scene-secondary:#ece7ff;
 --invite-bg:#eeeffb;--invite-paper:#fffdf8;--invite-ink:#424b6e;--invite-accent:#5b6395;--invite-soft:#e2e4f4;
}
.invitation-art.tone-creative.scene-cozy-home,.invitation-page.tone-creative.scene-cozy-home{
 --scene-bg:linear-gradient(155deg,#ffe0c2 0%,#fff0d7 47%,#d9edcd 100%);--scene-title:#77523c;--scene-secondary:#7e5c45;
 --invite-bg:#fff3e9;--invite-paper:#fffefa;--invite-ink:#65503e;--invite-accent:#9a5c3d;--invite-soft:#eedfc9;
}
.invitation-art.tone-creative.scene-colorful-keys,.invitation-page.tone-creative.scene-colorful-keys{
 --scene-bg:linear-gradient(140deg,#ffeb9a 0%,#fff3bf 40%,#ffc9bf 100%);--scene-title:#715347;--scene-secondary:#7d5c49;
 --invite-bg:#fff8df;--invite-paper:#fffef8;--invite-ink:#654f45;--invite-accent:#a35642;--invite-soft:#f8dfc5;
}
.invitation-art.tone-creative.scene-picnic-garden,.invitation-page.tone-creative.scene-picnic-garden{
 --scene-bg:linear-gradient(180deg,#d8f2d1 0%,#eff6d7 46%,#fff5cd 100%);--scene-title:#365a3f;--scene-secondary:#4d684b;
 --invite-bg:#eff7e7;--invite-paper:#fffef8;--invite-ink:#3d5541;--invite-accent:#567b43;--invite-soft:#dfecd2;
}
.invitation-art.tone-creative.scene-festival-table,.invitation-page.tone-creative.scene-festival-table{
 --scene-bg:linear-gradient(150deg,#ffe1b8 0%,#fff2d5 43%,#ffd0bb 100%);--scene-title:#81503a;--scene-secondary:#805a42;
 --invite-bg:#fff0e2;--invite-paper:#fffefa;--invite-ink:#6a4a39;--invite-accent:#aa513b;--invite-soft:#f6dfc6;
}
.invitation-art.tone-creative.scene-creative-forum,.invitation-page.tone-creative.scene-creative-forum{
 --scene-bg:linear-gradient(145deg,#d5e2ff 0%,#edf2ff 45%,#f7d9ce 100%);--scene-title:#304f7c;--scene-secondary:#485f82;
 --invite-bg:#edf2fe;--invite-paper:#fffefd;--invite-ink:#344c6c;--invite-accent:#4868ad;--invite-soft:#dfe7f7;
}
.invitation-art.tone-creative.scene-network-lights,.invitation-page.tone-creative.scene-network-lights{
 --scene-bg:radial-gradient(ellipse at 75% 18%,#235781 0%,#18385f 45%,#132b4c 100%);--scene-title:#f5fcff;--scene-secondary:#cce7ed;
 --invite-bg:#eaf2f8;--invite-paper:#fcfefe;--invite-ink:#2d4963;--invite-accent:#296e88;--invite-soft:#d8eaf0;
}
.invitation-art.tone-creative.scene-olive-memory,.invitation-page.tone-creative.scene-olive-memory{
 --scene-bg:linear-gradient(150deg,#e2e9d4 0%,#f3f3e7 52%,#cedbc3 100%);--scene-title:#4b5944;--scene-secondary:#5e6854;
 --invite-bg:#f0f2e9;--invite-paper:#fdfdf8;--invite-ink:#4b5847;--invite-accent:#637450;--invite-soft:#e1e7d7;
}
.invitation-art.tone-creative.scene-candle-glow,.invitation-page.tone-creative.scene-candle-glow{
 --scene-bg:radial-gradient(ellipse at 50% 82%,#80694f 0%,#4d4d48 45%,#303b3a 100%);--scene-title:#fff6e4;--scene-secondary:#e8ddc9;
 --invite-bg:#eeece7;--invite-paper:#fdfbf6;--invite-ink:#555147;--invite-accent:#806b4c;--invite-soft:#e8dfcf;
}
.invitation-art.tone-creative.scene-memory-garden,.invitation-page.tone-creative.scene-memory-garden{
 --scene-bg:linear-gradient(155deg,#e4ddeb 0%,#f1edf3 48%,#d9e5d5 100%);--scene-title:#5d5168;--scene-secondary:#6d6274;
 --invite-bg:#f2eef4;--invite-paper:#fdfbf9;--invite-ink:#5b5261;--invite-accent:#7b638b;--invite-soft:#e5dce9;
}
.invitation-art.tone-creative.scene-soft-light,.invitation-page.tone-creative.scene-soft-light{
 --scene-bg:radial-gradient(ellipse at 50% 28%,#fff2d7 0%,#efe3e7 49%,#dcdfe9 100%);--scene-title:#665767;--scene-secondary:#746774;
 --invite-bg:#f4eef0;--invite-paper:#fffdf9;--invite-ink:#625461;--invite-accent:#886278;--invite-soft:#eadddf;
}

.template-art.invitation-art.tone-creative{background:var(--scene-bg);color:var(--scene-title);border:0;isolation:isolate}
.invitation-art.tone-creative .invitation-scene{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none;user-select:none;border-radius:inherit}
.invitation-art.tone-creative .scene-canvas{display:block;width:100%;height:100%;overflow:hidden;pointer-events:none}
.invitation-art.tone-creative .art-leaves,.invitation-art.tone-creative .art-orbit,.invitation-art.tone-creative .art-glyph,.invitation-art.tone-creative .candle{display:none}
.invitation-art.tone-creative .art-inner{position:relative;z-index:2;width:100%;max-width:none;min-height:100%;height:100%;padding:26% 16% 30%;border:0;border-radius:0;align-items:center;justify-content:center;text-align:center;background:none}
.invitation-art.tone-creative .art-title{font-family:Manrope,NotoHebrew,NotoArabic,'Segoe UI',sans-serif;font-weight:700;font-size:clamp(24px,3vw,43px);line-height:1.13;letter-spacing:-.035em;max-width:100%;color:var(--scene-title);text-wrap:balance;text-shadow:none}
.invitation-art.tone-creative .art-kicker,.invitation-art.tone-creative .art-inner>small{color:var(--scene-secondary);opacity:1;max-width:100%;font-size:8px;font-weight:650;line-height:1.6;letter-spacing:.1em;text-wrap:balance}
.invitation-art.tone-creative .art-kicker{margin-bottom:15px;width:auto;border:0;padding:0}
.invitation-art.tone-creative .art-inner>small{margin-top:15px;font-size:8px;font-weight:500;letter-spacing:.035em}
.invitation-art.tone-creative .art-rule{height:3px;width:35px;border-radius:3px;background:var(--scene-secondary);opacity:.5;margin:17px 0 0}
.invitation-art.tone-creative:is(.scene-flower-garden,.scene-sunset-romance,.scene-olive-memory,.scene-candle-glow,.scene-memory-garden,.scene-soft-light) .art-title{font-family:Georgia,'Times New Roman',NotoHebrew,NotoArabic,serif;font-weight:400;letter-spacing:-.02em;line-height:1.17}
.invitation-art.tone-creative.scene-sunset-romance .art-title{font-style:italic}
.invitation-art.tone-creative.scene-neon-party .art-title{font-weight:800;letter-spacing:-.05em}
.invitation-art.tone-creative.scene-network-lights .art-title{font-weight:650;letter-spacing:-.03em}
.invitation-page.tone-creative{background:linear-gradient(145deg,var(--invite-bg),var(--invite-bg) 62%,var(--invite-soft));color:var(--invite-ink)}
.invitation-page.tone-creative .public-invitation{border:1px solid var(--invite-soft);border-radius:21px;background:var(--invite-paper);box-shadow:0 16px 65px #29364d0c}
.invitation-page.tone-creative .public-invite-art{background:var(--invite-bg)}
.invitation-page.tone-creative .public-invite-art>.invitation-art{position:sticky;top:20px;height:clamp(480px,calc(100dvh - 120px),720px);min-height:480px;max-height:720px}
.invitation-page.tone-creative .public-invite-art .art-title{font-size:clamp(30px,3.5vw,49px);max-width:100%;color:var(--scene-title)}
.invitation-page.tone-creative .public-content{background:var(--invite-paper)}
.invitation-page.tone-creative .public-content>h1{font-family:Manrope,NotoHebrew,NotoArabic,'Segoe UI',sans-serif;font-weight:650;letter-spacing:-.04em}
.invitation-page.tone-creative:is(.scene-flower-garden,.scene-sunset-romance,.scene-olive-memory,.scene-candle-glow,.scene-memory-garden,.scene-soft-light) .public-content>h1{font-family:Georgia,'Times New Roman',NotoHebrew,NotoArabic,serif;font-weight:400;letter-spacing:-.02em}
.invitation-page.tone-creative .button.dark{color:#fff;background:var(--invite-accent);border-color:var(--invite-accent);box-shadow:0 4px 12px #29364d0c}
.invitation-page.tone-creative .public-details .icon{color:var(--invite-accent)}
.invitation-page.tone-creative .response-choices span{border-color:var(--invite-soft);color:var(--invite-ink);background:var(--invite-paper)}
.invitation-page.tone-creative .response-choices input:checked+span{border-color:var(--invite-accent);background:var(--invite-soft);color:var(--invite-ink)}
.invitation-page.tone-creative .public-content .field input,.invitation-page.tone-creative .public-content .field textarea{border-color:var(--invite-soft);background:var(--invite-paper);color:var(--invite-ink)}
.invitation-page.tone-creative.invitation-preview .public-invite-art>.invitation-art{position:relative;top:auto;height:350px;min-height:350px;max-height:none}
.design-option .invitation-art.tone-creative .art-inner{padding:26% 15% 29%}
.design-option .invitation-art.tone-creative .art-title{font-size:19px;line-height:1.12}
.design-option .invitation-art.tone-creative .art-kicker{font-size:6px;margin-bottom:10px}
.design-option .invitation-art.tone-creative .art-rule{margin-top:10px;height:2px;width:25px}
.design-option .invitation-art.tone-creative .art-inner>small{font-size:5px;margin-top:9px}
.event-card>.invitation-art.tone-creative.compact .art-inner{padding:15% 17% 18%}
.event-card>.invitation-art.tone-creative.compact .art-title{font-size:27px}
.invitation-art.tone-creative.compact .art-inner>small{display:none}

/* Individual transform properties keep SVG placement transforms intact. */
.invitation-scene .scene-float,.invitation-scene .scene-sway,.invitation-scene .scene-twinkle,.invitation-scene .scene-confetti{transform-box:fill-box;transform-origin:center}
.invitation-scene .scene-float{animation:invitation-scene-float 8s ease-in-out infinite}
.invitation-scene .scene-sway{transform-origin:50% 100%;animation:invitation-scene-sway 9s ease-in-out infinite}
.invitation-scene .scene-glow{animation:invitation-scene-glow 7s ease-in-out infinite}
.invitation-scene .scene-twinkle{animation:invitation-scene-twinkle 6s ease-in-out infinite}
.invitation-scene .scene-confetti{animation:invitation-scene-confetti 10s ease-in-out infinite}
.invitation-scene .scene-float:nth-child(2n),.invitation-scene .scene-twinkle:nth-child(2n){animation-delay:-3s;animation-duration:9s}
.invitation-scene .scene-sway:nth-child(2n),.invitation-scene .scene-confetti:nth-child(3n){animation-delay:-5s}
.invitation-scene .scene-glow:nth-child(2n),.invitation-scene .scene-twinkle:nth-child(3n){animation-delay:-2s}
@keyframes invitation-scene-float{0%,100%{translate:0 0}50%{translate:0 -9px}}
@keyframes invitation-scene-sway{0%,100%{rotate:-1.6deg}50%{rotate:1.6deg}}
@keyframes invitation-scene-glow{0%,100%{opacity:.55}50%{opacity:.95}}
@keyframes invitation-scene-twinkle{0%,100%{opacity:.45;scale:.94}50%{opacity:1;scale:1.04}}
@keyframes invitation-scene-confetti{0%,100%{translate:0 0;rotate:-4deg}50%{translate:0 10px;rotate:5deg}}
:is(.scene-olive-memory,.scene-candle-glow,.scene-memory-garden,.scene-soft-light) .invitation-scene .scene-float{animation-duration:10s}
:is(.scene-olive-memory,.scene-candle-glow,.scene-memory-garden,.scene-soft-light) .invitation-scene .scene-confetti{animation:none}
.animations-paused .invitation-scene *,.invitation-scene.animations-paused *{animation-play-state:paused!important}
@media(max-width:900px){.invitation-page.tone-creative .public-invite-art .art-title{font-size:38px}}
@media(max-width:620px){
 .invitation-page.tone-creative .public-invitation{display:block;border-radius:15px}
 .invitation-page.tone-creative .public-invite-art>.invitation-art,.invitation-page.tone-creative.invitation-preview .public-invite-art>.invitation-art{position:relative;top:auto;height:330px;min-height:330px;max-height:none}
 .invitation-page.tone-creative .public-invite-art .art-inner{padding:18% 22% 20%}
 .invitation-page.tone-creative .public-invite-art .art-title{font-size:34px;line-height:1.13}
 .invitation-page.tone-creative .public-invite-art .art-kicker{font-size:8px;margin-bottom:11px}
 .invitation-page.tone-creative .public-invite-art .art-inner>small{font-size:8px;margin-top:11px}
 .invitation-page.tone-creative .public-invite-art .art-rule{margin-top:12px}
 .design-option .invitation-art.tone-creative .art-title{font-size:15px}
 .design-option .invitation-art.tone-creative .art-inner{padding:26% 13% 28%}
 .design-option .invitation-art.tone-creative .art-kicker{font-size:5px;margin-bottom:8px}
 .design-option .invitation-art.tone-creative .art-inner>small{display:none}
 .invitation-template-grid .invitation-art.tone-creative .art-title{font-size:24px}
 .invitation-template-grid .invitation-art.tone-creative .art-kicker{font-size:7px;margin-bottom:12px}
}
@media(max-width:390px){.invitation-page.tone-creative .public-invite-art .art-title{font-size:30px}.invitation-page.tone-creative .public-invite-art .art-inner{padding-inline:19%}}
@media(prefers-reduced-motion:reduce){.invitation-scene :not(.animations-enabled *){animation:none!important;transition:none!important}}
/* Creative ornament scenes share the illustrated two-column guest layout. */
.invitation-page.tone-creative .public-invitation{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);max-width:1040px;border:1px solid var(--invite-soft)}
.invitation-page.tone-creative .public-invite-art .art-inner{padding:26% 16% 30%;border:0;align-items:center;justify-content:center;text-align:center}
.invitation-page.tone-creative .public-content{padding:50px 42px;text-align:start}
.invitation-page.tone-creative .invitation-useful-actions{justify-content:flex-start}
.invitation-page.tone-creative .invitation-collection{border:1px solid var(--invite-soft);border-radius:13px;text-align:start}
.invitation-page.tone-creative .invitation-collection h2{font-family:Georgia,'Times New Roman',NotoHebrew,NotoArabic,serif;font-weight:400;font-size:25px}
@media(max-width:900px){.invitation-page.tone-creative .public-content{padding:35px 27px}}
@media(max-width:620px){.invitation-page.tone-creative .public-invitation{display:block;max-width:1040px}.invitation-page.tone-creative .public-content{padding:33px 25px}.invitation-page.tone-creative .public-invite-art .art-inner{padding:18% 22% 20%}}
@media(max-width:390px){.invitation-page.tone-creative .public-invite-art .art-inner{padding-inline:19%}}
/* Keep thumbnails quiet; the full preview and guest page show the motion. */
.template-card:not(:hover) .invitation-scene *, .design-option .invitation-scene *{animation-play-state:paused}
.invitation-scene .delay-1{animation-delay:-1.7s}.invitation-scene .delay-2{animation-delay:-3.4s}.invitation-scene .delay-3{animation-delay:-5.1s}
.scene-neon-party{--scene-green:#c8ff68;--scene-pink:#ff68cb;--scene-blue:#5ce5ef;--scene-purple:#aa8aff;--scene-yellow:#f9fc8d}
.scene-cosmic-adventure{--scene-pink:#ff8ab2;--scene-purple:#ac99fc;--scene-blue:#64c5f4;--scene-green:#8de6a5;--scene-yellow:#ffe688}
:is(.scene-olive-memory,.scene-candle-glow,.scene-memory-garden,.scene-soft-light){--scene-green:#82997b;--scene-pink:#c3a6b2;--scene-purple:#ad9bbb;--scene-yellow:#e2c991;--scene-blue:#9aafb0;--scene-orange:#c7a88e}