.comic-upload-trigger{width:100%;height:49.6px;background:linear-gradient(135deg,#f8bd19,#ffce12);color:#111827;padding:0 24px;font-size:16px;font-weight:600;border:none;border-radius:12px;cursor:pointer;display:inline-flex;justify-content:center;align-items:center;gap:8px;box-shadow:0 6px 12px -2px #00000014;transition:all .3s ease;text-align:center;text-decoration:none}.comic-upload-icon{width:20px;height:20px}.comic-modal{position:fixed;top:0;left:0;right:0;bottom:0;z-index:10000;display:flex;align-items:flex-start;justify-content:center;padding:20px;overflow-y:auto;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.comic-modal-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#00000080}.comic-modal-content{position:relative;background:#fff;border-radius:16px;width:100%;max-width:600px;max-height:90vh;overflow-y:auto;padding:24px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;min-height:auto}.comic-modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.comic-modal-title{display:flex;align-items:center;gap:8px;font-size:18px;font-weight:600}.comic-icon{width:24px;height:24px;color:#6f2eae}.comic-modal-close{background:none;border:none;color:#9ca3af;cursor:pointer;padding:2px;transform:scale(.85);border-radius:4px;transition:color .2s}.comic-modal-close:hover{color:#374151}.comic-modal-close svg{width:16px;height:16px}.comic-progress-container{margin-bottom:24px}.comic-progress-text{display:flex;justify-content:space-between;font-size:12px;color:#6b7280;margin-bottom:8px}.comic-progress-bar{width:100%;height:8px;background:#e1e3e8;border-radius:4px;overflow:hidden}.comic-progress-fill{height:100%;background:linear-gradient(90deg,#6f2eae,#ec4899);border-radius:4px;transition:width .3s ease}.comic-step-content{margin-bottom:24px}.comic-step-header{text-align:center;margin-bottom:24px}.comic-step-icon{width:48px;height:48px;color:#6f2eae;margin:0 auto 16px;display:block}.comic-step-title{font-size:20px;font-weight:600;margin-bottom:8px;color:#111827}.comic-step-description{color:#6b7280}.comic-upload-area{border:2px dashed #d1d5db;border-radius:8px;padding:32px;text-align:center;transition:border-color .2s;cursor:pointer}.comic-upload-area:hover{border-color:#6f2eae}.comic-upload-area.has-file{border-color:#10b981;background:#f0fdf4;padding:18px 0 10px}.comic-upload-icon-large{width:48px;height:48px;color:#9ca3af;margin:0 auto 16px;display:block}.comic-upload-button{background:#6f2eae;color:#fff;padding:12px 24px;border:none;border-radius:8px;cursor:pointer;font-weight:500;transition:background .2s}.comic-upload-button:hover{background:#6f2eae}.comic-file-input{display:none}.comic-preview-image{width:88px;height:88px;object-fit:cover;border-radius:8px;margin:0 auto 6px;display:block}.comic-success-text{color:#10b981;font-weight:500;margin-top:16px}.comic-text-input{width:100%;padding:12px;border:1px solid #d1d5db;border-radius:8px;font-size:16px;text-align:center;margin-bottom:16px}.comic-text-preview{background:#f3f4f6;padding:16px;border-radius:8px;text-align:center}.comic-text-preview-content{color:#6f2eae;font-weight:500}.comic-email-input{width:100%;padding:12px;border:1px solid #d1d5db;border-radius:8px;font-size:16px;text-align:center;margin-bottom:16px}.comic-processing{text-align:center}.comic-processing-icon{width:64px;height:64px;background-image:url(/cdn/shop/files/mpp-magic-happen.gif?v=1755899991);background-size:contain;background-repeat:no-repeat;background-position:center;margin:0 auto 16px;display:block}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.comic-processing-steps{margin-top:24px;text-align:left}.comic-processing-step{display:flex;align-items:center;gap:8px;margin-bottom:8px;font-size:14px;color:#6f2eae}.comic-processing-step svg{width:16px;height:16px}.comic-complete{text-align:center}.comic-complete-icon{width:64px;height:64px;color:#10b981;margin:0 auto 16px;display:block}.comic-complete-title{color:#10b981;font-size:20px;font-weight:600;margin-bottom:16px}.comic-email-info{background:#f0fdf4;padding:24px;border-radius:8px;margin:24px 0}.comic-email-display{color:#059669;font-weight:500;margin-bottom:8px}.comic-email-note{color:#065f46;font-size:14px}.comic-navigation{display:flex;justify-content:space-between;gap:12px;padding-top:24px;margin-top:24px;border-top:1px solid #E1E3E8}.comic-navigation{display:flex;gap:12px;padding:24px 24px 0;margin:24px -24px 0;border-top:1px solid #E1E3E8}.comic-btn{border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s;font-size:16px}.comic-btn:disabled{opacity:.5;cursor:not-allowed}.comic-btn-outline{background:#fff;color:#374151;border:1px solid #d1d5db}.comic-btn-outline:hover:not(:disabled){background:#f9fafb}.comic-btn-primary{background:#6f2eae;color:#fff}.comic-btn-primary:hover:not(:disabled){background:#6f2eae}.comic-btn-full{width:100%;padding:16px;font-size:16px}.comic-highlight{background:#f3f4f6;border:1px solid #E1E3E8;border-radius:8px;padding:24px;margin:24px 0}.comic-highlight-header{display:flex;align-items:center;gap:8px;color:#6f2eae;font-weight:500;margin-bottom:8px}.comic-highlight-text{color:#6f2eae;font-size:14px}.comic-summary{background:#f9fafb;border-radius:8px;padding:24px;margin:24px 0}.comic-summary-title{font-weight:500;color:#374151;margin-bottom:16px}.comic-summary-images{display:flex;justify-content:center;gap:16px;margin-bottom:16px}.comic-summary-image{width:64px;height:64px;object-fit:cover;border-radius:8px}.comic-summary-text{color:#6f2eae;font-weight:500}.comic-remove-image-btn{position:absolute;top:8px;right:8px;background:#ffffffd9;border:none;border-radius:50%;cursor:pointer;padding:4px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;transition:background .2s}.comic-remove-image-btn:hover{background:#fee2e2}.comic-preview{position:relative;margin-top:8px}#back-btn{order:1}#next-btn{order:2}#back-btn{flex:1;order:1;background-color:#fff;color:#374151;border:1px solid #d1d5db;text-align:center;padding:12px}#back-btn .arrow-left{display:inline-block;vertical-align:middle;margin-right:6px;width:18px;height:18px;stroke-width:2.5}#next-btn{flex:2.5;order:2;background-color:#6f2eae;color:#fff;text-align:center;border:none;padding:12px}.magic-preview-stack,.magic-blur-img{width:180px;height:180px}@media (max-width: 480px){.magic-preview-stack,.magic-blur-img{width:135px;height:135px}.comic-modal{padding:8px;overflow-x:hidden}.comic-modal-content{padding:16px;max-width:100%;max-height:95vh;border-radius:8px;min-width:0;overflow-x:hidden;box-sizing:border-box}.comic-modal-header{margin-bottom:14px;padding-right:0}.comic-modal-title{gap:6px;font-size:16px;width:100%;text-align:center;justify-content:center;align-items:center}.comic-icon{display:none!important}.comic-step-header{display:flex;flex-direction:column;align-items:center;text-align:center;gap:4px;margin-bottom:14px}.comic-step-icon{display:none!important}.comic-step-title{font-size:17px;font-weight:700;margin-bottom:2px;width:100%;text-align:center}.comic-step-description{font-size:14px;color:#6b7280;margin-bottom:0;width:100%;text-align:center}.comic-progress-container{margin-bottom:12px}.comic-progress-bar{height:5px}.comic-progress-text{font-size:11px}.comic-step-content{margin-bottom:12px}.comic-upload-area{padding:14px 8px;min-height:58px;box-sizing:border-box;overflow-x:hidden}.comic-upload-area.has-file{padding:6px 8px 2px;box-sizing:border-box}.comic-success-text{margin-top:6px;font-size:13px}.comic-preview{margin-top:2px}.comic-summary,.comic-highlight,.comic-email-info{padding:10px;margin:10px 0}.comic-preview-image,.comic-summary-image{width:52px;height:52px}.comic-remove-image-btn{width:26px;height:26px;padding:2px;top:3px;right:3px}.comic-text-input,.comic-email-input{padding:9px;font-size:14px;margin-bottom:8px}.comic-step-description,.comic-summary-text,.comic-highlight-text,.comic-success-text{font-size:13.5px}.comic-email-display,.comic-email-note{font-size:12px}.comic-navigation{flex-direction:row;align-items:stretch;gap:8px;padding-top:12px;border-top:1px solid #E1E3E8}.comic-btn,.comic-btn-full{min-height:44px;padding:0 6px;border-radius:8px;font-size:15px;font-weight:500;box-sizing:border-box;text-align:center;display:flex;align-items:center;justify-content:center;width:100%;margin-bottom:0}#back-btn{flex:1;order:1;background-color:#fff;color:#374151;border:1px solid #d1d5db;text-align:center;padding:12px}#back-btn .arrow-left{display:inline-block;vertical-align:middle;margin-right:6px;width:18px;height:18px;stroke-width:2.5}#next-btn{flex:2.5;order:2;background-color:#6f2eae;color:#fff;text-align:center;border:none;padding:12px}.comic-processing-steps{margin-top:10px}.comic-processing-step{font-size:12.5px;gap:5px;margin-bottom:4px}.comic-navigation:has(#back-btn[style*="display: none"]) #next-btn,.comic-navigation:has(#back-btn[hidden]) #next-btn{flex:1 1 100%;max-width:100%;width:100%!important}.magic-preview-stack{position:relative;width:180px;height:180px;margin:0 auto 24px;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#f5eaff}.magic-blur-img{position:absolute;top:0;left:0;width:180px;height:180px;object-fit:cover;border-radius:12px;filter:blur(16px) brightness(1.2) saturate(1.4);opacity:.7;mix-blend-mode:lighten;animation:magicBlurMove 2.3s infinite alternate;box-shadow:0 8px 24px #9650c826}.magic-blur-user{z-index:2;animation-delay:0s}.magic-blur-partner{z-index:3;animation-delay:.7s}.magic-blur-pet{z-index:4;animation-delay:1.3s}.magic-effect-overlay{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;border-radius:12px;background:radial-gradient(circle at 55% 60%,#a855f730,#c084fc21 80%,#ffffff08);box-shadow:0 0 30px 8px #a855f71f,0 0 90px 24px #c084fc1c;mix-blend-mode:lighten}@keyframes magicBlurMove{0%{transform:scale(1) translate(0) rotate(-2deg)}45%{transform:scale(1.07) translate(6px,-6px) rotate(2deg)}70%{transform:scale(1.09) translate(-4px,4px) rotate(-3deg)}to{transform:scale(1) translate(0) rotate(1deg)}}.magic-loader{margin:18px auto 0;width:60px;height:6px;border-radius:8px;background:linear-gradient(90deg,#6f2eae,#8b4ab8);animation:magic-loader-move 1.4s infinite linear}@keyframes magic-loader-move{0%{opacity:.5;transform:scaleX(.5)}50%{opacity:1;transform:scaleX(1)}to{opacity:.5;transform:scaleX(.5)}}.magic-btn-outline{background:#f9fafb;color:#8b8c94;border:1px solid #ddd}.magic-btn-outline:hover:not(:disabled){background:#f3f4f6;color:#4c4d54}.magic-gif-wrapper{display:flex;justify-content:center;align-items:center;margin-bottom:18px}.magic-processing-gif{width:48px;height:48px;object-fit:contain}}.comic-step-tracker{display:flex;align-items:center;width:100%;margin-bottom:24px}.step{display:flex;align-items:center;flex:1}.step:last-child{flex:0}.circle{width:32px;height:32px;background-color:#e1e3e8;border-radius:50%;color:#6b7280;display:flex;align-items:center;justify-content:center;font-weight:500;transition:all .3s ease;flex-shrink:0}.step.completed .circle{background:#10b9811a;border-color:#10b98155;color:#10b981;cursor:pointer}.step.active .circle{background-color:#6f2eae;color:#fff;cursor:pointer}.step.active .circle:hover{filter:brightness(1.1);transform:scale(1.05)}.line{flex:1;height:2px;background-color:#e1e3e8;margin:0 8px}.step.completed .line{background-color:#10b98155}@media (max-width: 480px){.circle{width:28px;height:28px;font-size:12px;touch-action:manipulation}.line{margin:0 4px}}.magic-progress-bar{width:100%;height:8px;background-color:#e1e3e8;border-radius:4px;overflow:hidden;margin-top:16px}.magic-progress-fill{height:100%;background-color:#6f2eae;transition:width .3s ease}.magic-processing-sub{text-align:center;color:#6f2eae;margin-bottom:16px;font-weight:800}.magic-loader{margin:18px auto 0;width:60px;height:6px;border-radius:8px;background:linear-gradient(90deg,#6f2eae,#8b4ab8);animation:magic-loader-move 1.4s infinite linear}@keyframes magic-loader-move{0%{opacity:.5;transform:scaleX(.5)}50%{opacity:1;transform:scaleX(1)}to{opacity:.5;transform:scaleX(.5)}}.magic-gif-wrapper{display:flex;justify-content:center;align-items:center;margin-bottom:18px}.magic-progress-wrap{margin:6px 0}.magic-progress-row{display:flex;align-items:center;gap:10px}.magic-progress-wrap{margin:6px 0 10px}.magic-progress-row{display:flex;align-items:center;gap:12px}.magic-progress-bar{flex:1;height:6px;background:#e1e3e8;border-radius:999px;overflow:hidden}.magic-progress-fill{height:100%;background:#6f2eae;transition:width .25s ease}.magic-processing-gif{width:36px;height:36px;object-fit:contain;margin:4px auto 8px}.magic-processing-title{margin:0 0 6px;font-size:clamp(14px,2.5vw,16px);font-weight:500;text-align:center;line-height:1.3;color:#4b5563}.magic-processing-sub.subtile{margin:0 0 2px;text-align:center;color:#616774}.section-divider{height:1px;background:#e1e3e8;margin:30px -24px}.magic-email-block .comic-email-input{margin-top:8px;background:#fafafa}.magic-email-block .comic-btn{display:flex;align-items:center;justify-content:center;text-align:center}.magic-email-skip{display:block;margin:2px auto 0;text-align:center;font-size:13px;color:#9399a5;cursor:pointer;text-decoration:underline;background:none;border:0;padding:8px 0}.magic-email-skip:hover{color:#6b7280}.magic-loading-text{text-align:center;font-size:1.3rem;font-weight:500;margin:1rem 0}.mpp-sticky-container{position:fixed;bottom:0;left:0;right:0;z-index:1000;background:#fff;border-top:1px solid #e5e7eb;box-shadow:0 -4px 12px #0000001a;padding:16px;transform:translateY(100%);transition:transform .3s ease}.mpp-sticky-container.visible{transform:translateY(0)}.mpp-sticky-content{max-width:500px;margin:0 auto;display:flex;flex-direction:column;gap:8px}.mpp-sticky-main-button{width:100%;height:56px;background:#ffce12;color:#111827;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .3s ease;box-shadow:0 4px 12px #ffce124d}.mpp-sticky-main-button:hover{transform:translateY(-1px);box-shadow:0 6px 16px #f8bd1966;background:#f8bd19}.mpp-sticky-main-button:active{transform:translateY(0);background:#e6b800}.mpp-sticky-secondary-text{text-align:center;font-size:14px;color:#6b7280;text-decoration:underline;cursor:pointer;padding:4px 0;transition:color .2s ease}.mpp-sticky-secondary-text:hover{color:#ffce12}@media (min-width: 769px){.mpp-sticky-container{display:none!important}}@media (max-width: 768px){.mpp-sticky-container{padding:12px}.mpp-sticky-main-button{height:52px;font-size:15px}.mpp-sticky-secondary-text{font-size:13px}}.comic-modal[style*=flex]~.mpp-sticky-container,.comic-modal[style*=block]~.mpp-sticky-container{display:none!important}.magic-progress-container{width:100%;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:12px;margin:16px 0;position:relative;overflow:hidden;transition:all .3s ease}.magic-progress-wrap{display:flex;align-items:center;gap:12px;margin-top:8px}.magic-progress-container .magic-progress-bar{flex:1;height:10px;background:#e2e8f0;border-radius:5px;overflow:hidden;position:relative}.magic-progress-container .magic-progress-percent{font-size:14px;font-weight:600;color:#6f2eae!important;white-space:nowrap;min-width:40px;text-align:right;display:block}.magic-progress-container .magic-progress-fill{height:100%;background:linear-gradient(90deg,#6f2eae,#8b5cf6,#a855f7);border-radius:6px;transition:width .6s cubic-bezier(.4,0,.2,1);position:relative;z-index:1}.magic-progress-container .magic-progress-fill:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.4) 50%,transparent 100%);animation:magic-progress-shimmer 2s infinite}@keyframes magic-progress-shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.magic-progress-container.magic-progress-complete{background:linear-gradient(135deg,#10b981,#34d399);border-color:#10b981;color:#fff;height:auto;min-height:56px;padding:16px}.magic-success-container{display:flex;align-items:center;gap:12px;width:100%}.magic-success-icon{width:32px;height:32px;background:#fff3;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700;flex-shrink:0;animation:magic-success-bounce .6s ease-out}@keyframes magic-success-bounce{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}.magic-success-text{flex:1;font-weight:600;font-size:16px;color:#fff}.magic-success-button{background:#fff;color:#10b981;padding:8px 16px;border-radius:8px;font-weight:600;text-decoration:none;font-size:14px;transition:all .3s ease;border:none;cursor:pointer;white-space:nowrap}.magic-success-button:hover{background:#f0fdf4;transform:translateY(-1px);box-shadow:0 4px 8px #10b98133}@media (max-width: 768px){.comic-modal{padding:16px;align-items:center}.comic-modal-content{max-width:100%;max-height:95vh;padding:20px}.magic-progress-wrap{gap:8px}.magic-progress-container .magic-progress-percent{font-size:12px;min-width:35px}}@media (max-width: 480px){.comic-modal{padding:12px}.comic-modal-content{padding:16px}.magic-progress-container{padding:10px 12px}.magic-success-container{gap:8px}.magic-success-icon{width:28px;height:28px;font-size:16px}.magic-success-text{font-size:14px}.magic-success-button{padding:6px 12px;font-size:13px}}.mmp-queue-progress-container{width:100%;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:12px;margin-top:12px;position:relative;overflow:hidden;transition:all .3s ease}.mmp-queue-progress-bar{width:100%;height:6px;background:#e2e8f0;border-radius:4px;overflow:hidden;position:relative;margin-bottom:8px}.mmp-queue-progress-fill{height:100%;background:linear-gradient(90deg,#6f2eae,#8b5cf6,#a855f7);border-radius:4px;transition:width .6s cubic-bezier(.4,0,.2,1);position:relative}.mmp-queue-progress-fill:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.4) 50%,transparent 100%);animation:mmp-queue-progress-shimmer 2s infinite}@keyframes mmp-queue-progress-shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.mmp-queue-progress-text{font-size:12px;color:#6b7280;font-weight:500;line-height:1.2;margin:0}.mmp-queue-progress-container.completed{background:linear-gradient(135deg,#10b981,#34d399);border-color:#10b981;color:#fff}.mmp-queue-progress-container.completed .mmp-queue-progress-text{color:#fff;font-weight:600}.mmp-queue-progress-container.completed .mmp-queue-progress-fill{background:#ffffff4d}@media (max-width: 480px){.mmp-queue-progress-container{padding:8px;margin-top:8px}.mmp-queue-progress-bar{height:4px;margin-bottom:6px}.mmp-queue-progress-text{font-size:11px}}.mpp-sticky-main-button{position:relative;overflow:hidden}.mpp-sticky-button-content{display:flex;align-items:center;gap:8px;transition:opacity .2s ease}.mpp-sticky-button-loader{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;gap:6px;opacity:0;transition:opacity .2s ease}.mpp-sticky-button-loader span{width:6px;height:6px;border-radius:50%;background:#000;animation:mpp-sticky-dots 1.4s infinite ease-in-out both}.mpp-sticky-button-loader span:nth-child(1){animation-delay:-.32s}.mpp-sticky-button-loader span:nth-child(2){animation-delay:-.16s}.mpp-sticky-button-loader span:nth-child(3){animation-delay:0s}@keyframes mpp-sticky-dots{0%,80%,to{transform:scale(.8);opacity:.5}40%{transform:scale(1);opacity:1}}.mpp-sticky-main-button.loading .mpp-sticky-button-content{opacity:0}.mpp-sticky-main-button.loading .mpp-sticky-button-loader{opacity:1}.mpp-sticky-main-button.loading{pointer-events:none}
/*# sourceMappingURL=/cdn/shop/t/75/assets/customer-upload-popup.css.map */