:root{font-family:Segoe UI,Arial,sans-serif;color:#1d1a18;background:#f3f1ed;font-synthesis:none}*{box-sizing:border-box}button,input{font:inherit}button{cursor:pointer}body{margin:0;min-width:320px;min-height:100vh;-webkit-font-smoothing:antialiased}.builder-shell{min-height:100vh;display:grid;grid-template-columns:470px minmax(0,1fr);background:#f3f1ed}.editor-panel{height:100vh;background:#fff;display:grid;grid-template-rows:auto minmax(0,1fr) auto;border-right:1px solid #e6e2dc;position:relative;z-index:10}.editor-head{padding:24px 28px 20px;border-bottom:1px solid #ede9e4;display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.eyebrow{display:block;color:#ef5350;font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;margin-bottom:5px}.editor-head h1{font-size:21px;margin:0;letter-spacing:-.035em}.mobile-collapse{display:none;border:0;background:#f4f2ef;padding:9px 12px;border-radius:12px;font-size:12px;font-weight:700}.editor-scroll{overflow-y:auto;padding:0 28px 28px}.field-section{padding:24px 0;border-bottom:1px solid #eeeae5}.section-title{display:flex;align-items:center;gap:10px;margin-bottom:16px}.section-title span{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:#fff0ef;color:#ee4f4b;font-size:11px;font-weight:800}.section-title h2{margin:0;font-size:15px}.theme-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.theme-card{border:2px solid transparent;padding:4px 4px 9px;background:#f6f4f1;border-radius:14px;color:#282321;font-size:11px;font-weight:700;text-align:left;transition:.2s ease}.theme-card:hover{transform:translateY(-2px)}.theme-card.active{border-color:#f45653;background:#fff;box-shadow:0 7px 20px #f4565329}.theme-card img{display:block;width:100%;aspect-ratio:.73;object-fit:cover;border-radius:9px;margin-bottom:7px}.theme-card span{padding:0 3px}.field-grid{display:grid;gap:12px}.field-grid.two{grid-template-columns:1fr 1fr}label{display:grid;gap:7px;margin:0 0 13px;color:#746c66;font-size:11px;font-weight:700}input{width:100%;border:1px solid #dfdbd5;border-radius:12px;padding:12px 13px;outline:none;color:#211e1c;background:#fff;transition:border .2s,box-shadow .2s}input:focus{border-color:#ef5652;box-shadow:0 0 0 3px #ef56521a}.editor-actions{padding:16px 20px 20px;display:grid;grid-template-columns:.85fr 1.4fr;gap:10px;background:#fffffff5;border-top:1px solid #e8e3dd}.editor-actions button{min-height:50px;border-radius:14px;font-weight:800;border:0}.preview-button{background:#f3f1ed;color:#514b47}.publish-button{background:#ef5350;color:#fff;box-shadow:0 10px 24px #ef535047}.preview-stage{height:100vh;overflow:hidden;position:relative;display:grid;grid-template-rows:64px minmax(0,1fr);background:radial-gradient(circle at 65% 40%,#fff 0,#f0ece6,#dfd8cf)}.topbar{display:flex;justify-content:space-between;align-items:center;padding:0 28px;color:#777069;font-size:12px}.brand{display:flex;align-items:center;gap:9px;color:#25211f;font-weight:800;font-size:15px}.brand-mark{width:30px;height:30px;border-radius:10px;display:grid;place-items:center;background:#22201e;color:#fff;font-family:Georgia,serif}.phone-frame{width:390px;height:calc(100vh - 92px);max-height:820px;align-self:center;justify-self:center;border:10px solid #171615;border-radius:46px;overflow:hidden;background:#fff;box-shadow:0 28px 70px #372d263d}.invitation{height:100%;overflow-y:auto;scrollbar-width:none;background:#f7f2e9}.invitation::-webkit-scrollbar{display:none}.invite-hero{height:100%;min-height:600px;background-size:cover;background-position:center;position:relative;display:grid;place-items:center;text-align:center;color:#fff}.hero-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0a07056b,#0a07050d 45%,#0a070561)}.invitation.light .hero-overlay{background:linear-gradient(180deg,#ffffff1f,#ffffff0f,#4b37282e)}.hero-copy{position:relative;z-index:1;padding:30px;text-shadow:0 2px 16px rgba(0,0,0,.3)}.light .hero-copy{color:#5b4b41;text-shadow:0 2px 16px rgba(255,255,255,.9)}.hero-copy p{margin:0 0 20px;font-size:11px;text-transform:uppercase;letter-spacing:.2em;font-weight:700}.hero-copy h2{font-family:Georgia,serif;font-size:42px;line-height:1.2;font-weight:400;margin:0 0 22px;display:grid}.hero-copy h2 em{font-style:normal;font-size:24px;line-height:.9;opacity:.8}.hero-copy>span{font-family:Georgia,serif;letter-spacing:.18em;font-size:14px}.scroll-hint{position:absolute;z-index:1;bottom:25px;font-size:10px;letter-spacing:.08em;opacity:.82}.invite-content{padding:54px 30px 64px;text-align:center;color:#3d332d;background:linear-gradient(#fbf8f2,#f4ecdf)}.ornament{font-family:Georgia,serif;width:36px;height:36px;border:1px solid #bcae9f;border-radius:50%;display:grid;place-items:center;margin:0 auto 24px}.invite-content h3{font-family:Georgia,serif;font-size:26px;font-weight:400;margin:0 0 20px}.invite-content>p:not(.ornament){font-family:Georgia,serif;font-size:15px;line-height:1.8;margin:0;color:#6d5e53}.countdown{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:34px 0}.countdown div{background:#ffffffb8;border:1px solid #e3d8ca;border-radius:16px;padding:15px 5px;display:grid;gap:4px}.countdown strong{font-family:Georgia,serif;font-size:20px;font-weight:400}.countdown span{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:#9b8878}.details-card{padding:24px 20px;background:#fff;border-radius:22px;box-shadow:0 12px 32px #59463517;display:grid;gap:7px}.details-card small{margin-top:10px;color:#a08d7c;text-transform:uppercase;letter-spacing:.1em;font-size:9px}.details-card small:first-child{margin-top:0}.details-card strong{font-family:Georgia,serif;font-weight:400;font-size:14px}.rsvp{width:100%;border:0;border-radius:15px;background:#57463a;color:#fff;padding:16px;margin-top:16px;font-weight:700}.mobile-edit-button{display:none}.success-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:grid;place-items:center;padding:20px;background:#1b17148f;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.success-card{width:min(440px,100%);background:#fff;border-radius:28px;padding:34px;text-align:center;box-shadow:0 24px 80px #00000040}.success-mark{display:inline-block;color:#28955f;background:#e7f7ee;border-radius:999px;padding:7px 11px;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.success-card h2{margin:18px 0 10px;font-size:25px}.success-card p{margin:0 0 24px;color:#6f6862;line-height:1.65}.success-card button{border:0;border-radius:14px;background:#ef5350;color:#fff;padding:14px 20px;font-weight:800}@media(max-width:900px){.builder-shell{display:block;min-height:100dvh}.preview-stage{height:100dvh;display:block;overflow-y:auto;background:#f7f2e9}.topbar{display:none}.phone-frame{width:100%;height:auto;max-height:none;border:0;border-radius:0;overflow:visible;box-shadow:none}.invitation{height:auto;overflow:visible}.invite-hero{min-height:100dvh}.editor-panel{position:fixed;inset:auto 0 0;z-index:20;height:min(82dvh,720px);border:0;border-radius:28px 28px 0 0;box-shadow:0 -20px 60px #211b173d;transition:transform .35s ease}.editor-panel.is-closed{transform:translateY(calc(100% + 20px))}.editor-head{padding:18px 20px 14px}.editor-head h1{font-size:18px}.mobile-collapse{display:block}.editor-scroll{padding:0 20px 20px}.theme-card img{aspect-ratio:.78}.editor-actions{padding-bottom:calc(14px + env(safe-area-inset-bottom))}.mobile-edit-button{display:block;position:fixed;z-index:15;left:16px;right:16px;bottom:calc(16px + env(safe-area-inset-bottom));border:0;border-radius:16px;min-height:54px;background:#ef5350;color:#fff;font-weight:800;box-shadow:0 10px 30px #ef53505c}}@media(max-width:420px){.theme-grid{gap:7px}.theme-card{font-size:10px}.field-grid.two{grid-template-columns:1fr 1fr;gap:8px}input{padding:11px}}