/* The creation flow shares the landing's warm palette, with comfortable form sizes. */
.wizard-body{--muted:#78615c;--creator-dock-height:112px}
.wizard-header .brand{color:#171c1c}.wizard-header{height:82px}
.step-meta{font-size:10px;color:#73564f;letter-spacing:.7px;margin-bottom:24px}
.local-status{font-size:11px;color:#735e56}.quiet{font-size:12px;min-height:44px}
.speech>span,.guide-small .speech>span{font-size:8px;letter-spacing:.8px;color:#885747}
.speech p,.guide-small .speech p{font-size:14px;line-height:1.7}
.guide-response{margin-top:12px;padding-top:10px;border-top:1px dashed #e4cbc0;font-size:13px;color:#91384b;line-height:1.7;animation:guide-answer .2s ease-out}
.guide-small{align-items:flex-start}.guide-small .mascot-wrap{margin-top:5px}
.interactive-slide{position:relative}.interactive-slide:focus-within{outline:3px solid #b34c60;outline-offset:4px}.camera-active-photo>[data-preview-note]{font-size:12px;line-height:1.6;color:#79574d;text-align:center;margin:8px 6px 0;overflow-wrap:anywhere}.camera-active-photo>[data-preview-note]:empty{display:none}
.edit-panel label,.uploaded-photo label{font-size:13px;line-height:1.5;color:#684e47}
.edit-panel input,.edit-panel textarea,.edit-panel select,.inline-input input,.uploaded-photo input{font-size:16px;min-height:48px;line-height:1.5;padding:12px 14px;border-radius:10px}
.edit-panel textarea{min-height:155px;resize:vertical}.letter-panel textarea{min-height:220px;font-size:16px}
.edit-panel small,.inline-small{font-size:11px}.edit-panel>p{font-size:13px}
.soft-note{font-size:12px;color:#775b50}.chip,.suggestions .chip{font-size:11px;min-height:40px;padding:9px 13px}
.product-option b{font-size:14px}.product-option small{font-size:11px}.product-look p{font-size:13px}.product-look .text-button{font-size:12px}
.intro-cards h3{font-size:16px}.intro-cards p{font-size:13px}.intro-cards small{font-size:10px}
.live-cover small{font-size:9px}.live-cover p{font-size:12px}.counter-keepsake>small,#live-counter>p{font-size:12px}
.mode-card b{font-size:14px}.mode-card small{font-size:11px}.upload-area>small{font-size:12px}.upload-area .button{font-size:12px;min-height:44px}
.upload-area,.upload-mini,.photo-choose{position:relative}.file-picker-input{position:absolute!important;inset:auto!important;width:1px!important;height:1px!important;min-height:0!important;padding:0!important;border:0!important;clip-path:inset(50%);overflow:hidden;white-space:nowrap}
.upload-area:focus-within,.upload-mini:focus-within{outline:3px solid #b34c60;outline-offset:4px}
.photo-delete{height:44px;width:44px;right:12px;top:12px;background:#32252bd9}.photo-tools button{min-width:44px;min-height:44px;font-size:11px}.photo-option{min-width:52px;min-height:52px}
.wizard-dock{padding:14px 24px calc(12px + env(safe-area-inset-bottom));min-height:var(--creator-dock-height)}
.dock-content .button{font-size:14px;min-height:48px;padding:13px 20px;max-width:360px}.dock-content>div>span{font-size:9px;line-height:1.6;letter-spacing:.4px;max-width:240px;color:#78594c}.dock-content strong{font-size:14px}
#step-error{font-size:12px;color:#795243;line-height:1.6;min-height:19px;max-width:820px;margin:8px auto 0}
.wizard-spacer{height:calc(var(--creator-dock-height) + 80px + env(safe-area-inset-bottom))}
.preview-float{font-size:11px;min-height:44px;bottom:calc(var(--creator-dock-height) + 14px + env(safe-area-inset-bottom))}
.resume-panel>b{font-size:15px}.resume-panel p{font-size:13px}.resume-panel .text-button{font-size:12px;min-height:44px}
#step[inert]{opacity:.45;filter:saturate(.6)}
.upload-progress{padding:16px 18px;background:#f3e1da;border:1px solid #dbb1a6;border-radius:12px;margin-bottom:18px;color:#79524a;font-size:13px}.upload-progress progress{display:block;width:100%;height:7px;accent-color:#b34c60;margin-top:12px}
.chapter-picker{background:#fffaf6;border:1px solid #dec9be;border-radius:20px;overflow:hidden;box-shadow:0 8px 30px #7a423b09}
.picker-slide:not([hidden]){animation:chapter-enter .3s ease-out}.picker-art{touch-action:pan-y pinch-zoom}
@keyframes chapter-enter{from{opacity:.45;transform:translateX(var(--chapter-enter-x,14px))}to{opacity:1;transform:translateX(0)}}
.picker-top{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;background:#f5e8df;font-size:9px;letter-spacing:.5px;color:#87564e;gap:10px}.picker-top b{font-weight:500;white-space:nowrap}
.picker-art{min-height:270px;position:relative;padding:24px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;overflow:hidden;background:#ad4b61;color:#fff1d9}
.picker-art>small{font-size:8px;letter-spacing:1.2px;position:relative}.picker-art>strong{font-family:var(--serif);font-size:29px;font-weight:500;line-height:1.12;position:relative}.picker-art>span{font-size:11px;position:relative}
.picker-polaroid{padding:7px 7px 22px;background:#fff3df;color:#7a4e4f;width:112px;transform:rotate(-8deg);position:absolute;left:25px;top:72px;box-shadow:0 10px 20px #481f3133}.picker-polaroid img{height:126px}.picker-polaroid span{font-family:var(--serif);font-style:italic;font-size:10px;margin-top:8px;display:block}
.art-timeline>strong,.art-timeline>.art-date{margin-left:105px;text-align:left}.art-timeline>strong{font-size:30px;margin-top:35px}.art-date{border:1px solid #e4b3b8;padding:6px 9px;transform:rotate(-4deg);border-radius:3px}
.art-camera{background:#342530}.art-camera>strong{font-family:'DM Sans',sans-serif;font-size:33px;letter-spacing:-1px;font-weight:700;align-self:flex-start;text-align:left}
.picker-film{display:flex;gap:4px;background:#201922;border-block:7px dotted #f9e9d4;transform:rotate(-6deg);padding:6px;width:100%;max-width:300px}.picker-film img{width:50%;height:115px;object-fit:cover}
.art-sky{background:#23212c;color:#f5dfc4}.picker-star-circle{border:1px solid #dcb99e77;width:130px;height:130px;border-radius:50%;display:grid;place-items:center;font-size:50px;background:radial-gradient(#e3c7b3 1px,transparent 1.5px) 6px 9px/19px 21px;position:relative}
.art-secret{background:#edce91;color:#725136}.picker-letter-boxes{display:flex;gap:8px;margin:7px 0}.picker-letter-boxes>span{display:grid;place-items:center;background:#fff1cb;border:1px solid #b99a6c;border-radius:7px;width:36px;height:43px;font-size:15px}.picker-note{padding:12px 22px;background:#fff1d8;transform:rotate(-4deg);box-shadow:0 7px 12px #86633114;font-family:var(--serif);font-style:italic;font-size:16px}
.art-places{background:#efe0cf;color:#78514a}.picker-ticket{display:flex;gap:15px;width:100%;padding:14px;background:#fff6e9;border:1px dashed #c79c8c;border-radius:10px;text-align:left}.picker-ticket>img{width:90px;height:125px;object-fit:cover;border:5px solid #eddccb;transform:rotate(-5deg)}.picker-ticket>div{display:flex;flex-direction:column;justify-content:center;gap:12px;flex:1}.picker-ticket small{font-size:7px;letter-spacing:.7px}.picker-ticket strong{font-family:var(--serif);font-weight:500;font-size:27px;line-height:1.1}.picker-ticket span{font-size:9px}
.art-roulette{background:#eadbcc;color:#794b4c}.picker-date-wheel{height:150px;width:150px;border:5px solid #54363d;border-radius:50%;background:conic-gradient(#ba5a6c 0 60deg,#fff0d7 60deg 120deg,#ba5a6c 120deg 180deg,#fff0d7 180deg 240deg,#ba5a6c 240deg 300deg,#fff0d7 300deg);display:grid;place-items:center;box-shadow:0 8px 15px #6c384223}.picker-date-wheel span{background:#fff0d7;border:2px solid #54363d;border-radius:50%;width:36px;height:36px;font-size:24px;display:grid;place-items:center}
.art-christmas{background:#304c40;color:#f4dfba}.picker-tree{font-size:42px;line-height:.55;color:#d2b77c;margin-top:2px}.picker-presents{display:flex;gap:8px;margin:0 auto}.picker-presents span{background:#a54258;border:1px solid #dabda1;padding:9px 12px;border-radius:3px;font-size:10px}
.picker-details{padding:23px}.picker-details>small{font-size:9px;color:#956251;letter-spacing:.5px}.picker-details h3{font-family:var(--serif);font-size:27px;font-weight:500;margin:9px 0 10px;letter-spacing:-.7px}.picker-details p{font-size:13px;color:#786159;line-height:1.7;margin:0 0 19px}.picker-actions{display:flex;gap:10px}.picker-actions .button{flex:1;min-height:46px;font-size:12px;padding:12px 16px}.picker-actions .chip{min-height:46px;white-space:nowrap;font-size:12px}
.picker-actions .button[aria-pressed=true]{background:#8d5961}.picker-navigation{display:flex;align-items:center;gap:10px;padding:0 18px 20px}.collection-arrow{border:1px solid #dfc2b5;background:#fff9f1;color:#8d5961;min-width:44px;height:44px;border-radius:50%;font-size:19px;display:grid;place-items:center}.collection-arrow:disabled{opacity:.3;cursor:default}.picker-dots{display:flex;gap:5px;flex:1;justify-content:center}.picker-dots button{position:relative;border:1px solid #e2d0c5;background:#f8ede5;border-radius:9px;height:38px;width:32px;flex:1;max-width:42px;color:#a48676;padding:0;font-size:17px}.picker-dots button[aria-current=true]{border-color:#b34c60;background:#edd0ca;color:#a24255;box-shadow:0 0 0 1px #b34c6015}.picker-dots i{position:absolute;right:-2px;top:-4px;border-radius:50%;background:#b34c60;color:white;width:13px;height:13px;display:grid;place-items:center;font-size:8px;font-style:normal}
.selection-summary{margin:17px 0 5px;padding:17px 20px;border-radius:12px;background:#efded3;border:1px solid #e1c5b7}.selection-summary b{display:block;font-size:14px;color:#865947;font-weight:500}.selection-summary span{display:block;font-size:12px;color:#786159;line-height:1.7;margin-top:5px}
.collection-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:23px 0 10px;font-size:13px;color:#74554a}.collection-heading b{font-weight:500}.collection-heading span{font-size:11px}
.collection-tabs{display:flex;gap:9px;overflow-x:auto;padding:3px 3px 11px;scrollbar-width:thin;margin:0 -3px 7px}.collection-tabs button{flex-shrink:0;position:relative;min-width:62px;width:62px;height:77px;border:1px solid #d5baad;border-radius:9px;background:#f6e7dd;color:#967365;padding:5px;font-size:23px}.collection-tabs button>img,.collection-tabs button>span{height:43px;width:100%;object-fit:cover;border-radius:5px;display:grid;place-items:center}.collection-tabs button>b{display:block;font-size:9px;font-weight:500;margin-top:3px}.collection-tabs button>i{position:absolute;top:1px;right:1px;font-size:10px;font-style:normal;color:#8b7565;background:#fff4e8;border-radius:50%;width:14px;height:14px;display:grid;place-items:center}.collection-tabs button[data-complete=true]>i{background:#9c4960;color:#fff8f0}.collection-tabs button[aria-selected=true]{border:2px solid #b34c60;background:#ead0c6;box-shadow:0 3px 9px #8d424b17}
.collection-editor{outline:0;animation:collection-enter .22s ease-out}.collection-editor:focus-visible{outline:3px solid #b34c60;outline-offset:5px;border-radius:14px}
.editing-keepsake{display:flex;gap:16px;align-items:center;min-height:158px;margin:-23px -23px 20px;padding:22px;background:#ad4960;color:#fff1dd;border-radius:12px 12px 0 0;overflow:hidden}.keepsake-photo{height:118px;width:94px;flex-shrink:0;display:grid;place-items:center;border:5px solid #fff2de;background:#edd0bd;color:#a45b60;transform:rotate(-5deg);box-shadow:0 8px 13px #62363d30}.keepsake-photo>img{height:100%;width:100%;object-fit:cover}.keepsake-photo>span{font-size:35px}.editing-keepsake>div:last-child{min-width:0;flex:1}.editing-keepsake small{color:#f5d5c7;font-size:7px;letter-spacing:.7px}.editing-keepsake h3{font-family:var(--serif);font-size:25px;line-height:1.1;font-weight:500;margin:12px 0;overflow-wrap:anywhere}.editing-keepsake span[data-preview-date]{display:inline-block;border:1px solid #de9ba7;border-radius:3px;padding:4px 6px;font-size:10px;transform:rotate(-3deg)}.editing-keepsake p{font-size:11px;line-height:1.6;margin-top:11px;overflow-wrap:anywhere}.keepsake-ticket{background:#f0e1cf;color:#795248;border-bottom:1px dashed #bd947b}.keepsake-ticket small{color:#895e4e}.keepsake-ticket span[data-preview-date]{border-color:#c8a28d}.keepsake-gift{background:#345345;color:#f5e0bc}.keepsake-gift span[data-preview-date]{border-color:#a69474}
.collection-editor .photo-choose>img{display:none}.collection-editor .photo-choose>small{display:block;font-size:11px;margin:10px 0}.upload-mini{font-size:12px;min-height:44px;align-items:center;margin-bottom:0!important}
.item-heading>span,.item-heading>.text-button{font-size:10px}.item-heading>.text-button,.chapter-top .text-button{min-height:40px;display:inline-flex;align-items:center}.optional-fields{border-top:1px solid #eadacf;padding-top:10px;margin-top:15px}.optional-fields summary{font-size:12px;color:#8e5d51;padding:9px 0}.optional-fields[open] summary{margin-bottom:12px}.item-checklist{display:flex;flex-wrap:wrap;gap:10px;border-top:1px dashed #e3c9ba;padding-top:15px;margin-top:18px;font-size:11px;color:#937467}.item-checklist [data-ready=true]{color:#924056}.add-item{font-size:12px;min-height:46px}.list-count{font-size:11px}
.camera-active-photo{max-width:300px;background:#fff3e3;border:1px solid #dfc9b7;padding:10px 10px 20px;margin:14px auto 25px;transform:rotate(-3deg);box-shadow:0 13px 25px #5b38281a}.camera-active-photo>img{height:285px;width:100%;object-fit:cover}.camera-active-photo>span{display:block;font-family:var(--serif);font-style:italic;color:#8d6653;text-align:center;font-size:17px;margin-top:12px;overflow-wrap:anywhere}.collection-controls{display:flex;gap:12px;justify-content:center;align-items:center;margin-bottom:18px;font-size:11px;color:#8f6553}.collection-controls .text-button{font-size:11px;min-height:44px;margin-left:auto}.collection-empty{border:1px dashed #d2b8a8;border-radius:14px;text-align:center;padding:35px;margin-top:20px;color:#a08070}.collection-empty>span{font-size:45px}.collection-empty p{font-size:13px;line-height:1.8;margin-top:12px}
@keyframes collection-enter{from{opacity:.4;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}@keyframes guide-answer{from{opacity:.5;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:760px){
  #step input:not([type=file]):not([type=checkbox]):not([type=range]),#step textarea,#step select{font-size:16px;min-height:48px}
  .wizard-body{--creator-dock-height:129px}.wizard-banner{font-size:10px;letter-spacing:.3px}.wizard-header{height:68px;padding-inline:20px}.wizard-main{padding-top:19px}.wizard-layout{padding-inline:20px}.step-title{font-size:37px}.step-meta{font-size:9px;letter-spacing:.5px;margin:13px 0 23px}.guide{margin-bottom:22px}.mascot-wrap{width:116px;height:116px}.speech{padding:16px 18px}.speech p,.guide-small .speech p{font-size:13px}.speech>span,.guide-small .speech>span{font-size:7px}.guide-small .mascot-wrap{width:67px;height:75px}.guide-small .speech{padding:14px}.guide-small{gap:10px}
  .edit-panel{padding:20px}.editing-keepsake{margin:-20px -20px 18px;padding:20px;gap:13px}.editing-keepsake h3{font-size:23px}.editing-keepsake small{font-size:6px}.keepsake-photo{width:83px;height:108px}.editing-keepsake span[data-preview-date]{font-size:9px}
  .wizard-dock{padding:12px 18px calc(11px + env(safe-area-inset-bottom))}.dock-content{gap:12px;align-items:center}.dock-content>div{max-width:105px;flex:0 0 105px}.dock-content>div>span{font-size:8px;letter-spacing:0}.dock-content strong{font-size:12px}.dock-content .button{font-size:12px;padding:12px 10px;min-height:48px;min-width:0;max-width:none;line-height:1.5}.wizard-spacer{height:calc(var(--creator-dock-height) + 70px + env(safe-area-inset-bottom))}#step-error{font-size:11px;line-height:1.6;margin-top:9px}
  .chapter-top>.eyebrow{font-size:8px}.chapter-top .text-button{font-size:10px}.chapter-top{align-items:flex-start}.chapter-tabs{margin-bottom:18px}.chapter-tabs>span{height:32px;width:32px;font-size:17px;flex-shrink:0}.product-look{gap:16px}.product-look p{font-size:12px}.tiny-frame{width:95px;height:140px}.product-look h3{font-size:22px}.intro-cards article{padding:20px 18px 20px 62px}.intro-cards p{font-size:13px}.soft-note{font-size:11px}
  .picker-art{min-height:275px;padding:24px 20px}.picker-details{padding:20px}.picker-details h3{font-size:27px}.picker-details p{font-size:13px}.picker-actions{gap:8px}.picker-actions .button{font-size:11px;padding:12px 9px}.picker-actions .chip{font-size:11px;padding:10px}.picker-navigation{gap:7px;padding:0 13px 18px}.picker-dots{gap:4px}.picker-dots button{min-height:40px;width:26px;font-size:16px;min-width:0}.picker-navigation>.collection-arrow{min-width:37px;height:40px}.picker-polaroid{left:20px;width:104px}.art-timeline>strong,.art-timeline>.art-date{margin-left:110px}.art-timeline>strong{font-size:27px}.art-timeline>.art-date{font-size:9px}.picker-ticket{gap:11px;padding:13px}.picker-ticket>img{width:82px;height:117px}.picker-ticket strong{font-size:25px}
  .photo-grid{gap:12px}.uploaded-photo>img{height:160px}.photo-tools{gap:5px;flex-wrap:wrap}.photo-tools button{padding:6px 8px;font-size:11px}.photo-badge{font-size:8px}.selection-summary{padding:15px 17px}.selection-summary b{font-size:14px}.selection-summary span{font-size:12px}.collection-tabs button{height:73px;width:58px;min-width:58px}.collection-controls{gap:8px}.collection-controls .text-button{font-size:10px}.camera-active-photo{max-width:280px}.camera-active-photo>img{height:260px}.letter-heading{flex-wrap:wrap}.letter-heading>span{font-size:10px}.letter-heading .chip{font-size:10px}.preview-float{font-size:10px;padding:10px 14px}.plan-lines{font-size:12px}.plan-lines b{font-size:11px}.plan-total>span{font-size:10px}.permanent-plan>p{font-size:12px}.checkout-thumb span{font-size:10px}.checkout-summary>h3{font-size:15px}.stripe-placeholder>b{font-size:12px}.stripe-placeholder>p,.checkout-faq p{font-size:12px}.checkout-faq summary{font-size:12px}.prototype-info{font-size:11px!important}
}
@media(max-width:370px){.wizard-layout{padding-inline:16px}.dock-content>div{flex-basis:90px;max-width:90px}.dock-content .button{font-size:11px}.step-title{font-size:33px}.art-timeline>strong{font-size:25px}.picker-polaroid{left:13px;width:94px}.picker-polaroid img{height:115px}.art-timeline>strong,.art-timeline>.art-date{margin-left:90px}.picker-actions{flex-wrap:wrap}.picker-actions .button{flex-basis:100%}.picker-actions .chip{width:100%}.picker-navigation{gap:4px;padding-inline:9px}.picker-dots{gap:3px}.picker-navigation>.collection-arrow{min-width:32px;height:40px}.collection-controls{flex-wrap:wrap}.collection-controls .text-button{margin-left:0}.photo-grid{grid-template-columns:1fr}.uploaded-photo>img{height:230px}.editing-keepsake{gap:12px;padding:17px}.keepsake-photo{width:73px;height:98px}.editing-keepsake h3{font-size:21px}.guide-small .mascot-wrap{width:54px;height:64px}.speech>span,.guide-small .speech>span{font-size:6px}.collection-tabs button{width:55px;min-width:55px}}
@media(prefers-reduced-motion:reduce){.collection-editor,.guide-response,.picker-slide{animation:none!important}}