.personallise{margin-bottom:20px}.personallise .personallise-btn{width:100%}#pod-content{background:#f5efef;padding:0 50px}#pod-content button{padding:1px 20px;border:1px solid #d9d9d9;border-radius:6px;cursor:pointer;font-size:16px;transition:all .3s ease;background-color:#fff;color:#333}#pod-content button.active{background-color:#1890ff;color:#fff;border-color:#1890ff}#pod-content button.primary-action{background-color:#1890ff;color:#fff;border:none}#pod-content button.primary-action:hover{background-color:#40a9ff}#pod-content button.primary-action:disabled{background-color:#d9d9d9;cursor:not-allowed;color:#00000040}#pod-content button:disabled{cursor:not-allowed;opacity:.6}.pod-container{width:100%;border-radius:12px;overflow:hidden;position:relative}.progress-container{padding:8px 20px 0}.progress-bar{display:flex;justify-content:space-between;gap:3px}.step-item{flex:1;display:flex;flex-direction:column;align-items:center;opacity:1}.step-header{display:flex;align-items:center;gap:8px;margin-bottom:3px;transition:all .3s ease}.step-icon{width:24px;height:24px;border-radius:50%;background-color:#d9d9d9;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;transition:background-color .3s ease}.step-text{font-size:16px;font-weight:500;color:#999;transition:color .3s ease}.step-line{width:100%;height:4px;background-color:#cac4c4;transition:background-color .3s ease}.step-item.active .step-icon{background-color:#52c41a}.step-item.active .step-text{color:#52c41a}.step-item.active .step-line{background-color:#52c41a}.pod-scroll{width:200%;display:flex;transition:transform .5s cubic-bezier(.4,0,.2,1)}.pod-main{display:flex;width:50%}.pod-preview{width:50%;padding:20px}.preview-container{display:flex}.text-container{flex:1;padding-right:100px}.pod-left{flex:1;overflow:hidden}.pod-right{width:500px;display:flex;flex-direction:column;align-items:center;justify-content:center}.example-images-container{height:280px;position:relative;width:100%}.example-image1{position:absolute;bottom:0;left:30px}.example-image2{position:absolute;bottom:80px;left:200px}.example-image3{position:absolute;top:0;right:30px}.pod-content-wrapper{display:flex;width:200%;transition:transform .5s cubic-bezier(.4,0,.2,1)}.step{width:50%;padding:20px;box-sizing:border-box;flex-shrink:0}.step-description{font-size:24px;color:#333;margin-bottom:10px;text-align:center}.upload-area{border:2px dashed #d9d9d9;border-radius:8px;height:400px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:border-color .3s;margin-bottom:24px;position:relative;background-color:#fafafa;overflow:hidden;padding:0}.upload-area:hover{border-color:#1890ff}.upload-area img{width:auto;height:100%;max-width:100%;object-fit:contain;display:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.upload-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#0009;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease;z-index:5}.upload-area.has-image:hover .upload-overlay{opacity:1}.reupload-btn{padding:8px 16px;background:#fff3;border:1px solid white;color:#fff;border-radius:4px;cursor:pointer;font-size:14px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:all .3s}.reupload-btn:hover{background:#fff;color:#333}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-weight:500;color:#262626}.form-control{width:100%;padding:10px;border:1px solid #d9d9d9;border-radius:4px;font-size:14px;box-sizing:border-box}.form-control:focus{outline:none;border-color:#40a9ff;box-shadow:0 0 0 2px #1890ff33}.result-container{min-width:500px;width:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;height:auto;position:relative}.result-image-wrapper{width:100%;height:auto;min-height:400px;border-radius:8px;overflow:hidden;background-color:#f0f2f5;display:flex;align-items:center;justify-content:center;margin-bottom:20px;border:1px solid #e8e8e8;box-shadow:0 0 10px}.result-image-wrapper img{max-width:100%;max-height:100%;object-fit:contain}.loading-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#ffffffe6;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:10;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #1890ff;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}.loading-text{font-size:16px;font-weight:500;color:#1890ff;margin-bottom:8px}.loading-subtext{font-size:12px;color:#8c8c8c}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.back-btn{background:transparent;color:#666;border:1px solid #d9d9d9;padding:6px 12px;margin-bottom:10px}.hidden{display:none!important}#final-result-img{width:auto;height:auto;max-width:400px;max-height:100%;display:block;touch-action:none}.color-picker-wrapper{display:flex;align-items:center;gap:12px}.color-picker-input{width:60px;height:40px;border:1px solid #d9d9d9;border-radius:4px;cursor:pointer;padding:0;background:none;margin:0}.color-picker-input::-webkit-color-swatch-wrapper{padding:0}.color-picker-input::-webkit-color-swatch{border:none;border-radius:4px}.color-picker-display{display:flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid #d9d9d9;border-radius:4px;background:#fff;flex:1}.color-preview{width:24px;height:24px;border-radius:4px;border:1px solid #d9d9d9;background-color:#1890ff}.color-value{font-size:14px;color:#262626;font-family:Courier New,monospace;font-weight:500}@media only screen and (max-width:766px){#pod-content{padding:0}.progress-container,.pod-right{display:none}.preview-container{display:inherit}.result-container{margin-top:20px;width:100%;min-width:auto}#final-result-img{max-width:90%}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/pod.css.map */