.svm-gallery,.svm-editor,.svm-projects{color:#281d23}.svm-gallery-head,.svm-editor-top{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:26px}.svm-gallery h2,.svm-editor h2,.svm-projects h2,.svm-login-prompt h2{font:clamp(2rem,4vw,3rem)/1.1 Georgia,serif;letter-spacing:-.04em;margin:0 0 10px}.svm-kicker{font-size:.72rem;letter-spacing:.18em;font-weight:800;color:#a63f56;margin:0 0 8px}.svm-gallery-head p,.svm-template-info p{color:#75686d}.svm-search{border:1px solid #eadfe0;border-radius:999px;padding:12px 16px;min-width:220px}.svm-template-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.svm-template-card{border:1px solid #eadfe0;border-radius:18px;overflow:hidden;background:#fff}.svm-template-art{aspect-ratio:9/12;background:linear-gradient(145deg,#4b1f32,#bd8c5a);color:#fff7e8;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:25px;position:relative}.svm-template-art:before{content:"";position:absolute;inset:12px;border:1px solid #dfc18a;pointer-events:none}.svm-template-art>span{font-size:2rem}.svm-template-art strong{font:2rem/1.1 Georgia,serif;margin:16px 0;overflow-wrap:anywhere}.svm-template-art small{font-size:.62rem;letter-spacing:.18em}.svm-floral{background:linear-gradient(145deg,#efd9d5,#986472)}.svm-minimal{background:linear-gradient(145deg,#e9e0d2,#b9a78e);color:#3e3028}.svm-template-info{padding:18px}.svm-template-info h3{font:1.4rem Georgia,serif;margin:0 0 7px}.svm-template-info p{min-height:42px;font-size:.9rem;margin:0 0 16px}.svm-button{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:999px;background:#a63f56;color:white!important;padding:11px 17px;font-weight:750;text-decoration:none!important;cursor:pointer}.svm-button:hover{opacity:.9}.svm-button-dark{background:#2c1d27}.svm-button-light{background:#f5e6e7;color:#8b3348!important}.svm-footnote,.svm-small{font-size:.82rem;color:#75686d;line-height:1.55}.svm-editor-top{align-items:center}.svm-save-status{font-size:.85rem;color:#75686d}.svm-editor-layout{display:grid;grid-template-columns:minmax(260px,350px) 1fr;gap:24px;align-items:start}.svm-fields,.svm-preview-wrap,.svm-login-prompt{background:#fff;border:1px solid #eadfe0;border-radius:18px;padding:24px}.svm-field{margin-bottom:16px}.svm-field label{display:block;font-weight:700;font-size:.9rem;margin-bottom:7px}.svm-field input,.svm-field select{width:100%;padding:12px;border:1px solid #dfd2d5;border-radius:10px;background:#fff;color:#281d23}.svm-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:22px}.svm-actions .svm-button{flex:1}.svm-preview-label{display:flex;justify-content:space-between;gap:12px;font-size:.73rem;letter-spacing:.12em;font-weight:800;color:#75686d}.svm-preview-label span{letter-spacing:0;font-weight:500}.svm-preview{margin:18px auto 14px;width:min(340px,100%);aspect-ratio:9/16;border-radius:16px;background:linear-gradient(155deg,#321b29,#793348 52%,#d1a76c);color:#fff6e7;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:28px;position:relative;overflow:hidden;box-shadow:0 16px 35px #2c1d2718}.svm-preview:before{content:"";position:absolute;inset:12px;border:1px solid #e4c78a;border-radius:10px}.svm-preview-top,.svm-preview-bottom{font-size:.57rem;letter-spacing:.16em;position:absolute;left:20px;right:20px}.svm-preview-top{top:34px}.svm-preview-bottom{bottom:32px}.svm-preview-flower{font-size:2.5rem;color:#e4c78a;margin-bottom:20px}.svm-preview strong{font:clamp(1.6rem,3vw,2.5rem)/1.08 Georgia,serif;overflow-wrap:anywhere;max-width:100%}.svm-preview-rule{width:60px;height:1px;background:#e4c78a;margin:18px}.svm-preview small{margin-top:10px;font-size:.8rem}.svm-message{margin-top:14px;font-size:.9rem}.svm-message.error{color:#a12337}.svm-message.success{color:#267345}.svm-project-list{display:grid;gap:12px;margin-top:20px}.svm-project-list article{display:flex;justify-content:space-between;align-items:center;gap:20px;border:1px solid #eadfe0;border-radius:14px;padding:16px;background:#fff}.svm-project-list small{display:block;color:#75686d;margin-top:5px}.svm-login-prompt{max-width:650px}.svm-login-prompt p{color:#75686d}@media(max-width:760px){.svm-template-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.svm-gallery-head{align-items:stretch;flex-direction:column}.svm-search{min-width:0;width:100%}.svm-editor-layout{grid-template-columns:1fr}.svm-fields,.svm-preview-wrap{padding:17px}}@media(max-width:480px){.svm-template-grid{grid-template-columns:1fr}.svm-template-art{aspect-ratio:9/10}.svm-project-list article{align-items:start;flex-direction:column}.svm-editor-top{align-items:start;flex-direction:column}}

/* Two visual directions: the user's soft garden invitation and a new luxury royal style. */
.svm-preview{isolation:isolate;transition:background .35s ease,color .35s ease}
.svm-preview:after{content:"";position:absolute;inset:-10%;z-index:-1;opacity:.32;background:radial-gradient(ellipse at 15% 12%,#fff8d9 0 2%,transparent 22%),radial-gradient(ellipse at 88% 82%,#f2d7ad 0 2%,transparent 23%);animation:svm-drift 8s ease-in-out infinite alternate}
.svm-preview-video-inspired{background:linear-gradient(180deg,#f8f6e9 0%,#e7ead9 48%,#c6d2b6 100%);color:#53654c;box-shadow:0 16px 35px #4b60421b}
.svm-preview-video-inspired:before{inset:15px;border:1px solid #a9b99a;border-radius:2px;background:linear-gradient(130deg,transparent 0 30%,#fff8 30.3% 30.8%,transparent 31%);}
.svm-preview-video-inspired .svm-preview-top{color:#7a8a69;letter-spacing:.13em}
.svm-preview-video-inspired .svm-preview-flower{color:#8da17c;text-shadow:0 3px 14px #849d7555;animation:svm-float 4s ease-in-out infinite}
.svm-preview-video-inspired .svm-preview-rule{background:#a7b794}
.svm-preview-video-inspired .svm-preview-bottom{color:#748568}
.svm-preview-video-inspired .svm-preview-leaves{display:block;position:absolute;top:12%;left:0;right:0;color:#9daf8e;font-size:1.5rem;letter-spacing:.35em;opacity:.8;animation:svm-float 5s ease-in-out infinite alternate}
.svm-preview-royal-premium{background:radial-gradient(ellipse at 50% 30%,#7c3144 0%,#4c1729 54%,#210d18 100%);color:#fff0d0}
.svm-preview-royal-premium:before{inset:12px;border:1px solid #d8b46a;border-radius:3px;box-shadow:inset 0 0 0 5px #d8b46a18,inset 0 0 0 7px #d8b46a66}
.svm-preview-royal-premium .svm-preview-flower{color:#e3c477;text-shadow:0 0 18px #e8c86a77;animation:svm-float 4s ease-in-out infinite}
.svm-preview-royal-premium .svm-preview-rule{background:#dfc078}
.svm-preview-royal-premium .svm-preview-leaves{display:block;position:absolute;top:12%;left:0;right:0;color:#e4c779;font-size:1.45rem;letter-spacing:.3em;opacity:.88}
.svm-preview-royal-premium .svm-preview-top,.svm-preview-royal-premium .svm-preview-bottom{color:#ead59c}
@keyframes svm-float{from{transform:translateY(0)}to{transform:translateY(-7px)}}
@keyframes svm-drift{from{transform:translate3d(-1%,0,0)}to{transform:translate3d(1%,1%,0)}}

/* Robust preview style selectors and cache-safe visual fallback (v1.0.1). */
.svm-editor .svm-preview.svm-preview-video-inspired{background:linear-gradient(180deg,#f8f6e9 0%,#e7ead9 48%,#c6d2b6 100%) !important;color:#53654c !important;}
.svm-editor .svm-preview.svm-preview-royal-premium{background:radial-gradient(ellipse at 50% 30%,#7c3144 0%,#4c1729 54%,#210d18 100%) !important;color:#fff0d0 !important;}
.svm-editor .svm-preview.svm-preview-video-inspired:before{border-color:#a9b99a !important;}
.svm-editor .svm-preview.svm-preview-royal-premium:before{border-color:#d8b46a !important;box-shadow:inset 0 0 0 5px #d8b46a18,inset 0 0 0 7px #d8b46a66 !important;}
.svm-editor .svm-preview.svm-preview-video-inspired .svm-preview-flower{color:#8da17c !important;}
.svm-editor .svm-preview.svm-preview-royal-premium .svm-preview-flower{color:#e3c477 !important;}
.svm-editor .svm-preview .svm-preview-leaves{display:block;position:absolute;top:12%;left:0;right:0;text-align:center;font-size:1.45rem;letter-spacing:.3em;opacity:.88;pointer-events:none;animation:svm-float 5s ease-in-out infinite alternate;}

/* v1.1 animated browser preview: layered ambience, drifting petals and staged text reveal. */
.svm-motion-controls{display:flex;align-items:center;gap:12px;justify-content:center;flex-wrap:wrap;margin:12px auto 0;}
.svm-preview{animation:svm-scene-breathe 9s ease-in-out infinite;transform:translateZ(0);}
.svm-preview:after{z-index:0;pointer-events:none;inset:-25%;background:radial-gradient(circle at 18% 22%,#fff8d9 0 1.5%,transparent 3%),radial-gradient(circle at 78% 35%,#fff8d9 0 1%,transparent 2.5%),radial-gradient(circle at 62% 75%,#fff8d9 0 1.3%,transparent 3%),radial-gradient(ellipse at 50% 50%,transparent 30%,#12081118 100%);background-size:100% 100%;animation:svm-particle-drift 12s linear infinite alternate;}
.svm-preview>*{z-index:1;}
.svm-preview-top{animation:svm-fade-in 1.4s .1s both;}
.svm-preview-flower{animation:svm-emblem-in 1.4s .25s both,svm-float 4s 1.7s ease-in-out infinite!important;}
#svm-preview-names{animation:svm-title-in 1.3s .45s both;}
.svm-preview-rule{animation:svm-rule-in 1.2s .8s both;}
#svm-preview-date{animation:svm-fade-in 1.2s .9s both;}
#svm-preview-venue{animation:svm-fade-in 1.2s 1.1s both;}
.svm-preview-bottom{animation:svm-fade-in 1.3s 1.3s both;}
.svm-preview-leaves{animation:svm-leaves-sway 6s ease-in-out infinite alternate!important;transform-origin:50% 0;}
.svm-preview.svm-motion-paused,.svm-preview.svm-motion-paused *, .svm-preview.svm-motion-paused:before,.svm-preview.svm-motion-paused:after{animation-play-state:paused!important;}
.svm-preview.svm-scene-change #svm-preview-names{animation:svm-title-in .8s both;}
@keyframes svm-scene-breathe{0%,100%{box-shadow:0 16px 35px #2c1d2718;filter:saturate(1)}50%{box-shadow:0 22px 45px #2c1d2730;filter:saturate(1.08)}}
@keyframes svm-particle-drift{0%{transform:translate3d(-2%,-1%,0) rotate(0deg)}100%{transform:translate3d(2%,2%,0) rotate(5deg)}}
@keyframes svm-fade-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@keyframes svm-emblem-in{0%{opacity:0;transform:scale(.65) rotate(-18deg)}70%{opacity:1;transform:scale(1.08) rotate(4deg)}100%{opacity:1;transform:scale(1) rotate(0)}}
@keyframes svm-title-in{from{opacity:0;transform:translateY(18px);filter:blur(5px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}
@keyframes svm-rule-in{from{opacity:0;transform:scaleX(0)}to{opacity:1;transform:scaleX(1)}}
@keyframes svm-leaves-sway{from{transform:translateY(0) rotate(-2deg)}to{transform:translateY(-5px) rotate(2deg)}}
@media(prefers-reduced-motion:reduce){.svm-preview,.svm-preview *,.svm-preview:before,.svm-preview:after{animation:none!important;transition:none!important}}

/* 60-second invitation storyboard timeline */
.svm-timeline{max-width:420px;margin:14px auto 8px;color:#6e5a60;font-size:12px}.svm-timeline-track{height:5px;background:#f0e4e5;border-radius:9px;overflow:hidden}.svm-timeline-track span{display:block;height:100%;width:0;background:linear-gradient(90deg,#a83d59,#c9a45b);transition:width .2s linear}.svm-timeline-meta{display:flex;justify-content:space-between;gap:10px;margin:8px 0}.svm-scene-chips{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}.svm-scene-chips span{padding:6px 4px;text-align:center;border:1px solid #eadbdd;border-radius:20px;font-size:10px}.svm-scene-chips span.is-active{background:#f7e8eb;border-color:#ad5369;color:#873348;font-weight:700}.svm-preview[data-scene="0"] #svm-preview-names,.svm-preview[data-scene="0"] #svm-preview-date,.svm-preview[data-scene="0"] #svm-preview-venue{animation:svm-fade-in 1s both}.svm-preview[data-scene="1"] #svm-preview-names{animation:svm-title-in 1s both}.svm-preview[data-scene="2"] #svm-preview-date,.svm-preview[data-scene="2"] #svm-preview-venue{animation:svm-fade-in 1s both}.svm-preview[data-scene="3"] .svm-preview-flower{animation:svm-emblem-in 1.2s both}@media(prefers-reduced-motion:reduce){.svm-timeline-track span{transition:none}}

/* v1.3: scene-based 60-second preview. Each 15-second segment has its own visible content and entrance. */
.svm-preview[data-scene] #svm-preview-welcome,
.svm-preview[data-scene] #svm-preview-names,
.svm-preview[data-scene] #svm-preview-date,
.svm-preview[data-scene] #svm-preview-venue,
.svm-preview[data-scene] .svm-preview-bottom,
.svm-preview[data-scene] .svm-preview-flower,
.svm-preview[data-scene] .svm-preview-rule,
.svm-preview[data-scene] .svm-preview-leaves { transition:opacity .65s ease, transform .65s ease, filter .65s ease; }
.svm-preview[data-scene="0"] #svm-preview-welcome { opacity:1; transform:translateY(0); animation:svm-welcome-reveal 1.2s both; }
.svm-preview[data-scene="0"] #svm-preview-names,
.svm-preview[data-scene="0"] #svm-preview-date,
.svm-preview[data-scene="0"] #svm-preview-venue { opacity:0; transform:translateY(18px); animation:none; }
.svm-preview[data-scene="1"] #svm-preview-welcome { opacity:0; transform:translateY(-16px); animation:none; }
.svm-preview[data-scene="1"] #svm-preview-names { opacity:1; transform:translateY(0); animation:svm-name-reveal 1.35s both; }
.svm-preview[data-scene="1"] #svm-preview-date,
.svm-preview[data-scene="1"] #svm-preview-venue { opacity:0; transform:translateY(18px); animation:none; }
.svm-preview[data-scene="2"] #svm-preview-welcome,
.svm-preview[data-scene="2"] #svm-preview-names { opacity:0; transform:translateY(-14px); animation:none; }
.svm-preview[data-scene="2"] #svm-preview-date { opacity:1; transform:translateY(0); animation:svm-detail-reveal 1s .1s both; }
.svm-preview[data-scene="2"] #svm-preview-venue { opacity:1; transform:translateY(0); animation:svm-detail-reveal 1s .55s both; }
.svm-preview[data-scene="3"] #svm-preview-welcome,
.svm-preview[data-scene="3"] #svm-preview-date,
.svm-preview[data-scene="3"] #svm-preview-venue { opacity:0; transform:translateY(-12px); animation:none; }
.svm-preview[data-scene="3"] #svm-preview-names { opacity:1; transform:translateY(0); animation:svm-name-reveal 1.2s both; }
.svm-preview[data-scene="3"] .svm-preview-bottom { animation:svm-closing-reveal 1.3s .5s both; }
.svm-preview[data-scene="3"] .svm-preview-flower { animation:svm-emblem-in 1.1s both,svm-float 4s 1.2s ease-in-out infinite!important; }
.svm-preview-top {max-width:calc(100% - 40px);line-height:1.6;}
@keyframes svm-welcome-reveal {0%{opacity:0;transform:translateY(22px);letter-spacing:.02em;filter:blur(7px)}65%{opacity:1;filter:blur(0)}100%{opacity:1;transform:translateY(0);letter-spacing:.13em}}
@keyframes svm-name-reveal {0%{opacity:0;transform:translateY(32px) scale(.94);filter:blur(9px);letter-spacing:.12em}65%{opacity:1;filter:blur(0)}100%{opacity:1;transform:translateY(0) scale(1);letter-spacing:normal}}
@keyframes svm-detail-reveal {0%{opacity:0;transform:translateY(20px);filter:blur(5px)}100%{opacity:1;transform:translateY(0);filter:blur(0)}}
@keyframes svm-closing-reveal {0%{opacity:0;transform:translateY(12px);letter-spacing:.3em}100%{opacity:1;transform:translateY(0);letter-spacing:.16em}}
.svm-preview.svm-scene-enter:before {animation:svm-frame-glow 1.4s ease both;}
@keyframes svm-frame-glow {0%{box-shadow:0 0 0 rgba(224,195,123,0)}45%{box-shadow:0 0 24px rgba(224,195,123,.5)}100%{box-shadow:0 0 0 rgba(224,195,123,0)}}
@media(prefers-reduced-motion:reduce){.svm-preview[data-scene] *{animation:none!important;transition:none!important}}