.wizard-page{background:#fff;min-height:100dvh;padding-bottom:138px}.wizard-progress{align-items:center;gap:18px;max-width:480px;height:49px;margin:auto;padding:0 16px;display:flex}.wizard-progress>button{width:28px;height:36px;color:var(--purple);background:0 0;border:0;font-size:32px}.wizard-progress>div{background:#fff0f7;border-radius:8px;flex:1;height:7px;overflow:hidden}.wizard-progress>div>span{background:var(--pink);border-radius:8px;height:100%;transition:width .2s;display:block}.wizard-content{max-width:480px;margin:auto;padding:14px 16px 24px}.wizard-content h1{text-align:center;margin:10px 0 26px;font-size:21.6px;font-weight:700;line-height:1.25}.event-types{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.type-card{height:101px;color:var(--purple);background:#fff;border:2px solid #ffdfed;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:8px;font-size:14px;font-weight:500;display:flex}.type-card.selected{border-color:var(--pink);background:#fff4f9}.type-icon{background:#fff0f7;border-radius:10px;place-items:center;width:40px;height:40px;font-size:25px;display:grid}.other-type{margin-top:20px}.wizard-field label{gap:14px;font-size:20px;font-weight:600}.wizard-field input{font-weight:400}.wizard-field small{color:#786584;margin-top:10px;font-size:13px;display:block}.wizard-field p{margin-top:16px}.wizard-navigation{z-index:5;background:#fff;flex-direction:column;gap:10px;width:100%;max-width:480px;padding:12px 16px;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.wizard-catalog{padding-bottom:80px}.wizard-catalog .wizard-content,.wizard-catalog .wizard-progress,.wizard-catalog .wizard-navigation{max-width:1072px}.wizard-catalog h1{margin-bottom:20px}.blank-template{width:100%;color:var(--purple);background:#fff;border:1px solid #efdae6;border-radius:10px;margin-bottom:24px;padding:14px 12px;font-size:15px}.template-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.template-card{aspect-ratio:400/530;background:#f5edf1;border:0;border-radius:12px;padding:0;overflow:hidden;box-shadow:0 2px 8px #2a1a4a14}.template-card img{object-fit:cover;object-position:top;width:100%;height:100%;display:block}.wizard-catalog h2{margin:32px 0 20px;font-size:24px;font-weight:600}.template-phone-page{background:#f4f4f4;min-height:100dvh;padding-bottom:110px}.template-phone{border-radius:24px;width:min(100%,400px);margin:auto;overflow:hidden;box-shadow:0 6px 36px #2a1a4a18}.preview-back{z-index:10;height:36.5px;color:var(--purple);background:#fff;border:0;border-radius:10px;padding:0 16px;font-size:14px;position:fixed;top:13px;left:13px;box-shadow:0 2px 8px #0001}.preview-actions{z-index:10;text-align:center;max-width:calc(100% - 32px);position:fixed;bottom:18px;left:50%;transform:translate(-50%)}.customize-button{background:var(--pink);min-width:189px;max-width:230px;min-height:74px;color:var(--purple);border:0;border-radius:40px;padding:16px 30px;font-size:15.2px;font-weight:600;box-shadow:0 5px 25px #2a1a4a20}.preview-actions .form-error{background:#fff;border-radius:8px;margin-bottom:8px;padding:8px}.template-detail{gap:28px;max-width:1000px;margin:auto;padding:36px 16px;display:grid}.template-detail-preview{border-radius:18px;width:min(100%,400px);max-height:700px;margin:auto;overflow:auto;box-shadow:0 4px 30px #2a1a4a15}.template-tags{flex-wrap:wrap;gap:8px;margin:20px 0;display:flex}.template-tags span{background:#fff0f7;border-radius:30px;padding:7px 12px;font-size:14px}.template-detail-copy h1{font-size:32px}.template-detail-copy p{color:#786584}@media (min-width:768px){.wizard-catalog .wizard-content{padding-left:24px;padding-right:24px}.template-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.template-phone-page{padding-top:24px}.template-phone{border:8px solid #fff;width:416px}.template-detail{grid-template-columns:400px 1fr;align-items:start;padding:56px 24px}.template-detail-copy{padding-top:35px}}.date-picker{position:relative}.field-label{margin-bottom:14px;font-size:20px;font-weight:600;display:block}.date-trigger{width:100%;height:40px;color:var(--purple);background:#fff;border:1px solid #dccddd;border-radius:10px;justify-content:space-between;align-items:center;padding:0 12px;font-size:16px;display:flex}.date-popover{z-index:20;background:#fff;border-radius:8px;width:320px;max-width:calc(100vw - 32px);min-height:336px;padding:12px 16px;position:absolute;top:calc(100% + 8px);left:0;box-shadow:0 4px 18px #0003}.date-trigger input{width:0;min-width:0;color:inherit;font:inherit;background:0 0;border:0;outline:0;flex:1}.date-open{color:inherit;cursor:pointer;background:0 0;border:0;place-items:center;width:36px;height:36px;display:grid}.date-trigger:focus-within{border-color:#df75a6}.date-trigger:has(input[aria-invalid=true]){border-color:#bc244c}.calendar-head{justify-content:space-between;align-items:center;height:42px;margin-bottom:12px;display:flex}.calendar-head button{color:var(--purple);background:0 0;border:0;height:36px}.calendar-head>button{align-items:center;gap:10px;font-size:14px;display:flex}.calendar-head>div button{width:32px;font-size:25px}.calendar-weekdays,.calendar-days{grid-template-columns:repeat(7,1fr);place-items:center;gap:0;display:grid}.calendar-weekdays{color:#756b7b;height:30px;font-size:12px}.calendar-days button{width:36px;height:36px;color:var(--purple);background:#fff;border:0;border-radius:50%;font-size:12px}.calendar-days button[aria-pressed=true]{color:#fff;background:#b26388}.calendar-days button:hover{background:#f9e7f0}.calendar-days button[aria-pressed=true]:hover{background:#b26388}.calendar-years{grid-template-columns:repeat(3,1fr);gap:12px;padding-top:15px;display:grid}.calendar-years button{color:var(--purple);background:#fff0f7;border:0;border-radius:8px;padding:10px}@media (min-width:768px){.wizard-page:not(.wizard-catalog) .wizard-content,.wizard-page:not(.wizard-catalog) .wizard-navigation,.wizard-page:not(.wizard-catalog) .wizard-progress{max-width:728px}.wizard-content h1{font-size:28px}.event-types{max-width:480px;margin:auto}.wizard-field{margin-top:48px}}.wizard-content{padding-top:0}.wizard-content h1{margin-bottom:20px}.wizard-field{margin-top:0}.wizard-navigation{gap:12px}.wizard-navigation .button-primary{min-height:44.5px}.date-picker .field-label{z-index:1;color:#df75a6;background:#fff;margin:0;padding:0 4px;font-size:12px;font-weight:400;position:absolute;top:-8px;left:12px}.date-popover{top:100%}.date-picker:has(.date-popover) .date-trigger{border:2px solid #efa2c8}@media (min-width:768px){.wizard-field{margin-top:0}}.wizard-brand-row{display:none}.wizard-progress>div{background:0 0;justify-content:center;align-items:center;gap:0;max-width:330px;height:24px;margin:auto;display:flex;overflow:visible}.wizard-progress .progress-dot{background:#eee;border-radius:50%;flex:0 0 10px;width:10px;height:10px}.wizard-progress .progress-dot.active{background:var(--pink)}.wizard-progress .progress-line{background:#eee;flex:0 52px;width:52px;height:2px;margin:0 7px}.wizard-progress .progress-line.active{background:var(--pink)}.wizard-content{color:#212529}.wizard-content h1{color:#1a1a1a}.type-card{color:#212529}.blank-template{color:#212529;text-underline-offset:3px;background:0 0;border:0;width:auto;margin:0 auto 24px;padding:4px;text-decoration:underline;display:block}.wizard-navigation .button-secondary{border-color:var(--pink);color:#e779ad}.template-phone{box-shadow:none;border-radius:0}.preview-back{color:#fff;background:#888}.customize-button{color:#fff;justify-content:center;align-items:center;gap:10px;display:inline-flex}.customize-button svg{flex-shrink:0}.desktop-template-back{display:none}@media (min-width:768px){.wizard-brand-row{color:#212529;justify-content:space-between;align-items:center;height:68px;padding:0 40px;display:flex}.wizard-brand-row .brand{justify-content:flex-end;min-width:120px;height:36px;font-size:28px}.wizard-brand-row>button{color:#777;background:0 0;border:0;font-size:28px}.wizard-progress{height:36px;padding:0}.wizard-progress>button{display:none}.wizard-content{padding-top:0}.wizard-content h1{margin:14px 0 30.8px;font-size:28px}.event-types{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;max-width:680px}.type-card{height:102px;font-size:16px}.wizard-field{margin-top:0}.wizard-page:not(.wizard-catalog) .wizard-content,.wizard-page:not(.wizard-catalog) .wizard-navigation{max-width:712px}.wizard-catalog .wizard-navigation{display:none}.wizard-catalog{padding-bottom:24px}.wizard-catalog .wizard-content h1{margin-bottom:24px}.desktop-template-back{color:#777;background:#fff;border:1px solid #ddd;border-radius:10px;align-items:center;gap:6px;margin:0 0 18px;padding:8px 18px;font-size:14px;display:inline-flex}.template-phone{border:8px solid #fff;border-radius:24px;width:416px;box-shadow:0 6px 36px #2a1a4a18}}.customize-button{line-height:1.2}.wizard-content .muted,.wizard-content .field input,.date-trigger,.calendar-head button,.calendar-days button{color:#212529}.wizard-step-1{padding-bottom:80px}.wizard-catalog-panel,.wizard-title-catalog,.wizard-page:not([data-display-step="1"]) .wizard-type-panel,.wizard-page[data-display-step="1"] .wizard-back,.wizard-page:not([data-display-step="5"][data-display-timing=now]) .desktop-template-back,.wizard-page[data-display-step="5"][data-display-timing=now] .wizard-title-current,.wizard-page[data-display-step="5"][data-display-timing=now] .wizard-navigation .button-primary{display:none}.wizard-page[data-display-step="5"][data-display-timing=now] .wizard-catalog-panel,.wizard-page[data-display-step="5"][data-display-timing=now] .wizard-title-catalog{display:block}.wizard-page[data-display-step="5"][data-display-timing=now]{padding-bottom:80px}.wizard-page[data-display-step="5"][data-display-timing=now] .wizard-content,.wizard-page[data-display-step="5"][data-display-timing=now] .wizard-progress,.wizard-page[data-display-step="5"][data-display-timing=now] .wizard-navigation{max-width:1072px}.template-grid .template-card{order:2}.template-grid .template-other-heading{order:1;grid-column:1/-1;margin:20px 0 8px;font-size:24px;font-weight:600}.wizard-page[data-has-other-templates=false] .template-other-heading{display:none}.wizard-page[data-display-type=wedding] .template-card[data-event-type=wedding],.wizard-page[data-display-type=quinceanera] .template-card[data-event-type=quinceanera],.wizard-page[data-display-type=birthday] .template-card[data-event-type=birthday],.wizard-page[data-display-type=baptism] .template-card[data-event-type=baptism],.wizard-page[data-display-type=graduation] .template-card[data-event-type=graduation],.wizard-page[data-display-type=first-communion] .template-card[data-event-type=first-communion],.wizard-page[data-display-type=corporate] .template-card[data-event-type=corporate],.wizard-page[data-display-type=baby-shower] .template-card[data-event-type=baby-shower],.wizard-page[data-display-type=gender-reveal] .template-card[data-event-type=gender-reveal],.wizard-page[data-display-type=other] .template-card[data-event-type=other]{order:0}@media (min-width:768px){.template-grid .template-other-heading{margin:16px 0 4px}.wizard-page[data-display-step="5"][data-display-timing=now] .wizard-content{padding-left:24px;padding-right:24px}.wizard-page[data-display-step="5"][data-display-timing=now]{padding-bottom:24px}.wizard-page[data-display-step="5"][data-display-timing=now] .wizard-navigation{display:none}}.wizard-progress .progress-node{display:contents}.wizard-progress .progress-line{flex-basis:30px;width:30px;margin:0 6px}.wizard-timing-options,.wizard-guests{gap:14px;display:grid}.wizard-choice{color:#212529;text-align:left;background:#fff;border:1px solid #e9dce4;border-radius:12px;align-items:center;gap:16px;width:100%;min-height:76px;padding:18px;font-size:16px;display:flex}.wizard-choice.selected{border-color:var(--pink);background:#fff5f9}.wizard-choice:focus-visible,.type-card:focus-visible,.blank-template:focus-visible{outline-offset:3px;outline:3px solid #bc88ce}.wizard-choice>span:nth-child(2){flex:1}.wizard-choice strong,.wizard-choice small{display:block}.wizard-choice strong{font-size:17px;font-weight:600}.wizard-choice small{color:#786584;margin-top:6px;font-size:14px;line-height:1.5}.wizard-choice-icon{color:#b25a85;background:#fff0f7;border-radius:10px;flex:0 0 42px;place-items:center;height:42px;font-size:28px;display:grid}.wizard-guests .wizard-choice{justify-content:space-between;min-height:64px}.wizard-guests .wizard-choice-check{color:#b25a85;text-align:center;border:1px solid #d9c8d3;border-radius:50%;flex:0 0 22px;height:22px;font-size:16px;line-height:20px}.wizard-summary-content{text-align:center}.wizard-summary-event{background:#fff8fb;border:1px solid #f0dfe8;border-radius:18px;padding:22px 16px}.wizard-summary-icon{color:#b25a85;font-size:38px}.wizard-summary-event h2{overflow-wrap:anywhere;margin:10px 0 16px;font-size:26px}.wizard-summary-event p{color:#786584;margin:8px 0}.wizard-summary-content>p{margin:24px 0;line-height:1.6}.wizard-summary-features{text-align:left;gap:18px;padding:0;line-height:1.5;list-style:none;display:grid}.wizard-summary-features li{align-items:baseline;gap:12px;display:flex}.wizard-summary-features li>span{color:#b25a85}.wizard-preparing{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:20px;min-height:320px;display:flex}.wizard-spinner{border:4px solid #f6e4ee;border-top-color:var(--pink);border-radius:50%;width:44px;height:44px;animation:.8s linear infinite wizard-spin}@keyframes wizard-spin{to{transform:rotate(360deg)}}.template-phone-page{padding:0}.template-phone{width:100%;height:100dvh;min-height:320px;box-shadow:none;background:#fff;border:0;border-radius:0;position:relative}.template-phone-screen{box-sizing:border-box;overscroll-behavior:contain;scrollbar-width:thin;height:100%;padding-bottom:112px;overflow-y:auto}.wizard-preview-loading{color:#786584;text-align:center;place-items:center;min-height:100%;padding:24px;display:grid}.preview-actions{flex-direction:column;align-items:center;gap:8px;display:flex}.customize-button{max-width:280px;min-height:74px;padding:14px 24px}@media (max-width:767px){.template-phone-page{padding-top:64px}.template-phone{height:calc(100dvh - 64px)}}@media (min-width:768px){.wizard-timing-options,.wizard-guests,.wizard-summary-content{max-width:560px;margin:auto}.template-phone-page{padding-top:20px}.template-phone{border-radius:24px 24px 0 0;width:400px;height:calc(100dvh - 20px);box-shadow:0 6px 36px #2a1a4a18}.customize-button{min-height:58px}}@media (prefers-reduced-motion:reduce){.wizard-spinner{animation:none}}
