.wizard-container{background:#fff;border:1px solid #e0e0e0;border-radius:var(--wz-border-radius);padding:var(--wz-container-padding);margin-bottom:20px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.wizard-container .step-content{display:none;animation:wizardFadeIn .4s ease}.wizard-container .step-content.active{display:block}@keyframes wizardFadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.wizard-container .step-label{font-size:14px;font-weight:700;color:var(--wz-text-color);margin-bottom:5px;text-transform:uppercase;letter-spacing:.5px}.wizard-container .step-question{font-size:18px;margin-bottom:8px;color:#111;line-height:1.4}.wizard-container .step-description{font-size:14px;color:#666;margin-bottom:15px;line-height:1.5}.wizard-container .required-star{color:var(--wz-primary-color)}.wizard-container .error-message{color:var(--wz-primary-color);font-size:14px;margin-top:10px;display:none;font-weight:500}.wizard-container .error-message.show{display:block}.wizard-container .options-grid{display:flex;flex-wrap:wrap;gap:10px}.wizard-container .option-btn{padding:10px 20px;border:1px solid #ddd;border-radius:8px;background:#fff;cursor:pointer;font-size:15px;transition:all .2s;-webkit-user-select:none;user-select:none;flex:1 0 30%;text-align:center;min-width:80px}.wizard-container .option-btn.selected{background-color:var(--wz-primary-bg-light);border-color:var(--wz-primary-color);color:var(--wz-primary-color);font-weight:600;box-shadow:0 0 0 1px var(--wz-primary-color) inset}.wizard-container .option-btn:hover{border-color:#bbb}.wizard-container .options-grid[class*=radio-grid-]{display:grid;gap:10px}.wizard-container .radio-grid-2{grid-template-columns:repeat(2,1fr)}.wizard-container .radio-grid-3{grid-template-columns:repeat(3,1fr)}.wizard-container .radio-grid-4{grid-template-columns:repeat(4,1fr)}.wizard-container .radio-grid-5{grid-template-columns:repeat(5,1fr)}.wizard-container .radio-grid-6{grid-template-columns:repeat(6,1fr)}.wizard-container .radio-grid-7{grid-template-columns:repeat(7,1fr)}.wizard-container .radio-grid-8{grid-template-columns:repeat(8,1fr)}.wizard-container .radio-grid-9{grid-template-columns:repeat(9,1fr)}.wizard-container .radio-grid-10{grid-template-columns:repeat(10,1fr)}.wizard-container .options-grid[class*=radio-grid-] .option-btn{flex:none;display:flex;align-items:center;justify-content:center;gap:1rem;padding:12px 8px}.wizard-container .options-grid[class*=radio-grid-] .option-btn img{display:block;max-width:100%;height:auto;margin-bottom:8px;border-radius:4px}.wizard-container .options-grid[class*=radio-grid-] .option-btn span{text-align:center;word-break:break-word}@media (max-width: 768px){.wizard-container .radio-grid-6,.wizard-container .radio-grid-7,.wizard-container .radio-grid-8,.wizard-container .radio-grid-9,.wizard-container .radio-grid-10{grid-template-columns:repeat(5,1fr)}.wizard-container .options-grid[class*=radio-grid-] .option-btn{flex-direction:column;gap:0rem}.wizard-container .skeleton-item{gap:4px}}.wizard-container .radio-pic-grid{display:grid;gap:12px}.wizard-container .option-pic-item{display:flex;flex-direction:column;align-items:center;cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;touch-action:manipulation;width:100%;min-width:0;justify-self:stretch}.wizard-container .option-pic-btn{padding:10px;border:2px solid #ddd;border-radius:8px;background:#fff;transition:border-color .15s;overflow:hidden;width:100%;aspect-ratio:1 / 1;box-sizing:border-box;display:flex;align-items:center;justify-content:center}.wizard-container .option-pic-item:hover .option-pic-btn{border-color:#bbb}.wizard-container .option-pic-item.selected .option-pic-btn{border-color:var(--wz-primary-color)}.wizard-container .option-pic-btn img{display:block;width:100%;height:100%;object-fit:contain;border-radius:4px}.wizard-container .option-pic-label{font-size:13px;color:var(--wz-text-color);text-align:center;margin-top:6px;width:100%}.wizard-container .option-price{display:block;color:var(--wz-primary-color);font-size:12px;font-weight:600}.wizard-container .step-textarea,.wizard-container .step-input{width:100%;padding:12px;border:1px solid #ccc;border-radius:8px;font-family:inherit;font-size:15px;box-sizing:border-box}.wizard-container .step-textarea{min-height:100px;resize:vertical}.wizard-container .step-textarea.error,.wizard-container .step-input.error{border-color:var(--wz-primary-color)}.wizard-container .step-textarea::placeholder,.wizard-container .step-input::placeholder{color:#aaa}.wizard-container textarea.step-input,.wizard-container textarea.custom-input{resize:none;overflow-y:hidden;min-height:1lh;max-height:6lh;line-height:1.5}.wizard-container .wizard-footer{position:sticky;bottom:0;background:#fff;padding-top:20px;border-top:1px solid #f0f0f0;margin-top:20px;display:flex;flex-direction:column;gap:10px;z-index:10}.wizard-container .price-summary{font-size:18px;font-weight:700;text-align:right;color:var(--wz-text-color)}.wizard-container .total-price{color:var(--wz-primary-color);font-size:22px}.wizard-container .nav-buttons{display:flex;gap:10px}.wizard-container .btn-nav{flex:1;padding:15px;border-radius:50px;border:none;font-size:16px;font-weight:700;cursor:pointer;transition:opacity .2s}.wizard-container .btn-prev{background:#f5f5f5;color:var(--wz-text-color);flex:0 0 30%}.wizard-container .btn-next{background:var(--wz-primary-color);color:#fff}.wizard-container .btn-atc{background:var(--wz-primary-color);color:#fff;display:none;width:100%}.wizard-container .btn-nav:disabled{opacity:.5;cursor:not-allowed}.wizard-container .wizard-progress-bar{height:8px;background:#e0e0e0;margin:calc(-1 * var(--wz-container-padding)) calc(-1 * var(--wz-container-padding)) var(--wz-container-padding) calc(-1 * var(--wz-container-padding));border-radius:var(--wz-border-radius) var(--wz-border-radius) 0 0;overflow:hidden;position:relative}.wizard-container .wizard-progress-bar .wizard-progress-fill{height:100%;background:var(--wz-primary-color);width:0%;transition:width .3s ease;display:block;position:absolute;left:0;top:0}.wizard-container .input-wrapper{position:relative}.wizard-container .input-wrapper.has-char-count{display:flex;flex-wrap:wrap}.wizard-container .input-wrapper.has-char-count .step-input{padding-right:60px}.wizard-container .char-count{position:absolute;font-size:14px;color:#999;pointer-events:none}.wizard-container .input-wrapper .char-count{right:12px;bottom:10px}.wizard-container .wizard-fields-wrapper{display:flex;flex-direction:column;gap:20px}.wizard-container .field-section{margin-top:0}.wizard-container .field-label{font-weight:700;margin-bottom:5px}.wizard-container .field-label-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:5px}.wizard-container .regenerate-btn{padding:6px 12px;font-size:13px;color:var(--wz-primary-color);background:transparent;border:1px solid var(--wz-primary-color);border-radius:6px;cursor:pointer;transition:all .2s;font-weight:500;line-height:normal}.wizard-container .regenerate-btn:hover{background:var(--wz-primary-color);color:#fff}.wizard-container .image-upload-field .field-label{flex:1}.wizard-container .generation-history{margin-left:8px;position:relative;display:inline-block}.wizard-container .generation-history-trigger{padding:6px 12px;font-size:13px;color:var(--wz-primary-color);background:transparent;border:1px solid var(--wz-primary-color);border-radius:6px;cursor:pointer;transition:all .2s;font-weight:500;line-height:normal}.wizard-container .generation-history-trigger:after{content:"";display:inline-block;width:0;height:0;margin-left:6px;vertical-align:middle;border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid currentColor}.wizard-container .generation-history.open .generation-history-trigger:after{border-top:none;border-bottom:4px solid currentColor}.wizard-container .generation-history-dropdown{position:absolute;top:calc(100% + 4px);right:0;background:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 4px 12px #0000001a;z-index:100;display:none;min-width:160px}.wizard-container .generation-history.open .generation-history-dropdown{display:block}.wizard-container .generation-history-option{padding:8px 12px;cursor:pointer;font-size:13px;white-space:nowrap;transition:background .15s}.wizard-container .generation-history-option:first-child{border-radius:8px 8px 0 0}.wizard-container .generation-history-option:last-child{border-radius:0 0 8px 8px}.wizard-container .generation-history-option:hover{background:#f5f5f5}.wizard-container .generation-history-option.active{color:var(--wz-primary-color);font-weight:600}.wizard-container .field-tip{font-size:13px;color:#666;margin-bottom:8px}.wizard-container .upload-zone{border:2px dashed #ddd;border-radius:8px;padding:30px;text-align:center;cursor:pointer;transition:border-color .2s,background-color .2s}.wizard-container .upload-zone:hover{border-color:var(--wz-primary-color);background-color:var(--wz-primary-bg-light)}.wizard-container .upload-placeholder{color:#999}.wizard-container .upload-placeholder svg{margin-bottom:10px;color:#ccc}.wizard-container .upload-placeholder span{display:block;font-size:14px}.wizard-container .upload-preview img{max-width:100%;max-height:200px;border-radius:8px}.wizard-container .skeleton-grid{display:grid;gap:10px;margin-top:15px}.wizard-container .skeleton-grid.single-result,.wizard-container .skeleton-grid.image-grid-1{max-width:50%}.wizard-container .skeleton-item{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:wizardShimmer 1.5s infinite;border-radius:8px;position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px}.wizard-container .skeleton-item.result-item{background:none;animation:none;cursor:pointer;border:2px solid #ddd;border-radius:8px;transition:border-color .2s;aspect-ratio:unset!important;height:auto;position:relative;display:block}.wizard-container .skeleton-item.result-item .skeleton-progress,.wizard-container .skeleton-item.result-item .loading-message{display:none}.wizard-container .skeleton-item.result-item:hover{border-color:#bbb}.wizard-container .skeleton-item.result-item.selected{border-color:var(--wz-primary-color)}.wizard-container .skeleton-item.result-item img{width:100%;height:auto;display:block}.wizard-container .skeleton-item.result-item .check-icon{position:absolute;top:8px;right:8px;width:24px;height:24px;background:var(--wz-primary-color);border-radius:50%;display:none;align-items:center;justify-content:center}.wizard-container .skeleton-item.result-item.selected .check-icon{display:flex}.wizard-container .skeleton-item.result-item .check-icon svg{width:14px;height:14px;color:#fff}.wizard-container .skeleton-item .result-img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain;opacity:0;transition:opacity .3s ease;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.wizard-container .skeleton-item .result-img.loaded{opacity:1}.wizard-container .skeleton-item.result-item .result-img{position:static;width:100%;height:auto;object-fit:unset;display:block;opacity:1}.wizard-container .skeleton-item .check-icon{z-index:3}.wizard-container .skeleton-item.result-item .zoom-btn{position:absolute;bottom:8px;right:8px;width:28px;height:28px;background:#00000080;border-radius:4px;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:3}.wizard-container .skeleton-item.result-item .zoom-btn svg{width:16px;height:16px;color:#fff}.image-lightbox{position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;display:flex;align-items:center;justify-content:center;z-index:9999;cursor:pointer}.image-lightbox img{max-width:90%;max-height:90%;object-fit:contain}.image-lightbox .lightbox-content{position:relative;max-width:90%;max-height:90%}.image-lightbox .lightbox-content img{max-width:100%;max-height:90vh;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.wizard-container .image-grid-1{grid-template-columns:repeat(1,1fr)}.wizard-container .image-grid-2{grid-template-columns:repeat(2,1fr)}.wizard-container .image-grid-3{grid-template-columns:repeat(3,1fr)}.wizard-container .image-grid-4{grid-template-columns:repeat(4,1fr)}.wizard-container .image-grid-5{grid-template-columns:repeat(5,1fr)}.wizard-container .image-grid-6{grid-template-columns:repeat(6,1fr)}.wizard-container .image-grid-7{grid-template-columns:repeat(7,1fr)}.wizard-container .image-grid-8{grid-template-columns:repeat(8,1fr)}.wizard-container .image-grid-9{grid-template-columns:repeat(9,1fr)}.wizard-container .image-grid-10{grid-template-columns:repeat(10,1fr)}.wizard-container .image-grid-1 .skeleton-item:nth-child(n+2),.wizard-container .image-grid-2 .skeleton-item:nth-child(n+3),.wizard-container .image-grid-3 .skeleton-item:nth-child(n+4),.wizard-container .image-grid-4 .skeleton-item:nth-child(n+5),.wizard-container .image-grid-5 .skeleton-item:nth-child(n+6),.wizard-container .image-grid-6 .skeleton-item:nth-child(n+7),.wizard-container .image-grid-7 .skeleton-item:nth-child(n+8),.wizard-container .image-grid-8 .skeleton-item:nth-child(n+9),.wizard-container .image-grid-9 .skeleton-item:nth-child(n+10),.wizard-container .image-grid-10 .skeleton-item:nth-child(n+11),.wizard-container .image-grid-11 .skeleton-item:nth-child(n+12),.wizard-container .image-grid-12 .skeleton-item:nth-child(n+13){display:none}@keyframes wizardShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.wizard-container .skeleton-progress{width:60px;height:60px;position:relative}.wizard-container .skeleton-progress svg{transform:rotate(-90deg);width:60px;height:60px}.wizard-container .skeleton-progress .progress-bg{fill:none;stroke:#ffffff4d;stroke-width:4}.wizard-container .skeleton-progress .progress-bar{fill:none;stroke:var(--wz-primary-color);stroke-width:4;stroke-linecap:round;stroke-dasharray:138;stroke-dashoffset:124;transition:stroke-dashoffset .5s ease-out}.wizard-container .skeleton-progress .progress-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:12px;font-weight:700;color:var(--wz-primary-color)}.wizard-container .loading-message{text-align:center;font-size:12px;color:var(--wz-primary-color);margin-top:8px;min-height:16px}.wizard-container .result-grid{display:grid;gap:10px;margin-top:15px}.wizard-container .result-grid.single-result,.wizard-container .result-grid.image-grid-1{max-width:50%}.wizard-container .result-item{position:relative;border-radius:8px;overflow:hidden;cursor:pointer;border:2px solid transparent;transition:border-color .2s}.wizard-container .result-item.selected{border-color:var(--wz-primary-color)}.wizard-container .result-item img{width:100%;height:auto;display:block}.wizard-container .result-item .check-icon{position:absolute;top:8px;right:8px;width:24px;height:24px;background:var(--wz-primary-color);border-radius:50%;display:none;align-items:center;justify-content:center}.wizard-container .result-item.selected .check-icon{display:flex}.wizard-container .result-item .check-icon svg{width:14px;height:14px;color:#fff}.wizard-container .select-hint{font-size:13px;color:#666;margin-top:10px;text-align:center}.wizard-container .select-field .label-price{color:var(--wz-primary-color);font-weight:500}.wizard-container .select-container{position:relative}.wizard-container .select-trigger{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border:2px solid #ddd;border-radius:8px;cursor:pointer;background:#fff;transition:border-color .2s}.wizard-container .select-trigger:hover{border-color:#bbb}.wizard-container .select-container.open .select-trigger{border-color:var(--wz-primary-color)}.wizard-container .select-value{flex:1;font-size:15px;line-height:1.2}.wizard-container .select-price{color:var(--wz-primary-color);font-weight:500;font-size:15px;line-height:1.2;margin-right:8px}.wizard-container .select-arrow{transition:transform .2s;flex-shrink:0}.wizard-container .select-container.open .select-arrow{transform:rotate(180deg)}.wizard-container .select-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;background:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 4px 12px #0000001a;z-index:100;display:none;max-height:300px;overflow-y:auto}.wizard-container .select-container.open .select-dropdown{display:block}.wizard-container .select-dropdown .select-option{display:flex;align-items:center;padding:12px 16px;cursor:pointer;transition:background .15s}.wizard-container .select-dropdown .select-option:hover{background:#f5f5f5}.wizard-container .select-dropdown .select-option.selected{background:var(--wz-primary-bg-light)}.wizard-container .select-dropdown .select-option .option-label{flex:1;font-size:15px;line-height:1.2}.wizard-container .select-dropdown .select-option .option-price{margin-left:8px;color:var(--wz-primary-color);font-weight:500}.wizard-container .select-dropdown .select-option .option-check{margin-left:8px;opacity:0;color:var(--wz-primary-color)}.wizard-container .select-dropdown .select-option.selected .option-check{opacity:1}.wizard-container .custom-input-wrapper{margin-top:10px}.wizard-container .image-preview-tooltip{position:absolute;z-index:1000;background:#333;border-radius:12px;padding:12px;box-shadow:0 8px 24px #0000004d;pointer-events:none;opacity:0;transition:opacity .2s;will-change:transform,opacity;width:200px;overflow:visible}.wizard-container .image-preview-tooltip.visible{opacity:1}.wizard-container .image-preview-tooltip img{display:block;width:100%;height:auto;border-radius:8px;margin-bottom:8px}.wizard-container .image-preview-tooltip .preview-label{color:#fff;font-size:14px;font-weight:600;text-align:center}.wizard-container .image-preview-tooltip .preview-price{color:var(--wz-primary-color);font-size:13px;font-weight:500;text-align:center;margin-top:4px}.wizard-container .custom-input{width:100%;padding:12px 16px;border:2px solid #ddd;border-radius:8px;font-size:14px;box-sizing:border-box;transition:border-color .2s}.wizard-container .custom-input:focus{outline:none;border-color:var(--wz-primary-color)}.wizard-container .preview-field .field-label-row{display:flex;justify-content:space-between;align-items:center;gap:16px}.wizard-container .preview-field .field-label{margin-bottom:0}.wizard-container .show-preview-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:transparent;color:var(--wz-primary-color);border:1px solid var(--wz-primary-color);border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s;white-space:nowrap}.wizard-container .show-preview-btn svg{width:14px;height:14px}.preview-floating-panel{position:fixed;z-index:2000;background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000026;display:flex;flex-direction:column;overflow:hidden}@media (min-width: 769px){.preview-floating-panel{right:20px;bottom:20px;width:300px;max-width:300px;height:400px;max-height:calc(100vh - 100px)}}@media (max-width: 768px){.preview-floating-panel{position:relative;top:auto;left:auto;right:auto;height:250px;max-height:none;border-radius:8px;width:100%;margin-top:12px;box-shadow:none;border:1px solid #eee}.preview-floating-panel .panel-close-btn,.show-preview-btn{display:none!important}.option-pic-label{line-height:1.2}.option-pic-label .option-price{margin-top:4px}}.preview-floating-panel .panel-header{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;border-bottom:1px solid #eee;flex-shrink:0}.preview-floating-panel .panel-title{font-size:14px;font-weight:600;color:#333}.preview-floating-panel .panel-close-btn{background:none;border:none;cursor:pointer;padding:4px;color:#666;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s}.preview-floating-panel .panel-close-btn:hover{background:#f5f5f5;color:#333}.preview-floating-panel .panel-actions{display:flex;align-items:center;gap:4px}.preview-floating-panel .panel-expand-btn{background:none;border:none;cursor:pointer;padding:4px;color:#666;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s}.preview-floating-panel .panel-expand-btn:hover{background:#f5f5f5;color:#333}@media (min-width: 769px){.preview-floating-panel.expanded{top:50%;left:50%;right:auto;bottom:auto;transform:translate(-50%,-50%);width:90vw;max-width:800px;height:90vh;max-height:90vh}}@media (max-width: 768px){.preview-floating-panel.expanded{position:fixed;top:0;left:0;right:0;bottom:0;width:100%;height:100%;max-height:100%;border-radius:0;z-index:1000;margin-top:0;border:none;box-shadow:0 0 20px #0000004d}.preview-floating-panel.expanded .panel-close-btn{display:flex}}.preview-floating-panel.expanded .expand-icon{display:none}.preview-floating-panel.expanded .collapse-icon{display:block!important}.preview-floating-panel .panel-body{flex:1;padding:12px;overflow:hidden;display:flex;flex-direction:column;min-height:0}.preview-floating-panel .panel-canvas-wrapper{flex:1;display:flex;align-items:center;justify-content:center;min-height:0;overflow:hidden;background:#f9f9f9;border-radius:8px}.preview-floating-panel .preview-canvas{max-width:100%;max-height:100%}.preview-floating-panel .canvas-container{max-width:100%!important;max-height:100%!important}.preview-floating-panel .canvas-container canvas{cursor:grab}.preview-floating-panel .canvas-container canvas:active{cursor:grabbing}.wizard-container .watermark-overlay,.image-lightbox .watermark-overlay{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;overflow:hidden;z-index:2;color:transparent}.wizard-container .watermark-overlay:before,.image-lightbox .watermark-overlay:before{content:var(--wz-watermark-text);position:absolute;top:-50%;left:-50%;width:200%;height:200%;display:flex;flex-wrap:wrap;align-content:center;justify-content:center;font-size:14px;font-weight:700;color:#00000014;letter-spacing:1px;word-spacing:20px;line-height:3;transform:rotate(-30deg);white-space:pre-wrap;text-align:center}.image-lightbox .watermark-overlay:before{font-size:20px;word-spacing:40px;line-height:5}.wizard-container .upload-preview{position:relative}.wizard-container .skeleton-item.result-item .watermark-overlay:before,.wizard-container .result-item .watermark-overlay:before{font-size:11px;word-spacing:15px;line-height:2.5}
/*# sourceMappingURL=/cdn/shop/t/11/assets/wizard-form.css.map */