:root{--woofle-primary: #292524;--woofle-primary-light: #44403c;--woofle-primary-dark: #1c1917;--woofle-secondary: #78716c;--woofle-accent: #f97316;--woofle-background: #fafaf9;--woofle-surface: #ffffff;--woofle-border: #e7e5e4;--woofle-text: #292524;--woofle-text-light: #78716c;--woofle-success: #22c55e;--woofle-error: #ef4444;--woofle-info: #3b82f6}.woofle-customizer{margin:24px 0;padding:0;background:transparent;border-radius:0;border:none}.customizer-header{text-align:left;margin-bottom:24px}.customizer-header h3{font-size:14px;font-weight:500;margin-bottom:8px;color:var(--woofle-text);text-transform:uppercase;letter-spacing:.05em}.customizer-header p{color:var(--woofle-text-light);font-size:13px;line-height:1.5}.customizer-steps{max-width:none;margin:0}.customizer-step{margin-bottom:32px;opacity:1;transition:opacity .3s ease}.customizer-step.completed{margin-bottom:24px}.customizer-step#step-preview{display:none}.customizer-step#step-preview.active{display:block}.step-header,.step-number,.step-title{display:none}.upload-area{border:none;border-radius:8px;padding:14px 24px;text-align:center;cursor:pointer;transition:all .2s ease,opacity .3s ease,transform .3s ease;background:var(--woofle-primary);color:#fff;font-weight:500;font-size:16px;width:100%;display:flex;align-items:center;justify-content:center;gap:8px}.upload-area:hover{background:var(--woofle-primary-dark);transform:translateY(-1px)}.upload-area.dragover{background:var(--woofle-primary-light);transform:scale(.98)}.upload-icon{color:currentColor;margin-bottom:0;width:20px;height:20px}.upload-text{font-size:16px;color:currentColor;margin-bottom:0}.upload-hint{display:none}.upload-instructions{font-size:12px;color:var(--woofle-text-light);margin-top:8px;text-align:center;transition:opacity .3s ease,transform .3s ease}.upload-preview{margin-top:16px;text-align:center;display:none}.upload-preview img{max-width:120px;max-height:120px;border-radius:8px;box-shadow:0 1px 3px #0000001a;object-fit:contain}.extract-result{margin-top:16px}.face-result{display:flex;align-items:center;gap:16px;padding:16px;background:var(--woofle-background);border-radius:8px;border:1px solid var(--woofle-border)}.face-result img{width:80px;height:80px;border-radius:8px;box-shadow:0 1px 3px #0000001a;object-fit:contain;background:#fff;padding:4px}.face-result-content{flex:1}.face-result p{color:var(--woofle-success);font-weight:500;margin-bottom:8px;font-size:14px}.face-result button{margin-top:0}.extracted-face-simple{text-align:center;margin-top:16px}.extracted-face-simple img{width:120px;height:120px;border-radius:8px;box-shadow:0 1px 3px #0000001a;object-fit:contain;background:#fff;padding:4px;margin-bottom:12px;display:block;margin-left:auto;margin-right:auto}.extracted-face-simple .woofle-inline-message{margin-top:12px}.use-different-photo-link{color:var(--woofle-primary);text-decoration:underline;font-weight:500;transition:opacity .2s ease}.use-different-photo-link:hover{opacity:.7;text-decoration:underline}.woofle-features{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:32px;padding-top:32px;border-top:1px solid var(--woofle-border)}.woofle-feature{text-align:center}.woofle-feature-icon{font-size:32px;margin-bottom:12px}.woofle-feature-title{font-size:14px;font-weight:600;color:var(--woofle-text);margin-bottom:4px;line-height:1.4}.woofle-feature-subtitle{font-size:14px;font-weight:600;color:var(--woofle-text);margin-bottom:8px;line-height:1.4}.woofle-feature-description{font-size:12px;color:var(--woofle-text-light);line-height:1.5}.product-preview{margin-top:24px}.preview-content{text-align:center}.preview-composite{position:relative;margin-bottom:20px}.preview-loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#ffffffe6;padding:10px 20px;border-radius:6px;font-size:14px;color:var(--woofle-text-light)}.preview-overlay-container{position:relative;display:inline-block;max-width:400px;margin:0 auto 20px}.preview-product-img{width:100%;height:auto;border-radius:8px;box-shadow:0 2px 8px #0000001a}.preview-face-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:35%;height:auto;opacity:.9}.product--tshirt .preview-face-overlay,.product--shirt .preview-face-overlay,.product--hoodie .preview-face-overlay{top:30%}.product--mug .preview-face-overlay{width:30%;top:40%}.preview-images{display:flex;align-items:center;justify-content:center;gap:20px;margin-bottom:20px}.preview-face,.preview-product{text-align:center}.preview-face h4,.preview-product h4{font-size:14px;color:#666;margin-bottom:10px}.preview-face img{width:120px;height:120px;object-fit:contain;border-radius:8px;box-shadow:0 2px 8px #0000001a;background:#f0f0f0}.preview-product img{width:100px;height:100px;object-fit:contain;border-radius:8px;box-shadow:0 2px 8px #0000001a}.preview-arrow{font-size:24px;color:#007bff}.preview-note{color:var(--woofle-text-light);margin-bottom:20px;font-size:14px}.woofle-preview-overlay-absolute{position:absolute;top:0;left:0;width:100%;height:100%;z-index:100;background:#fff;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:inherit}.woofle-overlay-product-img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain}.woofle-overlay-pet-img{position:absolute;object-fit:contain;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2));animation:petFadeIn .5s ease-in;width:var(--pet-size, 20%);left:var(--pet-left, 40%);top:var(--pet-top, 35%)}.woofle-overlay-pet-img[data-placement=mug]{--pet-size: 4.75%;--pet-left: 47.63%;--pet-top: 42.5%}.woofle-overlay-pet-img[data-placement=apparel]{--pet-size: 5.7%;--pet-left: 47.15%;--pet-top: 33.5%}.woofle-overlay-pet-img[data-placement=tshirt]{--pet-size: 6.81%;--pet-left: 46.6%;--pet-top: 31%}.woofle-overlay-pet-img[data-placement=hoodie]{--pet-size: 5.7%;--pet-left: 47.15%;--pet-top: 28.5%}.woofle-overlay-pet-img[data-placement=phone]{--pet-size: 6.66%;--pet-left: 46.67%;--pet-top: 42.5%}.woofle-overlay-pet-img[data-placement=tote]{--pet-size: 7.6%;--pet-left: 46.2%;--pet-top: 37.5%}.woofle-overlay-pet-img[data-placement=default]{--pet-size: 6.18%;--pet-left: 46.91%;--pet-top: 37.5%}.woofle-preview-badge{position:absolute;top:10px;right:10px;background:#000000b3;color:#fff;padding:5px 10px;border-radius:4px;font-size:12px;font-weight:700;z-index:10;animation:slideIn .3s ease-out .5s both}.woofle-preview-canvas{display:block;max-width:100%;height:auto;border-radius:8px;box-shadow:0 2px 8px #0000001a;animation:fadeIn .5s ease-in}.woofle-standalone-preview{margin-bottom:24px;text-align:center}.upload-area[style*=none],.upload-instructions[style*=none]{opacity:0;transform:scale(.95)}@keyframes fadeIn{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}@keyframes petFadeIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes slideIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.woofle-button{background:var(--woofle-primary);color:#fff;border:none;border-radius:8px!important;padding:14px 24px;font-size:16px;font-weight:500;cursor:pointer;transition:all .2s ease,transform .3s ease;display:inline-block;width:100%;text-align:center;overflow:hidden;outline:none;box-shadow:none}.woofle-button:focus{outline:none;box-shadow:none}.woofle-button:hover{background:var(--woofle-primary-dark);transform:translateY(-1px)}.woofle-button:disabled{background:var(--woofle-border);color:var(--woofle-text-light);cursor:not-allowed;transform:none;opacity:.6}.woofle-button:disabled:hover{background:var(--woofle-border);transform:none}.woofle-button.primary{background:var(--woofle-primary)}.woofle-button.large{padding:16px 32px;font-size:18px}.woofle-button.small{padding:8px 16px;font-size:14px;width:auto}.woofle-button.secondary{background:transparent;color:var(--woofle-text);border:1px solid var(--woofle-border)}.woofle-button.secondary:hover{background:var(--woofle-background);border-color:var(--woofle-text)}#custom-add-to-cart{outline:none!important;box-shadow:none!important;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:16px!important;font-weight:500!important;text-transform:none!important;letter-spacing:normal!important}.woofle-messages{position:fixed;top:100px;right:20px;z-index:1000;max-width:400px}.woofle-message{padding:15px 20px;border-radius:8px;margin-bottom:10px;animation:slideIn .3s ease;box-shadow:0 4px 12px #00000026;font-size:14px;display:flex;align-items:center;gap:10px}.woofle-message.success{background:var(--woofle-success);color:#fff}.woofle-message.error{background:var(--woofle-error);color:#fff}.woofle-message.info{background:var(--woofle-info);color:#fff}.woofle-loading{display:inline-block;width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin 1s ease-in-out infinite}@keyframes spin{to{transform:rotate(360deg)}}.woofle-inline-message{margin-top:12px;padding:10px 14px;border-radius:6px;font-size:13px;display:flex;align-items:center;gap:8px;animation:fadeIn .3s ease}.woofle-inline-message.success{background:#f0fdf4;color:#15803d;border:1px solid #bbf7d0}.woofle-inline-message.error{background:#fef2f2;color:#b91c1c;border:1px solid #fecaca}.woofle-inline-message.info{background:#eff6ff;color:#1e40af;border:1px solid #bfdbfe}.woofle-inline-message .message-icon{flex-shrink:0;width:16px;height:16px}.woofle-inline-message .message-content{flex:1}.woofle-inline-loading{display:inline-block;width:14px;height:14px;border:2px solid rgba(30,64,175,.2);border-radius:50%;border-top-color:#1e40af;animation:spin .8s linear infinite}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@media (max-width: 768px){.woofle-customizer{padding:0}.customizer-header h3{font-size:13px}.customizer-header p{font-size:12px}.upload-area{padding:12px 20px;font-size:15px}.upload-instructions{font-size:11px}.face-result{flex-direction:column;text-align:center;gap:12px}.face-result img,.extracted-face-simple img{width:100px;height:100px}.preview-overlay-container{max-width:100%}.preview-images{flex-direction:column}.preview-arrow{transform:rotate(90deg)}.woofle-messages{left:16px;right:16px;max-width:none;top:20px}.woofle-button{font-size:15px;padding:12px 20px}.woofle-button.large{font-size:16px;padding:14px 24px}.woofle-button.small{font-size:13px;padding:6px 12px}.woofle-features{grid-template-columns:1fr;gap:20px;margin-top:24px;padding-top:24px}.woofle-feature-icon{font-size:24px;margin-bottom:8px}.woofle-feature-title,.woofle-feature-subtitle{font-size:13px}.woofle-feature-description{font-size:11px}}@media (min-width: 769px) and (max-width: 1023px){.face-result{padding:14px}.face-result img{width:70px;height:70px}}
/*# sourceMappingURL=/cdn/shop/t/1/assets/woofle-product.css.map */