.customize-wrapper{padding:4rem 2rem}.customize-container{padding:3rem}.customize-step{font-size:1rem;color:#555;margin-bottom:1.5rem}.step-indicator{font-size:.9rem;color:#777;margin-top:.5rem}.customize-wrapper{display:flex;justify-content:center;padding:4rem 1rem;background:#fdf2e3}.customize-container{max-width:900px;width:100%;background:#fff;border-radius:1rem;padding:3rem;box-shadow:0 8px 16px #0000001a}.customize-step{text-align:center;font-size:1.2rem;color:#666;margin-bottom:2rem;font-weight:500}.customize-heading{text-align:center;font-size:2.5rem;font-weight:700;color:#333;margin-bottom:1rem;font-family:Ranchers,cursive}.upload-row{display:flex;flex-wrap:wrap;gap:2rem;margin-bottom:2rem}.upload-group{flex:1 1 45%;min-width:280px}.upload-label{display:block;position:relative;padding:2rem 1rem;border:2px dashed #BF155C;border-radius:16px;background:linear-gradient(135deg,#fff0f5,#fde8f3);text-align:center;font-family:Poppins,sans-serif;font-size:1.1rem;font-weight:600;color:#bf155c;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #bf155c1a}.upload-label:hover{background:linear-gradient(135deg,#fde8f3,#fad8e8);border-color:#a30f4c;transform:translateY(-2px);box-shadow:0 4px 16px #bf155c33}.upload-label input{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}.image-thumb{width:100%;max-width:150px;height:150px;margin:.5rem auto;border:2px solid #ddd;border-radius:12px;background-size:cover;background-position:center;background-color:#f8f8f8;display:none;align-items:center;justify-content:center;font-size:.8rem;color:#666;transition:all .3s ease;box-shadow:0 4px 12px #0000001a}.image-thumb[style*=background-image]{display:flex;border-color:#bf155c;transform:scale(1.05)}.image-thumb.uploaded{max-width:260px;height:260px;margin:.75rem auto .5rem;border:2px solid #e5e5e5;box-shadow:0 6px 18px #00000014;transform:none}.upload-actions{display:flex;justify-content:center;align-items:center;gap:1.25rem;margin:.5rem auto 0}.change-upload-btn,.remove-upload-link{display:inline-flex;background:transparent;border:none;color:#a30f4c;font-size:1rem;text-decoration:underline;cursor:pointer;padding:.35rem .25rem;font-family:inherit;text-transform:none;letter-spacing:normal;line-height:1.2}.example-images{display:flex;justify-content:center;gap:2rem;margin:2rem 0 1.5rem;padding:1.5rem;background:#f8f8f8;border-radius:12px}.example-images img{width:120px;height:120px;object-fit:cover;border:2px solid #ddd;border-radius:8px;transition:all .3s ease;box-shadow:0 2px 8px #0000001a}.example-images img:hover{transform:scale(1.05);box-shadow:0 4px 16px #00000026}.example-label{text-align:center;font-size:.9rem;color:#666;margin-top:.5rem;font-weight:500}.example-set{display:flex;gap:1.25rem;margin:1rem auto;padding:1.25rem 1.5rem;background:#f9f9fb;border:1px solid #eee;border-radius:12px;max-width:100%;box-sizing:border-box;overflow:hidden;justify-content:center}.example-column{flex:1 1 0;min-width:220px;display:flex;flex-direction:column;align-items:center}.example-title{text-align:center;font-size:.95rem;color:#444;font-weight:600;margin-bottom:.5rem}.example-grid{display:grid;grid-template-columns:1fr;justify-items:center;align-items:center;gap:.75rem;width:100%}.example-grid img{width:120px;height:120px;object-fit:cover;border:2px solid #ddd;border-radius:10px;background:#fff;box-shadow:0 2px 8px #0000000f}.field-group{margin-bottom:1.5rem}.field-label{display:block;font-size:1.2rem;font-weight:600;margin-bottom:.5rem;color:#333}.text-input{width:100%;padding:.8rem 1.2rem;border:1px solid #CCC;border-radius:8px;font-size:1.1rem;font-family:Poppins,sans-serif}.gender-group{display:flex;align-items:center;gap:1rem;margin-top:.5rem}.radio-label{display:flex;align-items:center;font-size:.95rem}.radio-label input{margin-right:.4rem}.step-indicator{font-size:.85rem;color:#777;margin-top:.5rem;text-align:center}.upload-status{margin-top:1rem;padding:.75rem 1rem;border-radius:8px;font-size:.9rem;text-align:center;min-height:2.5rem;display:flex;align-items:center;justify-content:center}.upload-status:not(:empty){background:#f0f8ff;border:1px solid #B0D4F1;color:#2c5aa0}.upload-status:empty{display:none}.book-preview-container{position:relative;max-width:720px;margin:2rem auto}.book-viewer{width:100%;margin:0 auto}.book-stage{position:relative;width:100%;max-width:720px;margin:0 auto;perspective:1400px}.book-stage:before{content:"";display:block;padding-top:100%}.book-stage-inner{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;grid-template-columns:1fr 1fr;gap:0;background:transparent;border-radius:0;box-shadow:none;overflow:hidden}.book-stage-inner.is-cover{grid-template-columns:1fr}.book-cover{display:grid;place-items:center;background:transparent}.book-cover img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain}.book-page{position:relative;background:#fff;transform-origin:left center;will-change:transform,box-shadow}.book-page.right{transform-origin:right center}.book-page img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;background:transparent}.book-page.right:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#0000002e,#0000);opacity:0;pointer-events:none}.flip-right .book-page.right{animation:flipRight .8s cubic-bezier(.22,.61,.36,1) forwards}.flip-right .book-page.right:after{animation:shadeRight .8s ease forwards}@keyframes flipRight{0%{transform:rotateY(0);box-shadow:0 6px 18px #0000001a}50%{transform:rotateY(-90deg);box-shadow:0 10px 28px #0000002e}to{transform:rotateY(-180deg);box-shadow:0 6px 18px #0000001a}}@keyframes shadeRight{0%{opacity:0}50%{opacity:.35}to{opacity:0}}.book-page.left:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(270deg,#0000002e,#0000);opacity:0;pointer-events:none}.flip-left .book-page.left{transform-origin:left center;animation:flipLeft .8s cubic-bezier(.22,.61,.36,1) forwards}.flip-left .book-page.left:before{animation:shadeLeft .8s ease forwards}@keyframes flipLeft{0%{transform:rotateY(0);box-shadow:0 6px 18px #0000001a}50%{transform:rotateY(90deg);box-shadow:0 10px 28px #0000002e}to{transform:rotateY(180deg);box-shadow:0 6px 18px #0000001a}}@keyframes shadeLeft{0%{opacity:0}50%{opacity:.35}to{opacity:0}}.book-navigation{display:flex;justify-content:center;align-items:center;gap:1rem;margin-top:1rem}.page-indicator{display:none}.preview-gallery{max-width:960px;margin:1.5rem auto 2rem;display:flex;flex-direction:column;gap:1.25rem}.preview-card{background:#fff;border-radius:12px;box-shadow:0 10px 24px #0000001a;padding:.75rem}.preview-card .card-inner{position:relative}.page-box{position:relative;width:100%}.page-box:before{content:"";display:block;padding-top:100%}.page-box>img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain}.preview-cover .card-inner{display:grid}.preview-spread .card-inner{display:grid;grid-template-columns:1fr 1fr;gap:0}@media (max-width: 420px){.preview-spread .card-inner{grid-template-columns:1fr}}.step3-actions{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-top:2rem;margin-bottom:1rem}.step3-actions .button{flex:1;max-width:200px}.step3-actions .button:last-child{flex:2;max-width:300px}.step-navigation{display:flex;justify-content:flex-start;gap:1rem;margin-bottom:2rem}@media (max-width: 768px){.upload-group{margin-bottom:2rem}.image-thumb{margin-top:1rem}.example-images{margin:2.5rem 0 2rem}.example-set{flex-direction:column;gap:1rem}.example-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.step-navigation{flex-direction:column;gap:.5rem}.step3-actions{flex-direction:column;gap:1rem}.step3-actions .button{max-width:100%}}.custom-message-preview{background:#f8f8f8;padding:1rem;border-radius:8px;margin-top:1rem}.custom-message-preview .field-group{margin-bottom:.75rem}.custom-message-preview .field-label{font-size:.85rem;color:#555;margin-bottom:.25rem}.custom-message-preview .text-input{background:#fff!important;border:1px solid #ddd}
/*# sourceMappingURL=/cdn/shop/t/2/assets/page-customize.css.map */