:root{color:#111827;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#fbfaf8;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}p,h1,h2{margin-top:0}.home-shell,.app-shell,.builder-shell{min-height:100svh}.home-shell{background:linear-gradient(135deg,#fff7e8fa,#f9efddf2),linear-gradient(90deg,#ff2fb31f,#7ddcff29);position:relative;overflow:hidden}.topbar,.app-header,.editor-header{justify-content:space-between;align-items:center;gap:20px;display:flex}.topbar{z-index:2;max-width:1180px;margin:0 auto;padding:24px;position:relative}.topbar strong{color:#111827;font-size:24px}.site-logo{background:#fff7e8c7;border:1px solid #ff2fb333;border-radius:8px;justify-content:center;align-items:center;width:56px;height:56px;display:inline-flex;position:relative;box-shadow:0 14px 36px #ff2fb324}.logo-button{cursor:pointer;flex:none;padding:0}.logo-hand{font-size:30px;line-height:1}.logo-heart{color:#fff;background:#ff2fb3;border:2px solid #fff7e8;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:14px;font-weight:900;line-height:1;display:flex;position:absolute;top:-7px;right:-7px;box-shadow:0 0 18px #ff2fb3b8}.celebration-bg{pointer-events:none;z-index:0;position:absolute;inset:0}.celebration-bg span{filter:drop-shadow(0 12px 18px #ff2fb324);opacity:.5;font-size:34px;position:absolute}.celebration-bg span:first-child{top:18%;left:7%}.celebration-bg span:nth-child(2){top:15%;right:9%}.celebration-bg span:nth-child(3){top:55%;left:15%}.celebration-bg span:nth-child(4){top:48%;right:18%}.celebration-bg span:nth-child(5){bottom:14%;left:4%}.celebration-bg span:nth-child(6){bottom:18%;right:7%}.celebration-bg span:nth-child(7){top:22%;left:30%}.celebration-bg span:nth-child(8){top:24%;right:30%}.celebration-bg span:nth-child(9){bottom:18%;left:25%}.celebration-bg span:nth-child(10){bottom:15%;right:26%}.celebration-bg span:nth-child(11){top:13%;left:47%}.celebration-bg span:nth-child(12){bottom:12%;right:47%}.nav-link,.eyebrow,.mini-label{color:#ff2fb3;letter-spacing:.08em;text-transform:uppercase;font-size:12px;font-weight:800}.nav-link{cursor:pointer;background:0 0;border:1px solid #ff2fb359;border-radius:999px;min-height:38px;padding:0 16px}.home-hero{text-align:center;z-index:1;justify-content:center;align-items:center;max-width:1180px;min-height:calc(100svh - 82px);margin:0 auto;padding:16px 24px 96px;display:flex;position:relative}.hero-copy{max-width:680px}.hero-copy.centered{margin:0 auto}.brand-lockup{z-index:0;padding-top:28px;display:inline-block;position:relative}.brand-lockup:before{content:"🫰";filter:drop-shadow(0 18px 34px #ff2fb385);opacity:.62;z-index:-1;background:radial-gradient(circle,#ff2fb357,#7ddcff2e,#0000 70%);border-radius:50%;padding:20px;font-size:clamp(150px,24vw,280px);position:absolute;top:52%;left:50%;transform:translate(-50%,-50%)rotate(-10deg)}.brand-lockup span{color:#1677c8;z-index:1;font-size:clamp(18px,3vw,30px);font-weight:900;line-height:1;position:absolute;top:0;left:.12em}.brand-lockup h1{z-index:1;position:relative}.hero-copy h1,.app-header h1,.editor-header h1{color:#111827;margin:12px 0 20px;font-size:clamp(38px,6vw,76px);line-height:.98}.hero-copy.centered h1{color:#ff2fb3;letter-spacing:0;text-shadow:0 12px 34px #ff2fb32e;margin:0 0 14px;font-size:clamp(74px,15vw,176px)}.hero-description{color:#1677c8;z-index:2;max-width:620px;margin-left:auto;margin-right:auto;padding:12px 18px 0;font-size:24px;font-weight:850;line-height:1.45;position:relative}.primary-action,.secondary-action,.ghost-action,.card-actions button,.section-title button,.element-chip,.type-tile,.palette-button{cursor:pointer;font:inherit;border:0;border-radius:8px}.primary-action,.secondary-action,.ghost-action{justify-content:center;align-items:center;gap:10px;min-height:44px;padding:0 18px;font-weight:800;display:inline-flex}.primary-action{color:#fff;background:#ff2fb3;margin-top:30px}.primary-action:disabled,.secondary-action:disabled,.type-tile:disabled{cursor:not-allowed;opacity:.55}.secondary-action{color:#fff;background:#ff2fb3}.ghost-action{color:#111827;background:#f3f4f6}.google-dot{color:#1677c8;background:#fff7e8;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-weight:900;display:inline-flex}.phone-preview{background:#fff7e8;border:1px solid #1118271a;border-radius:28px;width:100%;max-width:390px;margin-left:auto;overflow:hidden;box-shadow:0 30px 80px #1118272e}.preview-cover{color:#ff2fb3;background:linear-gradient(135deg,#fff7e8,#7ddcff);justify-content:center;align-items:center;gap:46px;height:220px;font-size:52px;display:flex}.preview-body{padding:28px}.preview-body h2{color:#111827;margin:6px 0 12px;font-size:36px}.preview-body p{color:#4b5563}.mini-gallery{grid-template-columns:repeat(3,1fr);gap:8px;margin:24px 0;display:grid}.mini-gallery span{aspect-ratio:1;background:linear-gradient(135deg,#f3f4f6,#f7d9c5);border-radius:8px}.samples-shell{background:linear-gradient(135deg,#fff7e8fc,#f9efddf5),linear-gradient(90deg,#ff2fb31a,#7ddcff24);min-height:100svh;padding-bottom:56px;position:relative}.page-topbar{padding-bottom:4px}.page-back{color:#111827;cursor:pointer;font:inherit;background:#fff7e8;border:1px solid #ff2fb359;border-radius:8px;min-height:40px;padding:0 14px;font-weight:800}.samples-header{text-align:center;max-width:1180px;margin:0 auto;padding:24px}.samples-header h1{color:#111827;margin:10px 0 14px;font-size:clamp(38px,6vw,72px);line-height:1}.samples-header p:not(.eyebrow){color:#4b5563;max-width:680px;margin:0 auto;font-size:18px}.samples-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;max-width:1180px;margin:0 auto;padding:12px 24px;display:grid}.sample-frame{border-radius:8px;min-width:0;position:relative}.sample-frame .public-page.embedded{border-radius:8px}.sample-art{z-index:2;background:#fff7e8;border:1px solid #11182714;border-radius:8px;justify-content:center;align-items:center;width:68px;height:68px;font-size:36px;display:flex;position:absolute;top:18px;left:18px;box-shadow:0 10px 28px #1118271f}.sample-frame .public-cover{min-height:300px}.sample-frame .public-cover h1{font-size:clamp(36px,5vw,58px)}.sample-frame .public-content{padding:24px 18px}.app-shell{background:#f9efdd;padding:32px}.app-header,.status-strip,.event-grid,.type-grid,.subscription-grid,.sticky-footer{max-width:1180px;margin:0 auto}.app-header{margin-bottom:24px}.header-title-row{align-items:center;gap:16px;display:flex}.header-right{align-items:center;gap:12px;display:flex}.app-header h1,.editor-header h1{font-size:clamp(32px,4vw,54px)}.status-strip{background:#fff7e8;border:1px solid #ece7df;border-radius:8px;grid-template-columns:1fr 1fr 1fr auto;align-items:center;gap:16px;padding:18px;display:grid}.header-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:12px;display:flex}.user-badge{background:#fff;border:1px solid #ece7df;border-radius:999px;align-items:center;gap:12px;padding:6px 8px 6px 6px;display:flex}.user-avatar{object-fit:cover;border-radius:50%;flex-shrink:0;width:40px;height:40px}.user-avatar-fallback{color:#fff;background:linear-gradient(135deg,#ff2fb3,#7ddcff);justify-content:center;align-items:center;font-size:16px;font-weight:700;display:inline-flex}.user-badge-copy{gap:2px;min-width:0;display:grid}.user-badge-copy strong{color:#111827;text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.user-badge-copy span,.welcome-pill span{color:#6b7280;font-size:12px}.user-badge .ghost-action{margin-left:4px}.welcome-pill{gap:2px;display:grid}.welcome-pill strong{color:#111827;text-overflow:ellipsis;white-space:nowrap;font-size:15px;overflow:hidden}.status-strip div{gap:2px;display:grid}.status-strip strong{color:#111827;font-size:26px}.status-strip span,.section-title span,.publish-panel p,.event-card small{color:#6b7280}.status-strip .primary-action{margin-top:0}.samples-strip-btn{border:1.5px solid var(--brand);color:var(--brand);cursor:pointer;letter-spacing:.01em;white-space:nowrap;background:0 0;border-radius:8px;margin-top:0;padding:7px 18px;font-size:.85rem;font-weight:600;transition:background .18s,color .18s}.samples-strip-btn:hover{background:var(--brand);color:#fff}.notice{color:#9a3412;background:#fff7ed;border:1px solid #fed7aa;border-radius:8px;max-width:1180px;margin:18px auto 0;padding:12px 14px}.success-notice{color:#166534;background:#ecfdf5;border-color:#bbf7d0}.event-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:24px;display:grid}.empty-state{background:#fff7e8;border:1px solid #ece7df;border-radius:8px;grid-column:1/-1;padding:42px}.empty-state h2,.event-card h2,.form-section h2,.publish-panel h2{color:#111827;margin:0 0 8px}.event-card{background:#fff7e8;border:1px solid #ece7df;border-radius:8px;overflow:hidden}.event-swatch{color:#11182794;justify-content:center;align-items:center;gap:26px;height:150px;font-size:42px;display:flex}.event-card-body{padding:18px}.event-card-body p{color:#4b5563;margin:0 0 10px}.card-actions{border-top:1px solid #f1eee8;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));display:grid}.card-actions button{color:#374151;background:#fff7e8;border-right:1px solid #f1eee8;min-height:42px}.card-actions button:last-child{color:#ff2fb3;border-right:0}.type-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.subscription-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:24px;display:grid}.plan-list{color:#374151;gap:10px;margin:0;padding-left:20px;display:grid}.subscription-grid .primary-action,.subscription-grid .secondary-action{justify-self:start;margin-top:0}.plan-featured{position:relative;box-shadow:0 0 0 4px #ff2fb314;border:2px solid #ff2fb3!important}.plan-badge{color:#fff;letter-spacing:.08em;text-transform:uppercase;background:linear-gradient(90deg,#ff2fb3,#7ddcff);border-radius:6px 6px 0 0;margin:-18px -18px 14px;padding:6px 14px;font-size:11px;font-weight:800}.plan-price{color:#ff2fb3;margin:4px 0 0;font-size:28px;font-weight:900;line-height:1}.plan-policy-note{color:#9a3412;background:#fff7ed;border:1px solid #fed7aa;border-radius:6px;margin:12px 0 0;padding:8px 10px;font-size:12px}.type-tile{color:#111827;text-align:left;background:#fff7e8;border:1px solid #ece7df;gap:8px;min-height:126px;padding:18px;display:grid}.type-tile span{color:#6b7280}.type-tile.selected{border-color:#ff2fb3;box-shadow:inset 0 0 0 1px #ff2fb3}.sticky-footer{background:#fff7e8;border:1px solid #ece7df;border-radius:8px;justify-content:space-between;align-items:center;margin-top:24px;padding:16px;display:flex}.sticky-footer .primary-action{margin-top:0}.builder-shell{background:#f9efdd;grid-template-columns:minmax(0,1fr) minmax(360px,500px);display:grid}.editor-panel{padding:32px}.editor-header{margin-bottom:22px}.form-section,.publish-panel{background:#fff7e8;border:1px solid #ece7df;border-radius:8px;gap:16px;margin-bottom:16px;padding:18px;display:grid}.form-section label{color:#374151;gap:8px;font-weight:750;display:grid}input,select,textarea{box-sizing:border-box;color:#111827;font:inherit;background:#fffaf1;border:1px solid #d8d3ca;border-radius:8px;width:100%;min-height:44px;padding:10px 12px}textarea{resize:vertical;min-height:110px}input[type=color]{padding:4px}.split-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.split-fields.three{grid-template-columns:repeat(3,minmax(0,1fr))}.section-title{justify-content:space-between;align-items:center;gap:12px;display:flex}.section-title>div{min-width:0}.subsection-title{justify-content:space-between;align-items:end;gap:12px;margin-top:4px;display:flex}.subsection-title h3{color:#111827;margin:0;font-size:18px}.subsection-title span{color:#6b7280;font-size:13px}.section-title button{color:#111827;background:#f3f4f6;min-height:36px;padding:0 12px}.control-label{color:#374151;margin:0 0 8px;font-size:13px;font-weight:800}.segmented-row{background:#f7ead5;border:1px solid #ece7df;border-radius:8px;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;padding:4px;display:grid}.segmented-row.four{grid-template-columns:repeat(3,minmax(0,1fr))}.segmented-row button{color:#374151;cursor:pointer;font:inherit;text-transform:capitalize;background:0 0;border:0;border-radius:6px;min-height:34px;font-size:13px;font-weight:800}.segmented-row button.selected{color:#fff;background:#1677c8}.palette-row,.element-row,.pattern-row,.photo-strip,.publish-actions{flex-wrap:wrap;gap:10px;display:flex}.theme-preset-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.theme-preset{color:#111827;cursor:pointer;text-align:left;background:#fffaf1;border:1px solid #ece7df;border-radius:8px;gap:8px;min-height:112px;padding:12px;display:grid}.theme-preset small{color:#6b7280;text-overflow:ellipsis;white-space:nowrap;font-size:16px;overflow:hidden}.theme-effect{--theme-primary:#ff2fb3;--theme-secondary:#fff7e8;--theme-highlight:#7ddcff;border-radius:8px;height:34px;display:block;position:relative;overflow:hidden}.theme-effect-plain{background:var(--theme-secondary);border:1px solid #1118271a}.theme-effect-confetti{background:radial-gradient(circle at 18% 30%, var(--theme-primary) 0 6px, transparent 7px), radial-gradient(circle at 44% 62%, var(--theme-highlight) 0 5px, transparent 6px), radial-gradient(circle at 72% 28%, #ffd166 0 5px, transparent 6px), linear-gradient(135deg, var(--theme-secondary), #fffaf1)}.theme-effect-hearts{background:radial-gradient(circle at 22% 50%, var(--theme-primary) 0 11px, transparent 12px), radial-gradient(circle at 40% 50%, #ff8ac8 0 10px, transparent 11px), linear-gradient(135deg, #fffaf1, var(--theme-highlight))}.theme-effect-bubbles{background:radial-gradient(circle at 22% 50%, #ffffffe6 0 12px, transparent 13px), radial-gradient(circle at 62% 42%, var(--theme-highlight) 0 13px, transparent 14px), linear-gradient(135deg, var(--theme-primary), #e8f8ff)}.theme-effect-rings{background:radial-gradient(circle at 24% 50%, transparent 0 9px, var(--theme-highlight) 10px 14px, transparent 15px), radial-gradient(circle at 46% 50%, transparent 0 9px, var(--theme-primary) 10px 14px, transparent 15px), linear-gradient(135deg, var(--theme-secondary), #fff7e8)}.palette-button{color:#374151;background:#f7ead5;align-items:center;gap:7px;min-height:40px;padding:0 10px;display:inline-flex}.palette-button span{border:1px solid #1118271f;border-radius:50%;width:16px;height:16px}.element-chip{color:#374151;background:#f7ead5;align-items:center;gap:8px;min-height:40px;padding:0 12px;display:inline-flex}.element-chip.selected{color:#fff;background:#111827}.pattern-button{color:#374151;cursor:pointer;font:inherit;background:#f7ead5;border:0;border-radius:8px;align-items:center;gap:8px;min-height:40px;padding:0 12px;font-weight:800;display:inline-flex}.pattern-button.selected{color:#fff;background:#1677c8}.story-add-actions{flex-wrap:wrap;gap:8px;display:flex}.mini-upload,.story-add-actions button,.block-actions button{color:#111827;cursor:pointer;font:inherit;background:#f3f4f6;border:0;border-radius:8px;justify-content:center;align-items:center;min-height:36px;padding:0 12px;font-size:13px;font-weight:800;display:inline-flex}.mini-upload input{display:none}.mini-upload.disabled,.block-actions button:disabled{cursor:not-allowed;opacity:.5}.story-block-list{gap:12px;display:grid}.story-block-editor{background:#fffaf1;border:1px solid #ece7df;border-radius:8px;gap:14px;padding:14px;display:grid}.story-block-editor header{justify-content:space-between;align-items:center;gap:12px;display:flex}.story-block-editor strong{color:#111827}.block-actions{flex-wrap:wrap;gap:6px;display:flex}.photo-edit-preview{background:#f7ead5;border-radius:8px;height:180px;overflow:hidden}.photo-edit-preview img{object-fit:cover;width:100%;height:100%}.upload-drop{cursor:pointer;text-align:center;border:1px dashed #c9c0b4;border-radius:8px;place-items:center;padding:22px}.upload-drop input{display:none}.upload-drop span{color:#111827}.upload-drop small{color:#6b7280}.photo-thumb{border-radius:8px;width:92px;height:92px;position:relative;overflow:hidden}.photo-thumb img{object-fit:cover;width:100%;height:100%}.photo-thumb button{color:#fff;cursor:pointer;background:#111827d1;border:0;border-radius:50%;width:24px;height:24px;position:absolute;top:6px;right:6px}.publish-panel{justify-content:space-between;align-items:center;display:flex}.publish-actions .primary-action{margin-top:0}.live-preview{background:#e8f8ff;max-height:100svh;padding:34px;position:sticky;top:0;overflow:auto}.public-page{--page-primary:#ff2fb3;--page-secondary:#fff7e8;--page-highlight:#7ddcff;background:var(--page-secondary);color:#242124;min-height:100svh;position:relative;overflow:hidden}.public-bg-decor{color:var(--page-primary);pointer-events:none;z-index:5;position:absolute;inset:0;overflow:hidden}.public-page.embedded{border-radius:20px;min-height:auto;overflow:hidden;box-shadow:0 22px 60px #11182729}.public-cover{background:radial-gradient(circle at 18% 18%, color-mix(in srgb, var(--page-highlight), #fff7e8 20%), transparent 28%), linear-gradient(135deg, var(--page-secondary), #fff7e8);text-align:center;z-index:2;place-items:center;min-height:56svh;padding:118px 22px 54px;display:grid;position:relative;overflow:hidden}.embedded .public-cover{min-height:360px}.live-preview .public-page.embedded{border-radius:8px}.live-preview .public-page.embedded .public-cover{min-height:520px;padding:104px 28px 48px}.live-preview .public-page.embedded .public-cover h1{overflow-wrap:break-word;max-width:100%;font-size:clamp(42px,4vw,72px)}.live-preview .public-page.embedded .decor{max-width:calc(100% - 48px)}.public-cover h1{color:var(--page-primary);overflow-wrap:break-word;max-width:900px;margin:10px auto 14px;font-family:Georgia,Times New Roman,serif;font-size:clamp(42px,8vw,92px);line-height:.96}.public-cover p:not(.mini-label){color:#4b5563;font-size:20px}.decor{color:var(--page-highlight);opacity:.82;flex-wrap:wrap;justify-content:center;gap:14px 22px;width:max-content;max-width:min(760px,100% - 44px);font-size:clamp(28px,5vw,48px);display:flex;position:absolute;top:30px;left:50%;transform:translate(-50%)}.decor span{background:#fff7e88f;border:1px solid #1118270f;border-radius:999px;justify-content:center;align-items:center;width:56px;height:56px;display:inline-flex}.countdown{background:var(--page-primary);color:#fff;border-radius:999px;margin-top:22px;padding:10px 18px;display:inline-flex}.public-content{z-index:2;gap:22px;max-width:980px;margin:0 auto;padding:44px 22px;display:grid;position:relative}.public-footer{z-index:2;position:relative}.story-row{gap:16px;display:grid}.message-card{color:#374151;background:#ffffffc7;border:1px solid #11182714;border-radius:8px;padding:22px;font-size:20px;line-height:1.6}.message-card.border-none{background:0 0;border-color:#0000}.message-card.border-soft{border-color:#ff2fb32e}.message-card.border-solid{border:2px solid var(--page-primary)}.message-card.border-glow{border:1px solid color-mix(in srgb, var(--page-highlight), white 25%);box-shadow:0 0 28px color-mix(in srgb, var(--page-highlight), transparent 45%)}.message-card.border-dashed{border:2px dashed var(--page-primary)}.message-card.border-double{border:4px double var(--page-primary)}.message-card.font-sweet{font-family:Georgia,Times New Roman,serif}.message-card.font-classic{font-family:Times New Roman,Georgia,serif}.message-card.font-playful{font-family:Comic Sans MS,Segoe Print,cursive}.message-card.font-clean{font-family:Inter,ui-sans-serif,system-ui,sans-serif}.message-card.font-script{font-family:Segoe Script,Brush Script MT,cursive}.message-card.font-rounded{font-family:Trebuchet MS,Arial Rounded MT Bold,sans-serif}.message-card.font-bold{font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-weight:900}.message-card.align-left{text-align:left}.message-card.align-center{text-align:center}.message-card.align-right{text-align:right}.location-line{color:var(--page-primary);text-align:center;font-weight:800}.public-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;width:100%;display:grid}.public-gallery.compact{max-width:420px}.public-gallery.medium{max-width:680px}.public-gallery.large{max-width:100%}.public-gallery.align-left{justify-self:start}.public-gallery.align-center{justify-self:center}.public-gallery.align-right{justify-self:end}.public-photo-block{border-radius:8px;width:100%;overflow:hidden}.public-photo-block.align-left{justify-self:start}.public-photo-block.align-center{justify-self:center}.public-photo-block.align-right{justify-self:end}.public-photo-block img{aspect-ratio:4/3;object-fit:cover;width:100%;height:auto;display:block}.public-photo-block.border-none{border:0}.public-photo-block.border-soft{border:1px solid #1118271a;padding:6px}.public-photo-block.border-solid{border:3px solid var(--page-primary);padding:6px}.public-photo-block.border-glow{border:1px solid color-mix(in srgb, var(--page-highlight), white 25%);box-shadow:0 0 30px color-mix(in srgb, var(--page-highlight), transparent 42%);padding:6px}.public-photo-block.border-dashed{border:2px dashed var(--page-primary);padding:6px}.public-photo-block.border-double{border:4px double var(--page-primary);padding:6px}.public-gallery img,.public-gallery span{aspect-ratio:1;background:linear-gradient(135deg, #fff7e8, var(--page-highlight));object-fit:cover;border-radius:8px;width:100%;display:block}.public-footer{color:#4b5563;border-top:1px solid #1118271a;justify-content:space-between;align-items:center;max-width:980px;margin:0 auto;padding:22px;display:flex}.public-footer strong{color:var(--page-primary)}.public-floating-nav{z-index:10;align-items:center;gap:10px;display:flex;position:fixed;top:18px;left:18px}.public-floating-nav .site-logo{width:46px;height:46px}.public-floating-nav .logo-hand{font-size:25px}.public-floating-nav .logo-heart{width:20px;height:20px;top:-6px;right:-6px}.floating-back{color:#111827;cursor:pointer;background:#fff7e8;border:1px solid #1118271f;border-radius:8px;min-height:40px;padding:0 14px}.missing-page{text-align:center;align-content:center;justify-items:center;padding:24px;display:grid}@media (width<=980px){.home-hero,.builder-shell{grid-template-columns:1fr}.phone-preview{margin:0}.event-grid,.type-grid,.subscription-grid,.samples-grid,.theme-preset-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.live-preview{max-height:none;padding:18px;position:static}}.checkbox-label{cursor:pointer;align-items:center;gap:12px;flex-direction:row!important;display:flex!important}.checkbox-label input{width:auto;min-height:auto}.spotify-embed-container{width:100%;margin-bottom:2rem}.ad-space-placeholder{color:#666;text-align:center;text-transform:uppercase;letter-spacing:.1em;background:#0000000d;border:2px dashed #0000001a;border-radius:12px;margin-top:3rem;padding:3rem 1rem;font-size:.8rem}@media (width<=680px){.topbar,.app-header,.editor-header,.status-strip,.sticky-footer,.publish-panel,.public-footer{flex-direction:column;align-items:stretch}.header-title-row{align-items:flex-start}.home-hero,.app-shell,.editor-panel{padding-left:16px;padding-right:16px}.hero-description,.public-cover p:not(.mini-label),.message-card{font-size:17px}.status-strip,.event-grid,.type-grid,.subscription-grid,.samples-grid,.theme-preset-grid,.split-fields,.split-fields.three,.public-gallery{grid-template-columns:1fr}.public-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.publish-actions,.publish-actions button,.primary-action,.secondary-action,.ghost-action{width:100%}.decor{gap:10px;width:calc(100% - 32px);top:22px}.decor span{width:44px;height:44px}}.spotify-search-container{margin-top:12px;position:relative}.spotify-input{border:2px solid #0000001a;border-radius:10px;width:100%;padding:12px 16px;font-size:1rem;transition:border-color .2s}.spotify-input:focus{border-color:#1db954;outline:none}.spotify-results{z-index:10;background:#fff;border:1px solid #0000001a;border-radius:0 0 10px 10px;max-height:200px;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 4px 12px #0000001a}.spotify-result-item{text-align:left;cursor:pointer;background:0 0;border:none;border-bottom:1px solid #0000000d;flex-direction:column;width:100%;padding:10px 16px;display:flex}.spotify-result-item:hover{background:#1db9540d}.spotify-result-item strong{color:#111;font-size:.9rem}.spotify-result-item span{color:#666;font-size:.8rem}.spotify-preview{background:#1db9540d;border-radius:10px;margin-top:16px;padding:12px}.spotify-url-badge{color:#1db954;word-break:break-all;align-items:center;gap:8px;font-size:.85rem;display:flex}.spotify-url-badge svg{flex-shrink:0}.spotify-url-badge span{text-overflow:ellipsis;white-space:nowrap;flex-grow:1;overflow:hidden}.text-action{color:#ef4444;cursor:pointer;background:0 0;border:none;padding:4px 8px;font-size:.8rem;text-decoration:underline}.monetization-grid{gap:12px;margin-top:16px;display:grid}.monetization-card{background:#fff;border:1px solid #00000014;border-radius:12px;padding:16px;transition:all .2s}.monetization-card.active{background:#ff2fb305;border-color:#ff2fb3}.monetization-card.locked{opacity:.8;background:#f9fafb}.monetization-content{justify-content:space-between;align-items:center;gap:16px;display:flex}.monetization-info strong{color:#111;font-size:1rem;display:block}.monetization-info p{color:#666;margin:4px 0 0;font-size:.85rem}.mini-action-button{color:#888;background:#eee;border:none;border-radius:6px;padding:6px 12px;font-size:.75rem;font-weight:600}.switch{flex-shrink:0;width:50px;height:26px;display:inline-block;position:relative}.switch input{opacity:0;width:0;height:0}.slider{cursor:pointer;background-color:#ccc;border-radius:34px;transition:all .4s;position:absolute;inset:0}.slider:before{content:"";background-color:#fff;border-radius:50%;width:18px;height:18px;transition:all .4s;position:absolute;bottom:4px;left:4px}input:checked+.slider{background-color:#ff2fb3}input:checked+.slider:before{transform:translate(24px)}.ad-slot{color:#999;text-transform:uppercase;letter-spacing:.1em;background:#00000005;border:1px dashed #0000000d;justify-content:center;align-items:center;width:100%;font-size:.7rem;transition:all .3s;display:flex;overflow:hidden}.ad-slot.top{min-height:60px;margin-bottom:0}.ad-slot.bottom{min-height:90px;margin-top:2rem}.builder-shell .ad-slot.top{border-bottom:1px solid #0000000d}.inline-ad{background:#00000008;border-radius:8px;margin:2rem 0}.required-star{color:#e11d48;margin-left:2px}input.input-error,select.input-error,textarea.input-error{background-color:#fff1f2;border-color:#f43f5e}input.input-error:focus,select.input-error:focus,textarea.input-error:focus{border-color:#e11d48;box-shadow:0 0 0 3px #e11d4826}.error-message{color:#e11d48;margin-top:4px;font-size:12px;font-weight:600;display:block}.validation-alert{color:#b45309;text-align:left;background:#fef3c780;border:1px solid #f59e0b;border-radius:8px;margin-bottom:14px;padding:10px 14px;font-size:13px;font-weight:700}.share-url-container{background:#fffaf1;border:1px solid #ece7df;border-radius:8px;align-items:center;gap:10px;max-width:100%;margin-top:8px;padding:4px 10px;display:flex;overflow:hidden}.share-url-text{text-overflow:ellipsis;white-space:nowrap;color:#4b5563;flex:1;margin:0;font-family:monospace;font-size:13px;overflow:hidden}.copy-link-btn{color:#fff;cursor:pointer;white-space:nowrap;background:#ff2fb3;border:0;border-radius:6px;padding:6px 12px;font-size:12px;font-weight:800;transition:all .2s cubic-bezier(.16,1,.3,1)}.copy-link-btn:hover{background:#e01a9b;transform:translateY(-1px);box-shadow:0 4px 12px #ff2fb340}.copy-link-btn:active{transform:translateY(0)}.publish-actions-container{flex-direction:column;gap:12px;width:100%;display:flex}.toast{z-index:10000;-webkit-backdrop-filter:blur(16px);will-change:transform, opacity;background:#ffffffd9;border-radius:12px;align-items:center;gap:12px;min-width:320px;max-width:90%;padding:14px 18px;animation:.4s cubic-bezier(.16,1,.3,1) forwards slideInUp;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #00000014,0 1px 3px #00000005,inset 0 0 0 1px #fff9}.toast-success{border-left:4px solid #ff2fb3}.toast-error{border-left:4px solid #ef4444}.toast-icon{flex-shrink:0;font-size:20px}.toast-message{color:#1f2937;flex-grow:1;margin:0;font-size:14px;font-weight:700;line-height:1.4}.toast-close{color:#9ca3af;cursor:pointer;background:0 0;border:0;flex-shrink:0;padding:4px;font-size:20px;line-height:1;transition:color .2s}.toast-close:hover{color:#4b5563}.primary-action,.secondary-action,.ghost-action,.copy-link-btn,.palette-button,.element-chip{transition:all .25s cubic-bezier(.16,1,.3,1)}.primary-action:hover,.secondary-action:hover{transform:translateY(-2px)scale(1.02);box-shadow:0 8px 24px #ff2fb359}.primary-action:active,.secondary-action:active{transform:translateY(0)scale(1)}.ghost-action:hover{background:#e5e7eb;transform:translateY(-1px)}.event-card{transition:all .3s cubic-bezier(.16,1,.3,1)}.event-card:hover{transform:translateY(-4px);box-shadow:0 20px 40px #0000000f}.message-card,.public-photo-block{animation:.6s cubic-bezier(.16,1,.3,1) both cardFadeIn}@keyframes slideInUp{0%{opacity:0;transform:translate(-50%,20px)}to{opacity:1;transform:translate(-50%)}}@keyframes cardFadeIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.toast,.message-card,.public-photo-block,.primary-action,.secondary-action,.ghost-action,.copy-link-btn,.event-card,.loading-overlay,.spinner-container,.spinner{transition:none!important;animation:none!important;transform:none!important}}.loading-overlay{-webkit-backdrop-filter:blur(8px);z-index:11000;background:#f9efddd9;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.spinner-container{text-align:center;will-change:transform, opacity;background:#fff7e8;border:1px solid #ece7df;border-radius:16px;flex-direction:column;align-items:center;width:90%;max-width:380px;padding:32px;animation:.3s cubic-bezier(.16,1,.3,1) forwards overlaySlideIn;display:flex;box-shadow:0 20px 50px #ff2fb31f}.spinner{border:4px solid #ff2fb326;border-left-color:#ff2fb3;border-radius:50%;width:50px;height:50px;margin-bottom:20px;animation:1s linear infinite spin}.spinner-text{color:#111827;margin:0 0 8px;font-size:18px;font-weight:800}.spinner-subtext{color:#6b7280;font-size:13px;line-height:1.4}@keyframes spin{to{transform:rotate(360deg)}}@keyframes overlaySlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.recipient-name{text-shadow:0 4px 12px #1677c81f;letter-spacing:-.015em;background:linear-gradient(90deg,#1677c8,#00d4ff);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-top:12px;font-weight:850;display:inline-block;color:#1677c8!important;font-size:clamp(22px,4vw,28px)!important}.segmented-row.two-items{grid-template-columns:repeat(2,minmax(0,1fr))!important}.home-footer{color:#6b7280;border-top:1px solid #ff2fb31f;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;max-width:1180px;margin:48px auto 0;padding:28px 32px;font-size:13px;display:flex}.home-footer p{margin:0}.home-footer a{color:#ff2fb3;font-weight:700;text-decoration:none}.home-footer a:hover{text-decoration:underline}.footer-links{flex-wrap:wrap;gap:16px;display:flex}.text-link{color:#1677c8;cursor:pointer;font:inherit;text-underline-offset:3px;background:0 0;border:0;padding:0;font-size:13px;font-weight:700;text-decoration:underline;transition:color .2s}.text-link:hover{color:#ff2fb3}.terms-container{gap:18px;max-width:860px;margin:0 auto;padding:12px 24px 48px;display:grid}.terms-container .form-section h2{color:#111827;margin:0 0 10px;font-size:20px}.terms-container .form-section p,.terms-container .form-section li{color:#374151;margin:0 0 10px;font-size:15px;line-height:1.75}.terms-container .form-section ul{gap:8px;padding-left:20px;display:grid}.terms-container .form-section strong,.terms-container .form-section b{color:#111827}@media (width<=680px){.home-footer{flex-direction:column;align-items:flex-start;padding:24px 16px}}.card-actions button.delete-btn,.card-actions button.unpublish-btn{color:#dc2626!important}.card-actions button.delete-btn:hover,.card-actions button.unpublish-btn:hover{background:#fff0f0!important}.custom-modal-overlay{-webkit-backdrop-filter:blur(8px);z-index:12000;background:#f9efddd9;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.custom-modal-content{will-change:transform, opacity;text-align:center;background:#fff7e8;border:1px solid #ece7df;border-radius:16px;width:90%;max-width:440px;padding:32px;animation:.3s cubic-bezier(.16,1,.3,1) forwards overlaySlideIn;box-shadow:0 20px 50px #ff2fb31f,0 2px 10px #0000000d}.custom-modal-content h2{color:#111827;margin:0 0 12px;font-family:inherit;font-size:22px;font-weight:850}.custom-modal-content p{color:#4b5563;margin:0 0 24px;font-size:15px;line-height:1.6}.modal-message{color:#4b5563;text-align:left;margin:0 0 24px;font-size:15px;line-height:1.6}.modal-message p{margin:0 0 8px}.modal-message ul{margin:0;padding-left:18px}.modal-message li{margin-bottom:4px}.modal-icon{border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;margin:0 auto 16px;font-size:22px;font-weight:900;display:inline-flex}.modal-icon-error{color:#dc2626;background:#fee2e2}.modal-icon-warning{color:#d97706;background:#fef3c7}.modal-icon-info{color:#2563eb;background:#dbeafe;font-style:italic}.modal-icon-success{color:#16a34a;background:#dcfce7}.custom-modal-actions{justify-content:center;gap:12px;display:flex}.custom-modal-actions button{cursor:pointer;border-radius:10px;padding:12px 16px;font-size:14px;font-weight:700;transition:all .2s}.modal-cancel-btn{color:#4b5563;background:0 0;border:1.5px solid #ece7df}.modal-cancel-btn:hover{background:#00000005;border-color:#d1d5db}.modal-confirm-btn{color:#fff;background:#ff2fb3;border:none;box-shadow:0 4px 12px #ff2fb340}.modal-confirm-btn:hover{background:#f41e9e;transform:translateY(-1px);box-shadow:0 6px 16px #ff2fb359}.modal-confirm-btn:active{transform:translateY(0)}.modal-confirm-btn-error{background:#dc2626;box-shadow:0 4px 12px #dc262640}.modal-confirm-btn-error:hover{background:#b91c1c;box-shadow:0 6px 16px #dc262659}:is(.custom-modal-actions:has(.modal-cancel-btn:only-child),.custom-modal-actions:has(.modal-confirm-btn:only-child)){justify-content:center}.custom-modal-actions .modal-cancel-btn,.custom-modal-actions .modal-confirm-btn{flex:1;max-width:200px}