.header-container,.upload-row{background-color:#fff;display:flex}.header-container{justify-content:flex-start;align-items:center;padding:10px 30px;box-shadow:0 2px 5px rgba(0,0,0,.1)}.logo-container .logo-text{font-size:22px;font-weight:700;color:#333;text-decoration:none}.dropdown-menu{position:relative;margin-left:20px}.dropdown-trigger{cursor:pointer;display:flex;align-items:center}.upload-row{margin-bottom:15px;flex-direction:column;justify-content:center;align-items:center;padding:15px 0}.upload-row h1{font-size:28px;color:#333;text-align:center;margin:15px 0 20px}#pro-mode-info img{width:100%;object-fit:contain}.upload-row-text{font-size:16px;color:#333;margin-bottom:15px}.upload-row-note{font-size:14px;color:#666;margin:5px 0}.color-red{color:#ff5722}.ok-icon{color:#5FB878;margin-right:5px}.upload-image-btn{background-color:#1e88e5;color:#fff;border:none;border-radius:50px;padding:12px 30px;font-size:18px;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 8px rgba(30,136,229,.3);transition:all .3s ease;width:100%;max-width:280px;margin-bottom:12px}.upload-image-btn:hover{background-color:#1976d2;box-shadow:0 6px 12px rgba(30,136,229,.4)}.config-menu,.detection-container,.detection-table-container,.main-container{box-shadow:0 4px 12px rgba(0,0,0,.1);background-color:#fff}.upload-image-btn .layui-icon{margin-right:8px;font-size:22px}.upload-actions-col{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;padding-top:50px;padding-left:15px}.photo-text{margin-top:15px;text-align:center}.photokind{display:flex;flex-wrap:wrap;justify-content:center;margin-top:20px;width:100%}.footer{margin-top:50px;padding:20px 0;background-color:#f2f2f2;text-align:center;color:#666}.layui-icon-upload-drag:before{content:"\e681"}.layui-icon-down:before{content:"\e61a"}.page-container{max-width:1400px;margin:20px auto;padding-bottom:50px}.main-container{margin-bottom:15px;border:none;border-radius:8px;padding:20px;box-sizing:border-box;overflow:hidden}.main-layout-row{display:flex;align-items:stretch}.main-layout-row>.layui-col-md4{display:flex;flex-direction:column}.main-layout-row>.layui-col-md4:nth-child(2)>.detection-container,.main-layout-row>.layui-col-md4:nth-child(3)>.detection-container{flex-grow:1}.main-layout-row>.layui-col-md4:first-child>.layui-row,.main-layout-row>.layui-col-md4:first-child>.layui-row>.layui-col-md12:first-child,.main-layout-row>.layui-col-md4:first-child>.layui-row>.layui-col-md12:first-child>.detection-container{flex-grow:1;display:flex;flex-direction:column}.main-layout-row>.layui-col-md4:first-child>.layui-row>.layui-col-md12:first-child>.detection-container>.preview-area{flex-grow:1;position:relative}.divider{border-top:1px solid #e6e6e6}.config-menu,.detection-container{border-radius:8px;padding:25px;box-sizing:border-box;display:flex;flex-direction:column;flex-grow:1}.detection-table-container{border-radius:8px;padding:35px 15px 15px 45px;box-sizing:border-box;position:relative;overflow:hidden;display:flex;align-items:flex-start;justify-content:center;flex-grow:1;min-height:250px}.detection-header{height:60px;background-color:#fff;font-size:20px;line-height:56px;text-align:center;font-weight:600;color:#333;padding:0 15px;border-bottom:1px solid #ccc;margin-bottom:20px;flex-shrink:0}#image-wrapper{position:absolute}.preview-area{background-color:#f0f8ff;display:flex;justify-content:center;align-items:center;border:1px solid #e6e6e6;border-radius:4px;overflow:hidden;position:relative;padding:20px;min-height:300px;flex-grow:1}.preview-image{display:block;object-fit:contain;width:100%;height:100%;background-color:transparent}.ruler-element{position:absolute;z-index:10;color:#000;font-size:12px;font-family:monospace;white-space:nowrap}.corner-ruler{border-color:#000;border-style:solid}#border-leftup{border-width:2px 0 0 2px}#border-rightup{border-width:2px 2px 0 0}#border-leftdown{border-width:0 0 2px 2px}#border-rightdown{border-width:0 2px 2px 0}.vertical-text{writing-mode:vertical-rl;transform:rotate(180deg)}.grid-preview-inner{width:100%;display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.grid-placeholder-item{background-color:#f0f8ff;border:1px solid #e6e6e6;border-radius:4px;position:relative;height:0}.grid-placeholder-item .layui-icon{font-size:24px;position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;color:#c2c2c2;transform:rotate(-90deg)}.preview-placeholder{display:flex;flex-direction:column;justify-content:center;align-items:center;color:#c2c2c2;text-align:center;width:100%;height:100%}.preview-placeholder .layui-icon{font-size:80px;margin-bottom:20px}.preview-placeholder p{font-size:16px}.checkTable{width:100%;border-collapse:collapse;margin:0;flex-grow:1;overflow-y:auto}.checkTable td,.checkTable th{padding:12px 15px;text-align:left;border-bottom:1px solid #eee;word-break:break-all}.checkTable th{background-color:#f9f9f9;font-weight:600}.checkTable tr:hover{background-color:#f5f5f5}.loader-container{display:flex;justify-content:center;align-items:center;padding:30px 0}.loader{border:4px solid #f3f3f3;border-top:4px solid #1e88e5;border-radius:50%;width:40px;height:40px;animation:spin 2s linear infinite}@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.config-menu{background-color:#fff;border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,.08);padding:25px;margin-top:0}.config-section{margin-bottom:25px;border-bottom:1px solid #f0f0f0;padding-bottom:20px}.download-section{margin-top:auto;border-bottom:none;padding-bottom:0;display:flex;flex-direction:column;align-items:center;text-align:center}.download-section .config-content{margin-bottom:15px;width:100%}.config-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.config-title{font-size:16px;font-weight:600;color:#333;margin-bottom:15px;display:flex;justify-content:space-between;align-items:center}.config-title h2{margin:0;font-size:16px}.config-content,.outfit-grid{margin-top:15px}.config-title a{font-size:13px;color:#0085ff;text-decoration:none;display:flex;align-items:center}.config-title a .layui-icon{font-size:12px;margin-left:4px}.static-info-display{font-size:14px;color:#333;background-color:#f9f9f9;padding:8px 12px;border-radius:4px;text-align:center}.available-colors-display{display:flex;gap:10px;align-items:center}.color-swatch{width:28px;height:28px;border-radius:50%;border:1px solid #ddd;cursor:pointer;transition:all .3s ease}.color-swatch.active{border-color:#0085ff;border-width:3px;transform:scale(1.1)}.custom-form .layui-form-item{margin-bottom:20px}.custom-form .layui-form-label{width:80px;padding:9px 15px;text-align:left;box-sizing:border-box}.custom-form .layui-input-block{margin-left:80px}.custom-select-wrapper{position:relative;width:100%;display:block}.custom-select-wrapper::after{content:'';position:absolute;top:50%;right:10px;transform:translateY(-50%);width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:6px solid #666;pointer-events:none;transition:all .3s ease;z-index:1}.beauty-option,.custom-radio-option,.custom-select-wrapper select{position:relative}.custom-select-wrapper select{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;padding:9px 30px 9px 12px;font-size:14px;color:#333;background-color:#fff;border:1px solid #e6e6e6;border-radius:4px;cursor:pointer;transition:all .3s ease;z-index:0}.custom-select-wrapper select:hover{border-color:#d2d2d2}.custom-select-wrapper select:focus{outline:0;border-color:#1e88e5;box-shadow:0 0 0 2px rgba(30,136,229,.2)}.custom-select-wrapper select::-ms-expand{display:none}.custom-select-wrapper select option{padding:8px 12px;background-color:#fff;color:#333}.custom-select-wrapper:hover::after{border-top-color:#333}.custom-select-wrapper select:focus+.custom-select-wrapper::after{border-top-color:#1e88e5}.custom-radio-group{display:flex;flex-wrap:nowrap;justify-content:space-between;gap:10px;margin-bottom:10px}.custom-radio-option input[type=radio]{position:absolute;opacity:0}.custom-radio-option label{display:inline-block;padding:8px 16px;border:1px solid #ddd;border-radius:20px;cursor:pointer;transition:all .3s ease;font-size:14px}.message-box .login-close,.option-card,.outfit-option,.payment-card{transition:all .2s ease;cursor:pointer}.custom-radio-option input[type=radio]:checked+label{background-color:#1e88e5;color:#fff;border-color:#1e88e5}.size-select{width:100%;height:38px;padding:0 10px;border:1px solid #e6e6e6;border-radius:2px;color:#333}.outfit-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.outfit-option{text-align:center;padding:5px;border:2px solid transparent;border-radius:4px}.outfit-option.selected{border-color:#1e88e5;background-color:rgba(30,136,229,.05)}.outfit-option img{width:100%;height:60px;object-fit:cover;border-radius:2px}.beauty-options{display:flex;flex-wrap:wrap;gap:15px}.beauty-option input[type=checkbox]{position:absolute;opacity:0}.beauty-option label{display:flex;align-items:center;padding:8px 15px;border:1px solid #ddd;border-radius:20px;cursor:pointer;transition:all .3s ease;font-size:14px}.beauty-option input[type=checkbox]:checked+label{background-color:#1e88e5;color:#fff;border-color:#1e88e5}.file-size-info{padding:10px 0;color:#666;font-size:14px}.download-button{background-color:#1e88e5;color:#fff;border:none;padding:12px 30px;font-size:16px;border-radius:30px;cursor:pointer;transition:background-color .3s;margin-top:10px;width:100%;max-width:300px;text-align:center;box-shadow:0 4px 8px rgba(30,136,229,.3)}.download-button:hover{background-color:#1976d2;box-shadow:0 6px 12px rgba(30,136,229,.4)}.pays-window{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.6);display:none;justify-content:center;align-items:center;z-index:2000}.pays-window.show-payment-window{display:flex}.pays-box{background-color:#fff;padding:30px;border-radius:10px;box-shadow:0 5px 15px rgba(0,0,0,.3);position:relative;width:350px;text-align:center}.pays-title{font-size:18px;font-weight:600;margin-bottom:20px}.pays-close{position:absolute;top:15px;right:15px;font-size:24px;color:#333;text-decoration:none}.pays-qrcode-div{margin-top:15px}#grid-preview,#grid-preview-placeholder{width:100%;max-width:100%;aspect-ratio:1/var(--layout-aspect-ratio,.671);display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.grid-img-wrapper{position:relative;height:0;padding-bottom:100%}.grid-img-div{position:absolute;top:0;left:0;width:100%;height:100%;background-size:contain;background-position:center;background-repeat:no-repeat;border:1px solid #eee}.layout-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;overflow:hidden;background-color:#f9f9f9;border-radius:4px;box-shadow:0 1px 3px rgba(0,0,0,.1)}.layout-image{max-width:100%;max-height:100%;object-fit:contain;display:block}.select-group-row{display:flex;align-items:center;gap:15px;margin-bottom:15px}.form-item-group{display:flex;align-items:center;flex-grow:1;margin-bottom:0}.country-select-container{flex:1 1 40%}.type-select-container{flex:1 1 60%}.form-item-group .layui-form-label{width:auto;padding-right:10px;white-space:nowrap}.form-item-group .layui-input-block{margin-left:0!important;flex-grow:1}.info-row{display:flex;justify-content:space-between;gap:15px}.info-item{flex:1}.info-item .config-title{margin-bottom:8px}.info-item .config-content{margin-top:0}@media (max-width:768px){.upload-row{padding:0 15px}.upload-row h1{font-size:22px}.upload-image-btn{font-size:16px;padding:10px 20px;max-width:100%}.config-container,.detection-container,.main-container{margin:10px;padding:15px}.detection-header{font-size:18px}.outfit-grid{grid-template-columns:repeat(2,1fr)}.upload-actions-col{padding-top:35px;padding-left:10px}}.layui-layer-custom-alert{border-radius:8px!important;box-shadow:0 5px 25px rgba(0,0,0,.1)!important;background-color:#fff!important;border:none!important}.layui-layer-custom-alert .layui-layer-title{background-color:#fff!important;color:#333!important;font-weight:600!important;font-size:18px!important;border-radius:8px 8px 0 0!important;padding:15px 20px!important;border-bottom:1px solid #f0f0f0!important;text-align:left}.layui-layer-custom-alert .layui-layer-content{padding:25px 25px 20px!important;font-size:16px!important;line-height:1.6!important;color:#555!important;text-align:center}.layui-layer-custom-alert .layui-layer-btn{padding:0 20px 20px!important;text-align:center!important}.layui-layer-custom-alert .layui-layer-btn .layui-layer-btn0{background-color:#1e88e5!important;border-color:#1e88e5!important;color:#fff;border-radius:20px!important;padding:8px 30px!important;font-size:15px;transition:background-color .3s;min-width:120px}.layui-layer-custom-alert .layui-layer-btn .layui-layer-btn0:hover{background-color:#1976d2!important}.guarantee-box{border:1px solid #dee2e6}.layui-form-select dl dd.layui-this,.layui-form-select dl dd:hover{background-color:#007bff;color:#fff}.layui-form-radioed:hover>i,.layui-form-radioed>i{color:#1e88e5!important}.layui-form-checked[lay-skin=primary] i{border-color:#1e88e5!important;background-color:#1e88e5!important;color:#fff!important}.color-option{width:36px;height:36px;border-radius:50%;border:2px solid #ccc;display:inline-block;cursor:pointer;margin:4px}.checkout-overlay,.message-window{position:fixed;top:0;left:0;height:100%}.color-option.active{border:3px solid #000}.message-window{width:100%;background-color:rgba(0,0,0,.6);display:flex;justify-content:center;align-items:center;z-index:10000}.message-box{background:#fff;padding:24px 30px;border-radius:12px;box-shadow:0 5px 25px rgba(0,0,0,.15);position:relative;width:420px;max-width:90%;text-align:center;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif}.message-box .login-close{position:absolute;top:15px;right:15px;font-size:28px;color:#aaa;line-height:1}.message-box .login-close:hover{color:#333;transform:rotate(90deg)}.message-text{font-size:18px;font-weight:600;color:#333;margin-bottom:24px}.message-buttons{display:flex;gap:15px;margin-bottom:20px}.message-continue-btn-two{background-color:#1e88e5;color:#fff;border:1px solid #1e88e5;border-radius:8px;padding:12px 16px;font-size:15px;font-weight:500;cursor:pointer;transition:all .3s ease;flex-grow:1;text-align:center}.message-continue-btn-two:hover{background-color:#1976d2;box-shadow:0 4px 12px rgba(30,136,229,.2);transform:translateY(-2px)}.message-continue-btn-two:last-child{background-color:#fff;color:#333;border-color:#dcdfe6}.message-continue-btn-two:last-child:hover{background-color:#f5f7fa;border-color:#1e88e5;color:#1e88e5;box-shadow:none;transform:translateY(0)}.message-box .layui-form{text-align:center;margin-top:10px}.message-box .layui-form-item{margin-bottom:0;display:inline-block}.message-box .layui-form-checkbox[lay-skin=primary] span{font-size:14px;color:#555;padding-left:28px}#sendToEmailInput #inputSTEmail{width:100%;padding:12px 15px;font-size:15px;color:#333;background-color:#fff;border:1px solid #dcdfe6;border-radius:8px;box-sizing:border-box;margin-bottom:20px;text-align:left;transition:border-color .2s,box-shadow .2s}#sendToEmailInput #inputSTEmail:focus{outline:0;border-color:#1e88e5;box-shadow:0 0 0 3px rgba(30,136,229,.1)}#sendToEmailInput .message-continue-btn{width:100%;background-color:#1e88e5;color:#fff;border:none;border-radius:8px;padding:12px 16px;font-size:15px;font-weight:500;cursor:pointer;transition:all .3s ease}#sendToEmailInput .message-continue-btn:hover{background-color:#1976d2;box-shadow:0 4px 12px rgba(30,136,229,.2);transform:translateY(-2px)}.checkout-overlay{width:100%;background-color:rgba(0,0,0,.6);display:none;justify-content:center;align-items:center;z-index:2000;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif}.checkout-overlay.active{display:flex}.checkout-modal{background-color:#f8f9fa;width:90%;max-width:1000px;height:65vh;max-height:550px;border-radius:16px;box-shadow:0 10px 30px rgba(0,0,0,.15);display:flex;overflow:hidden;position:relative}.checkout-options,.checkout-summary{padding:40px;-ms-overflow-style:none;scrollbar-width:none}.checkout-close{position:absolute;top:15px;right:20px;font-size:28px;font-weight:300;color:#868e96;text-decoration:none;z-index:10}.checkout-close:hover{color:#343a40}.checkout-options{flex:1;overflow-y:auto;background-color:#fff;display:flex;flex-direction:column}.checkout-options::-webkit-scrollbar{display:none}.checkout-summary{flex-basis:400px;background-color:#f8f9fa;overflow-y:auto}.checkout-summary::-webkit-scrollbar{display:none}.checkout-step{margin-bottom:40px}.step-counter{font-size:14px;color:#868e96;margin-bottom:4px;display:none!important}.step-title{font-size:28px;font-weight:600;color:#212529;margin-bottom:24px}.option-title,.payment-card{justify-content:space-between;font-weight:500}.details-form,.option-card,.payment-methods{max-width:450px}.option-card,.payment-card{display:block;border:1px solid #dee2e6;border-radius:8px;padding:20px;margin-bottom:16px}.option-card.active,.payment-card.active{border-color:#0d6efd;box-shadow:0 0 0 2px rgba(13,110,253,.25)}.option-card input,.payment-card input{display:none}.option-title{display:flex;font-size:18px;color:#212529;margin-bottom:12px}.option-description{font-size:14px;color:#495057;margin-bottom:12px;line-height:1.5}.option-description .layui-icon{color:#198754;margin-right:5px}.delivery-info,.print-info{font-size:13px;color:#6c757d;display:flex;align-items:center;gap:8px}.delivery-info img,.print-info img{height:16px}.print-note{font-size:12px;color:#adb5bd;margin-top:8px}.checkout-options .form-group{margin-bottom:16px}.checkout-options .form-input{width:100%;padding:12px 16px;border:1px solid #ced4da;border-radius:6px;font-size:16px;background-color:#fff;box-sizing:border-box}.add-note-link,.terms-label{font-size:14px}.checkout-options .form-input::placeholder{color:#868e96;opacity:1}.terms-label{display:flex;align-items:center;gap:10px;color:#495057;margin-bottom:20px}.add-note-link,.terms-label a{color:#0d6efd;text-decoration:none}.add-note-link .layui-icon{font-size:12px}.note-textarea-wrapper{display:none;margin-top:15px}.note-textarea-wrapper textarea{resize:none}.payment-card{display:flex;align-items:center;font-size:16px;flex-wrap:wrap}.payment-card-header{display:flex;justify-content:space-between;align-items:center;width:100%}.payment-details-form{width:100%;margin-top:20px}.payment-details-form .form-row{display:flex;gap:16px;margin-bottom:16px}.payment-details-form .form-group{flex:1;position:relative}.payment-details-form .form-group.full-width{flex-basis:100%}.cvv-input-wrapper{position:relative;display:flex;align-items:center}.cvv-input-wrapper .form-input{padding-right:40px}.cvv-icon{position:absolute;right:12px;height:24px}.payment-logos{display:flex;gap:4px}.payment-logos img{height:24px}.summary-content{display:flex;flex-direction:column;height:100%}.guarantee-box,.summary-image-zoom,.summary-photo-details{display:flex;align-items:center}.summary-main-title{font-size:18px;font-weight:600;color:#495057;margin-bottom:8px}.order-number{font-size:13px;color:#868e96;margin-bottom:16px}.summary-card{background-color:#fff;border-radius:12px;border:1px solid #dee2e6;padding:20px;margin-bottom:auto}.summary-line-item,.summary-photo-details{border-bottom:1px solid #e9ecef}.summary-photo-details{gap:16px;padding-bottom:20px}.summary-image-container{position:relative;width:80px;height:80px}.summary-image-container img{width:100%;height:100%;object-fit:cover;border-radius:8px}.summary-image-zoom{position:absolute;bottom:-5px;right:-5px;width:28px;height:28px;background-color:#fff;border-radius:50%;justify-content:center;box-shadow:0 2px 4px rgba(0,0,0,.1);color:#495057}.summary-spec h5{font-size:18px;font-weight:600;color:#212529;margin:0 0 4px}.summary-spec p{font-size:14px;color:#6c757d;margin:0}.summary-line-item,.summary-total{display:flex;justify-content:space-between;align-items:center;padding:16px 0;font-size:16px}.summary-total{font-weight:600;font-size:20px}.summary-total small{font-weight:400;font-size:14px;color:#6c757d}.purchase-button{width:100%;background-color:#212529;color:#fff;border:none;border-radius:8px;padding:16px;font-size:18px;font-weight:500;cursor:pointer;margin-top:16px;transition:background-color .2s}.purchase-button:hover{background-color:#343a40}.summary-card .purchase-button{margin-top:16px;margin-bottom:0}#payment-status+.purchase-button{margin-top:16px}.ssl-info{text-align:center;font-size:13px;color:#6c757d;margin-top:16px}.ssl-info .layui-icon{color:#28a745;margin-right:4px}#payment-status{text-align:center;font-weight:700;margin:16px 0;padding:10px;border-radius:8px;font-size:14px;border:1px solid transparent}.status-not-paid{color:#856404;background-color:#fff3cd;border-color:#ffeeba}.status-paid{color:#155724;background-color:#d4edda;border-color:#c3e6cb}.guarantee-box{gap:12px;background-color:#e9ecef;padding:16px;border-radius:8px;font-size:14px;color:#495057;margin-top:0;margin-bottom:0}.guarantee-box .layui-icon{font-size:24px;color:#0d6efd}.reviews-image-container{padding:20px 0 10px;margin-top:auto;margin-bottom:10px;text-align:center}.reviews-image-container img{max-width:420px;width:90%;height:auto}@media (max-width:992px){.checkout-modal{flex-direction:column;height:90vh;max-height:none;width:100%;border-radius:0}.checkout-summary{flex-basis:auto;padding:20px}.checkout-options{padding:20px;display:flex;flex-direction:column}.checkout-close{top:10px;right:10px}.reviews-image-container{margin-top:auto;padding:15px 0 5px;margin-bottom:5px}.reviews-image-container img{max-width:90%;min-width:250px}.guarantee-box{margin-top:0;margin-bottom:0;font-size:13px;padding:12px}}.checkout-step:nth-child(2),.summary-line-item{display:none!important}.trust-badges{text-align:center;margin:20px 0;padding:15px 0;background:#f8f9fa;border-radius:8px;border:1px solid #e9ecef}.trust-badges h4{margin-bottom:15px;color:#333;font-size:16px;font-weight:600}.trust-badges img{height:40px;margin:0 10px;transition:transform .2s ease}.trust-badges img:hover{transform:scale(1.1)}@media (max-width:768px){.trust-badges img{height:35px;margin:0 8px}}