:root{--ink:#302b2b;--muted:#77706e;--line:#e9e3df;--rose:#b86f73;--rose-dark:#92585e;--shadow:0 18px 55px rgba(68,42,42,.09);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}
*{box-sizing:border-box}body{margin:0;background:#f7f5f2;color:var(--ink)}button,input,textarea,select{font:inherit}button{cursor:pointer}
.topbar{height:68px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 clamp(16px,4vw,54px);position:sticky;top:0;z-index:10}.brand{font:22px Georgia,serif;color:#734e4c}.brand small{display:block;margin-top:2px;font:10px Inter,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:#a79590}.top-actions{display:flex;gap:9px}.pill{border:1px solid var(--line);border-radius:999px;background:white;color:#554c49;padding:10px 15px;font-size:12px}.pill.primary{background:var(--rose);border-color:var(--rose);color:#fff}.layout{max-width:1500px;margin:auto;padding:24px clamp(12px,3vw,38px) 44px;display:grid;grid-template-columns:minmax(360px,510px) minmax(420px,1fr);gap:22px;align-items:start}.panel{background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow)}.editor{padding:23px;max-height:calc(100vh - 90px);overflow:auto;position:sticky;top:80px}.eyebrow{font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--rose-dark);font-weight:800}.editor h1{font:30px/1.08 Georgia,serif;margin:8px 0}.sub{font-size:13px;line-height:1.55;color:var(--muted);margin:0 0 18px}.step-head{display:flex;align-items:center;justify-content:space-between;margin:20px 0 11px}.step-head h2{font-size:14px;margin:0}.step{font-size:11px;color:#a28d88}.template-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.template{border:1px solid var(--line);border-radius:11px;background:white;padding:6px;text-align:left}.template.active{border:2px solid var(--rose);padding:5px;box-shadow:0 0 0 3px #b86f7314}.swatch{height:54px;border-radius:7px;display:grid;place-items:center;font:12px Georgia,serif}.template-name{display:block;font-size:10px;line-height:1.2;margin:5px 2px 1px;font-weight:650}.swatch.rose{background:linear-gradient(135deg,#f5e6e2,#fffaf6);color:#9d6769}.swatch.garden{background:linear-gradient(135deg,#dfe6d7,#faf4e9);color:#596d54}.swatch.red{background:linear-gradient(135deg,#7b252d,#bd7772);color:#fff0df}.swatch.editorial{background:linear-gradient(90deg,#e5ddd4 49%,#fff 50%);color:#4a403c}.swatch.sea{background:linear-gradient(135deg,#c5e1df,#f5f7f3);color:#3d7779}.swatch.vintage{background:linear-gradient(135deg,#e8d8b8,#faf3e2);color:#84653f}.swatch.luxury{background:linear-gradient(135deg,#221e1b,#55473b);color:#e7cb8a}.swatch.terrace{background:linear-gradient(135deg,#f4d8cb,#e6c49c);color:#805749}.divider{height:1px;background:var(--line);margin:18px 0}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.field{display:flex;flex-direction:column;gap:5px;min-width:0}.field.full{grid-column:1/-1}.field label,.label{font-size:11px;color:#625a57;font-weight:700}.field input,.field textarea,.field select{width:100%;min-width:0;border:1px solid #e6dfda;border-radius:9px;padding:10px 11px;background:white;color:var(--ink);outline:none;font-size:12px}.field input:focus,.field textarea:focus,.field select:focus{border-color:#bb7b7d;box-shadow:0 0 0 3px #bb7b7d20}.field textarea{min-height:65px;resize:vertical}.field input[type=file]{font-size:11px;padding:8px}.hint{font-size:10px;color:#8d8581;line-height:1.4}.checkline{display:flex;gap:8px;align-items:flex-start;color:#655c58;font-size:11px;line-height:1.4}.checkline input{accent-color:var(--rose);margin:1px 0 0}.family-fields[hidden]{display:none}.photo-list{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-top:7px}.photo-thumb{position:relative;aspect-ratio:1;border-radius:8px;overflow:hidden;background:#f2eeeb}.photo-thumb img{width:100%;height:100%;object-fit:cover}.photo-thumb button{position:absolute;top:3px;right:3px;border:0;border-radius:50%;width:23px;height:23px;background:#2e2528cc;color:#fff;font-size:13px}.photo-thumb .move{position:absolute;top:auto;right:auto;bottom:3px;left:3px;width:auto;height:22px;border-radius:6px;padding:0 6px;font-size:10px}.upgrade{border:1px solid #ead7c9;background:linear-gradient(120deg,#fff9f1,#fff);border-radius:13px;padding:13px;margin-top:18px}.upgrade strong{font-size:12px}.upgrade p{font-size:11px;line-height:1.5;color:#766963;margin:5px 0 9px}.upgrade .pill{width:100%;background:#3c3330;border-color:#3c3330;color:white}
.preview-wrap{min-width:0}.preview-toolbar{height:52px;display:flex;justify-content:space-between;align-items:center;padding:0 15px}.preview-title{font-size:12px;font-weight:750}.devices{display:flex;gap:4px;background:#f4f0ed;border-radius:999px;padding:3px}.device{border:0;border-radius:999px;padding:7px 10px;background:transparent;color:#736965;font-size:10px}.device.active{background:white;color:#483a36;box-shadow:0 1px 5px #21130814}.preview-stage{background:#e9e5e0;border-radius:0 0 18px 18px;padding:18px;min-height:calc(100vh - 155px);display:flex;justify-content:center;overflow:auto}.frame{width:min(100%,650px);background:white;box-shadow:0 10px 30px #33261e24;transition:width .2s}.frame.mobile{width:375px}.invite{--accent:#a86e70;--accent-ink:#634748;--paper:#fffdfa;--soft:#f6ece8;background:var(--paper);color:#443938;text-align:center;font-family:Georgia,"Times New Roman",serif;overflow:hidden}.invite.theme-garden{--accent:#748568;--accent-ink:#465443;--paper:#fffdf8;--soft:#eef1e8}.invite.theme-red{--accent:#983f45;--accent-ink:#6f282e;--paper:#fff9f4;--soft:#f5e7e6}.invite.theme-editorial{--accent:#534944;--accent-ink:#3d3430;--paper:#fff;--soft:#f0ece8}.invite.theme-sea{--accent:#4d8587;--accent-ink:#315e61;--paper:#fbfdfb;--soft:#e8f1ef}.invite.theme-vintage{--accent:#9a7953;--accent-ink:#6b5338;--paper:#fffcf4;--soft:#f4eee2}.invite.theme-luxury{--accent:#c8a665;--accent-ink:#eadab8;--paper:#282421;--soft:#38302b;color:#f5ece0}.invite.theme-terrace{--accent:#bd7c67;--accent-ink:#875442;--paper:#fffaf7;--soft:#f7ebe5}
.hero{height:300px;position:relative;display:grid;place-items:center;overflow:hidden;background:radial-gradient(ellipse at 50% 15%,#fff7e8 0,#d8b6a1 42%,#705551 100%);color:#fff}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#1c151425,#1c15145c)}.hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:none}.hero.has-cover img{display:block}.hero.has-cover{background:#4c403c}.hero-copy{position:relative;z-index:1;padding:25px 18px;text-shadow:0 2px 14px #160e0d66}.hero .save{font:10px Inter,sans-serif;letter-spacing:.25em;text-transform:uppercase}.hero h1{font:clamp(35px,6vw,57px)/1.05 Georgia,serif;font-weight:400;margin:16px 0 12px}.hero .date{display:inline-block;border-top:1px solid #ffffffa8;border-bottom:1px solid #ffffffa8;padding:8px 14px;font:12px Inter,sans-serif;letter-spacing:.18em}.hero.photo-arch{border-radius:0 0 45% 45%/0 0 12% 12%}.hero.photo-film:before{content:"";position:absolute;z-index:1;inset:13px;border:1px solid #ffffff99;pointer-events:none}.hero.photo-polaroid{margin:14px 18px 0;border:9px solid #fff;border-bottom-width:24px;box-shadow:0 8px 24px #120d0d2a}.hero.photo-soft{border-radius:4px 4px 80px 4px}.intro{padding:32px 28px 24px}.ornament{color:var(--accent);font-size:17px;letter-spacing:.35em;margin-bottom:10px}.quote{max-width:440px;margin:auto;font:italic 17px/1.65 Georgia,serif;color:var(--accent-ink)}.family-block{padding:24px 24px 28px;background:var(--soft)}.family-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.family-card{border:1px solid color-mix(in srgb,var(--accent) 25%,transparent);border-radius:8px;padding:13px 9px;font:10px/1.55 Inter,sans-serif;color:var(--accent-ink)}.family-card strong{display:block;font:10px Inter,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:var(--accent);margin-bottom:5px}.couple-inline{font:clamp(23px,4vw,34px) Georgia,serif;color:var(--accent-ink);margin:19px 0 5px}.couple-inline span{color:var(--accent);font-style:italic;font-size:.75em}.roles{font:11px Inter,sans-serif;color:#766963}.invite-copy{padding:30px 24px 12px}.invite-copy h2{font:22px Georgia,serif;color:var(--accent-ink);margin:3px 0 8px}.invite-copy p{font:13px/1.65 Inter,sans-serif;color:#766966;margin:4px 0}.guest-name{color:var(--accent);font:italic 18px Georgia,serif;margin:12px 0 5px}.calendar{margin:20px auto 18px;width:150px;padding:15px;border:1px solid color-mix(in srgb,var(--accent) 40%,transparent);border-radius:75px 75px 8px 8px;color:var(--accent-ink)}.calendar small{display:block;font:9px Inter,sans-serif;letter-spacing:.17em;text-transform:uppercase;color:var(--accent)}.calendar strong{display:block;font:52px/.95 Georgia,serif;margin:8px 0}.calendar span{font:11px Inter,sans-serif;letter-spacing:.1em}.section-title{font:18px Georgia,serif;color:var(--accent-ink);margin:0 0 14px}.schedule{padding:22px 22px 25px}.schedule-list{display:grid;gap:10px;text-align:left}.event-card{display:grid;grid-template-columns:82px 1fr;gap:12px;padding:13px;border-left:2px solid var(--accent);background:var(--soft);border-radius:0 8px 8px 0}.event-time{font:12px/1.4 Inter,sans-serif;color:var(--accent);font-weight:750}.event-card strong{display:block;font:13px Georgia,serif;color:var(--accent-ink)}.event-card p{font:11px/1.45 Inter,sans-serif;margin:4px 0;color:#706763}.event-audience{font:9px Inter,sans-serif;color:var(--muted)}.locations{padding:24px;background:var(--soft)}.location-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.location-card{text-align:left;padding:14px;border-radius:8px;background:var(--paper);color:var(--accent-ink)}.location-card strong{font:10px Inter,sans-serif;letter-spacing:.12em;color:var(--accent);text-transform:uppercase}.location-card p{font:11px/1.55 Inter,sans-serif;margin:7px 0}.map-link{font:10px Inter,sans-serif;color:var(--accent);text-decoration:underline}.action-area{padding:25px 24px}.action-buttons{display:flex;justify-content:center;gap:9px;flex-wrap:wrap}.action{border:1px solid var(--accent);background:var(--accent);color:white;border-radius:999px;padding:10px 15px;font:10px Inter,sans-serif;letter-spacing:.06em}.action.secondary{background:transparent;color:var(--accent)}.rsvp-form{max-width:420px;margin:18px auto 0;padding:16px;background:var(--soft);border-radius:9px;text-align:left}.rsvp-form h3{text-align:center;font:16px Georgia,serif;color:var(--accent-ink);margin:0 0 12px}.rsvp-form input[type=text]{width:100%;padding:10px;border:1px solid var(--line);border-radius:7px;margin:4px 0;font:11px Inter,sans-serif}.radio-row{display:flex;gap:14px;flex-wrap:wrap;font:10px Inter,sans-serif;margin:9px 0}.gift-note{font:10px/1.5 Inter,sans-serif;color:#7e716a;margin:10px auto 0}.album{padding:28px 22px 30px}.album .section-title{margin-bottom:17px}.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.gallery-item{margin:0;overflow:hidden;border-radius:5px;aspect-ratio:4/5;background:var(--soft);box-shadow:0 3px 12px #251a1312}.gallery-item img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s}.gallery-item:hover img{transform:scale(1.04)}.gallery-item:nth-child(3n+2){aspect-ratio:1/1}.gallery-grid.photo-polaroid .gallery-item{padding:5px 5px 16px;background:#fff;border-radius:2px}.gallery-grid.photo-film .gallery-item{border:3px solid var(--accent);border-radius:1px}.gallery-grid.photo-soft .gallery-item{border-radius:45% 45% 6px 6px}.empty-gallery{font:11px Inter,sans-serif;color:#8d8581;padding:18px;border:1px dashed var(--line);border-radius:8px}.thanks{padding:25px 20px 35px;background:var(--soft);color:var(--accent-ink)}.thanks small{font:9px Inter,sans-serif;letter-spacing:.2em;text-transform:uppercase;color:var(--accent)}.thanks h2{font:26px Georgia,serif;margin:8px 0}.thanks p{font:12px Inter,sans-serif;margin:0}.music-toggle{position:sticky;bottom:12px;float:right;margin:-55px 12px 12px;border:0;border-radius:999px;padding:10px;background:var(--accent);color:#fff;box-shadow:0 4px 15px #0002;font-size:11px;z-index:2}.notice{position:fixed;left:50%;bottom:18px;transform:translateX(-50%);padding:10px 14px;background:#302b2b;color:white;border-radius:10px;font:11px Inter,sans-serif;opacity:0;pointer-events:none;transition:.2s;z-index:30}.notice.show{opacity:1}
@media(max-width:950px){.layout{grid-template-columns:1fr;max-width:720px}.editor{position:static;max-height:none;order:1}.preview-wrap{order:2}.preview-stage{min-height:auto}}@media(max-width:520px){.layout{padding:12px 9px 26px;gap:13px}.editor{padding:17px}.template-grid{grid-template-columns:repeat(4,1fr)}.swatch{height:44px}.template-name{font-size:9px}.preview-stage{padding:8px}.hero{height:250px}.family-block,.schedule,.locations,.action-area,.album{padding-left:15px;padding-right:15px}.family-card{font-size:9px;padding:10px 6px}.event-card{grid-template-columns:67px 1fr;padding:10px;gap:8px}.location-grid{grid-template-columns:1fr}.gallery-grid{grid-template-columns:repeat(2,1fr)}.topbar{height:60px;padding:0 13px}.top-actions .save-draft{display:none}}


/* Alternating full-screen story pages and scroll-reveal motion */
.story-help{margin:-3px 0 11px}.story-pairs-editor{display:grid;gap:11px}.story-pair-editor{border:1px solid #eadfdb;border-radius:12px;padding:12px;background:#fffdfb}.story-pair-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px}.story-pair-head strong{font-size:11px;color:#765858}.story-pair-actions{display:flex;gap:4px}.story-pair-actions button{border:1px solid var(--line);border-radius:7px;background:white;color:#6a5b57;padding:5px 8px;font-size:10px}.story-pair-editor .field{margin:8px 0}.story-pair-editor textarea{min-height:76px}.story-page-photos{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-top:7px}.story-page-thumb{position:relative;aspect-ratio:1;border-radius:7px;overflow:hidden;background:#f2eeeb}.story-page-thumb img{width:100%;height:100%;object-fit:cover}.story-page-thumb button{position:absolute;top:3px;right:3px;border:0;border-radius:50%;width:21px;height:21px;background:#2e2528cc;color:#fff}.add-story{width:100%;border-style:dashed;color:#8a5e60;background:#fffafa}
.story-sequence{font-family:Georgia,"Times New Roman",serif}.story-page{min-height:min(92vh,820px);padding:clamp(28px,6vw,58px);display:flex;align-items:center;justify-content:center;position:relative;isolation:isolate;overflow:hidden}.story-text-page{background:linear-gradient(150deg,var(--paper),var(--soft));text-align:left}.story-text-page:before,.story-text-page:after{content:"";position:absolute;z-index:-1;border:1px solid color-mix(in srgb,var(--accent) 22%,transparent);border-radius:50%;width:260px;height:260px}.story-text-page:before{top:-145px;right:-100px}.story-text-page:after{bottom:-180px;left:-115px;width:330px;height:330px}.story-text-inner{max-width:470px;width:100%;margin:auto}.story-kicker{font:9px Inter,sans-serif;letter-spacing:.23em;text-transform:uppercase;color:var(--accent);margin-bottom:19px}.story-text-inner h2{font:clamp(29px,5vw,45px)/1.12 Georgia,serif;color:var(--accent-ink);font-weight:400;margin:0 0 18px}.story-text-inner p{font:clamp(14px,2vw,17px)/1.85 Georgia,serif;color:#756966;white-space:pre-line;margin:0}.story-page-number{font:10px Inter,sans-serif;letter-spacing:.1em;color:var(--accent);margin-top:28px}.story-photo-page{background:var(--paper);flex-direction:column;gap:21px}.story-photo-heading{max-width:540px;width:100%;text-align:left}.story-photo-heading small{font:9px Inter,sans-serif;letter-spacing:.2em;text-transform:uppercase;color:var(--accent)}.story-photo-heading h2{font:clamp(22px,3.5vw,31px) Georgia,serif;color:var(--accent-ink);font-weight:400;margin:7px 0 0}.story-photo-grid{width:min(100%,540px);height:min(61vh,530px);min-height:300px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:9px}.story-photo-tile{position:relative;overflow:hidden;min-width:0;min-height:0;background:var(--soft);border-radius:5px;box-shadow:0 8px 24px #251a1312}.story-photo-tile img{width:100%;height:100%;display:block;object-fit:cover;transition:transform 1.1s cubic-bezier(.2,.65,.25,1)}.story-photo-tile.is-visible img{transform:scale(1.025)}.story-photo-grid.count-1{grid-template-columns:1fr;grid-template-rows:1fr;width:min(100%,460px);height:min(64vh,570px)}.story-photo-grid.count-2{grid-template-columns:1fr 1fr;grid-template-rows:1fr}.story-photo-grid.count-3 .story-photo-tile:first-child{grid-row:span 2}.story-photo-grid.count-4{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}.story-photo-grid.count-5,.story-photo-grid.count-6{grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr)}.story-photo-grid.photo-polaroid .story-photo-tile{padding:6px 6px 17px;background:white;border-radius:2px}.story-photo-grid.photo-film .story-photo-tile{border:3px solid var(--accent);border-radius:1px}.story-photo-grid.photo-arch .story-photo-tile{border-radius:45% 45% 6px 6px}.story-photo-grid.photo-soft .story-photo-tile{border-radius:5px 5px 55px 5px}.story-empty-photo{width:min(100%,540px);height:300px;border:1px dashed color-mix(in srgb,var(--accent) 35%,transparent);border-radius:12px;display:grid;place-items:center;padding:28px;background:var(--soft);font:12px/1.6 Inter,sans-serif;color:#8d8581;text-align:center}.story-empty-photo strong{display:block;font:20px Georgia,serif;color:var(--accent-ink);margin-bottom:7px}.motion-ready .reveal{opacity:0;transform:translateY(28px);transition:opacity .72s ease,transform .72s cubic-bezier(.2,.7,.25,1);transition-delay:var(--reveal-delay,0ms)}.motion-ready .photo-reveal{transform:translateY(22px) scale(.965)}.motion-ready .reveal.is-visible{opacity:1;transform:translateY(0) scale(1)}.story-photo-tile.reveal{transition-duration:.9s}.story-photo-tile:nth-child(2){--reveal-delay:100ms}.story-photo-tile:nth-child(3){--reveal-delay:180ms}.story-photo-tile:nth-child(4){--reveal-delay:260ms}.story-photo-tile:nth-child(5){--reveal-delay:340ms}.story-photo-tile:nth-child(6){--reveal-delay:420ms}.frame.mobile .story-page{min-height:680px;padding:30px 20px}.frame.mobile .story-photo-grid{height:420px;min-height:260px;gap:6px}.frame.mobile .story-photo-grid.count-5,.frame.mobile .story-photo-grid.count-6{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(3,1fr)}.frame.mobile .story-photo-grid.count-3 .story-photo-tile:first-child{grid-row:span 2}
@media(max-width:520px){.story-pair-editor{padding:10px}.story-page{min-height:680px;padding:32px 22px}.story-photo-grid{height:430px;min-height:260px;gap:6px}.story-photo-grid.count-5,.story-photo-grid.count-6{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(3,1fr)}.story-photo-grid.count-3 .story-photo-tile:first-child{grid-row:span 2}.story-text-inner h2{font-size:31px}.story-text-inner p{font-size:15px}}
@media(prefers-reduced-motion:reduce){.motion-ready .reveal,.motion-ready .photo-reveal,.motion-ready .reveal.is-visible{opacity:1;transform:none;transition:none}.story-photo-tile img{transition:none}}