:root{--jff-primary: #E8632B;--jff-primary-hover: #D4551F;--jff-secondary: #2C3E50;--jff-accent: #F39C12;--jff-success: #27AE60;--jff-bg: #FDF6F0;--jff-card-bg: #FFFFFF;--jff-text: #2C3E50;--jff-text-light: #7F8C8D;--jff-border: #E8DCD0;--jff-radius: 12px;--jff-shadow: 0 4px 20px rgba(0, 0, 0, .08);--jff-shadow-lg: 0 8px 40px rgba(0, 0, 0, .12)}.jff-portrait{max-width:900px;margin:0 auto;padding:40px 20px 60px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:var(--jff-text)}.jff-portrait__hero{text-align:center;margin-bottom:40px}.jff-portrait__title{font-size:2.2rem;font-weight:800;color:var(--jff-secondary);margin:0 0 12px;line-height:1.2}.jff-portrait__subtitle{font-size:1.1rem;color:var(--jff-text-light);max-width:600px;margin:0 auto;line-height:1.6}.jff-portrait__steps{display:flex;align-items:center;justify-content:center;gap:0;margin-bottom:40px;flex-wrap:wrap}.jff-portrait__step{display:flex;align-items:center;gap:8px;padding:8px 16px;border-radius:30px;background:var(--jff-card-bg);border:2px solid var(--jff-border);opacity:.5;transition:all .3s ease}.jff-portrait__step--active{opacity:1;border-color:var(--jff-primary);background:#fff5f0}.jff-portrait__step--completed{opacity:1;border-color:var(--jff-success);background:#f0fff5}.jff-portrait__step-num{width:28px;height:28px;border-radius:50%;background:var(--jff-border);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.85rem}.jff-portrait__step--active .jff-portrait__step-num{background:var(--jff-primary)}.jff-portrait__step--completed .jff-portrait__step-num{background:var(--jff-success)}.jff-portrait__step-label{font-weight:600;font-size:.9rem}.jff-portrait__step-divider{width:30px;height:2px;background:var(--jff-border);margin:0 4px}.jff-portrait__panel{display:none;animation:jffFadeIn .4s ease}.jff-portrait__panel--active{display:block}@keyframes jffFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.jff-portrait__panel-title{font-size:1.5rem;font-weight:700;text-align:center;margin:0 0 8px}.jff-portrait__panel-desc{text-align:center;color:var(--jff-text-light);margin:0 0 30px}.jff-portrait__panel-actions{display:flex;justify-content:center;gap:16px;margin-top:30px;flex-wrap:wrap}.jff-portrait__btn{padding:14px 28px;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;border:none;transition:all .2s ease;display:inline-flex;align-items:center;gap:8px}.jff-portrait__btn:disabled{opacity:.4;cursor:not-allowed}.jff-portrait__btn--primary{background:var(--jff-primary);color:#fff}.jff-portrait__btn--primary:hover:not(:disabled){background:var(--jff-primary-hover);transform:translateY(-1px);box-shadow:var(--jff-shadow)}.jff-portrait__btn--secondary{background:var(--jff-card-bg);color:var(--jff-text);border:2px solid var(--jff-border)}.jff-portrait__btn--secondary:hover{border-color:var(--jff-text-light)}.jff-portrait__btn--cart{background:var(--jff-success);color:#fff;padding:16px 36px;font-size:1.1rem}.jff-portrait__btn--cart:hover:not(:disabled){background:#219a52;transform:translateY(-1px);box-shadow:var(--jff-shadow)}.jff-portrait__btn--success{background:var(--jff-success)!important}.jff-portrait__upload-zone{border:3px dashed var(--jff-border);border-radius:var(--jff-radius);padding:60px 40px;text-align:center;cursor:pointer;transition:all .3s ease;background:var(--jff-card-bg)}.jff-portrait__upload-zone:hover,.jff-portrait__upload-zone--dragover{border-color:var(--jff-primary);background:#fff5f0}.jff-portrait__upload-icon{color:var(--jff-primary);margin-bottom:16px}.jff-portrait__upload-zone h3{font-size:1.2rem;margin:0 0 8px}.jff-portrait__upload-zone p{color:var(--jff-text-light);margin:0}.jff-portrait__upload-tip{margin-top:16px!important;font-size:.85rem;padding:8px 16px;background:#fff9e6;border-radius:6px;display:inline-block;color:#856404!important}.jff-portrait__preview-upload{display:flex;flex-direction:column;align-items:center;gap:20px}.jff-portrait__preview-upload img{max-width:350px;max-height:350px;border-radius:var(--jff-radius);box-shadow:var(--jff-shadow);object-fit:cover}.jff-portrait__style-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}.jff-portrait__style-card{background:var(--jff-card-bg);border:2px solid var(--jff-border);border-radius:var(--jff-radius);padding:24px 16px;text-align:center;cursor:pointer;transition:all .3s ease}.jff-portrait__style-card:hover{border-color:var(--jff-primary);transform:translateY(-2px);box-shadow:var(--jff-shadow)}.jff-portrait__style-card--selected{border-color:var(--jff-primary);background:#fff5f0;box-shadow:0 0 0 3px #e8632b33}.jff-portrait__style-emoji{font-size:2.5rem;margin-bottom:8px}.jff-portrait__style-name{font-size:1rem;font-weight:700;margin:0 0 6px}.jff-portrait__style-desc{font-size:.85rem;color:var(--jff-text-light);margin:0;line-height:1.4}.jff-portrait__loading{display:flex;flex-direction:column;align-items:center;padding:40px 20px}.jff-loading-animation{position:relative;width:200px;height:120px;margin-bottom:10px}.jff-loading-animation__scene{position:relative;width:100%;height:100%}.jff-loading-paw{position:absolute;bottom:10px;opacity:0;animation:jffPawBounce 2.4s ease-in-out infinite}.jff-loading-paw--1{left:20px;animation-delay:0s;transform:rotate(-20deg)}.jff-loading-paw--2{left:85px;animation-delay:.8s;transform:rotate(15deg)}.jff-loading-paw--3{left:150px;animation-delay:1.6s;transform:rotate(-10deg)}@keyframes jffPawBounce{0%{opacity:0;transform:translateY(20px) scale(.5) rotate(-20deg)}15%{opacity:1;transform:translateY(-10px) scale(1.1) rotate(-20deg)}30%{opacity:1;transform:translateY(0) scale(1) rotate(-20deg)}70%{opacity:1;transform:translateY(0) scale(1) rotate(-20deg)}to{opacity:0;transform:translateY(0) scale(.8) rotate(-20deg)}}.jff-loading-animation__palette{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);animation:jffPaletteFloat 3s ease-in-out infinite}@keyframes jffPaletteFloat{0%,to{transform:translate(-50%,-50%) rotate(0) scale(1)}25%{transform:translate(-50%,-55%) rotate(5deg) scale(1.05)}50%{transform:translate(-50%,-50%) rotate(0) scale(1)}75%{transform:translate(-50%,-55%) rotate(-5deg) scale(1.05)}}.jff-portrait__loading-text{font-size:1.2rem;font-weight:600;margin:12px 0 8px;color:var(--jff-text);min-height:1.5em;transition:opacity .3s ease}.jff-portrait__loading-sub{color:var(--jff-text-light);margin:0 0 16px}.jff-loading-progress{width:240px;height:6px;background:var(--jff-border);border-radius:3px;overflow:hidden;margin-top:8px}.jff-loading-progress__bar{height:100%;width:0%;background:linear-gradient(90deg,var(--jff-primary),#f5a623,var(--jff-primary));background-size:200% 100%;border-radius:3px;animation:jffProgressShimmer 2s linear infinite;transition:width .5s ease}@keyframes jffProgressShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.jff-portrait__result{text-align:center;display:flex;flex-direction:column;align-items:center}.jff-portrait__canvas-wrapper{position:relative;display:inline-block;border-radius:var(--jff-radius);overflow:hidden;box-shadow:var(--jff-shadow-lg);background:#000;max-width:500px}.jff-portrait__panel-actions{position:relative;z-index:20}#jff-preview-canvas{display:block;max-width:100%;height:auto}.jff-portrait__canvas-shield{position:absolute;top:0;left:0;right:0;bottom:0;z-index:10}.jff-portrait__result-style{margin-top:16px;font-weight:600;color:var(--jff-primary)}.jff-portrait__size-options{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;max-width:900px;margin:0 auto}.jff-portrait__size-card{cursor:pointer}.jff-portrait__size-card input[type=radio]{display:none}.jff-portrait__size-card-inner{position:relative;border:2px solid var(--jff-border);border-radius:var(--jff-radius);padding:20px 12px;text-align:center;transition:all .3s ease;background:var(--jff-card-bg)}.jff-portrait__size-card input:checked+.jff-portrait__size-card-inner{border-color:var(--jff-primary);background:#fff5f0;box-shadow:0 0 0 3px #e8632b33}.jff-portrait__size-card:hover .jff-portrait__size-card-inner{border-color:var(--jff-primary);transform:translateY(-2px)}.jff-portrait__size-icon{color:var(--jff-secondary);margin-bottom:12px}.jff-portrait__size-card h3{font-size:1.3rem;margin:0 0 4px}.jff-portrait__size-card p{margin:0;color:var(--jff-text-light);font-size:.85rem}.jff-portrait__size-detail{font-size:.8rem!important;margin-top:4px!important}.jff-portrait__size-price{display:inline-block;margin-top:12px;font-size:1.3rem;font-weight:800;color:var(--jff-primary)}.jff-portrait__size-popular,.jff-portrait__size-premium{position:absolute;top:-10px;left:50%;transform:translate(-50%);padding:2px 12px;border-radius:20px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.jff-portrait__size-popular{background:var(--jff-accent);color:#fff}.jff-portrait__size-premium{background:var(--jff-secondary);color:#fff}@media(max-width:640px){.jff-portrait__title{font-size:1.6rem}.jff-portrait__subtitle{font-size:.95rem}.jff-portrait__steps{gap:4px}.jff-portrait__step{padding:6px 10px}.jff-portrait__step-label{display:none}.jff-portrait__step-divider{width:16px}.jff-portrait__style-grid{grid-template-columns:repeat(2,1fr);gap:10px}.jff-portrait__size-options{grid-template-columns:repeat(2,1fr)}.jff-portrait__upload-zone{padding:40px 20px}.jff-portrait__panel-actions{flex-direction:column;align-items:stretch}.jff-portrait__btn{text-align:center;justify-content:center}.jff-portrait__custom-details-chips{flex-wrap:wrap}}.jff-portrait__custom-details{margin-top:24px;animation:jffSlideDown .3s ease}@keyframes jffSlideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.jff-portrait__custom-details-inner{background:var(--jff-card-bg);border:2px solid var(--jff-border);border-radius:var(--jff-radius);padding:20px;transition:border-color .2s}.jff-portrait__custom-details-inner:focus-within{border-color:var(--jff-primary)}.jff-portrait__custom-details-label{display:block;font-size:15px;font-weight:600;color:var(--jff-text);margin-bottom:10px}.jff-portrait__custom-details-textarea{width:100%;border:none;outline:none;resize:none;font-family:inherit;font-size:15px;line-height:1.5;color:var(--jff-text);background:transparent;padding:0}.jff-portrait__custom-details-textarea::placeholder{color:var(--jff-text-light);font-style:italic}.jff-portrait__custom-details-footer{display:flex;align-items:center;justify-content:space-between;margin-top:10px;gap:8px}.jff-portrait__custom-details-chips{display:flex;gap:6px;flex-wrap:wrap;flex:1}.jff-portrait__detail-chip{display:inline-block;padding:5px 12px;background:var(--jff-bg);border:1px solid var(--jff-border);border-radius:20px;font-size:13px;color:var(--jff-text);cursor:pointer;transition:all .2s;white-space:nowrap;-webkit-user-select:none;user-select:none}.jff-portrait__detail-chip:hover,.jff-portrait__detail-chip--active{background:var(--jff-primary);color:#fff;border-color:var(--jff-primary)}.jff-portrait__custom-details-counter{font-size:12px;color:var(--jff-text-light);white-space:nowrap;flex-shrink:0}
/*# sourceMappingURL=/cdn/shop/t/13/assets/pet-portrait-generator.css.map */