body{font-family:"Montserrat",sans-serif}.upload-area{background-color:#f8f9fa;padding:100px 0;position:relative}.upload-area .title-area{text-align:center;position:relative;z-index:2}.upload-area .title-area h1{color:#000;font-size:42px;font-weight:700;margin-bottom:20px;text-shadow:0 2px 4px rgba(0,0,0,.1)}.upload-area .title-area h1 span{color:#ff6b35}.upload-area .title-area p{color:#6c757d;font-size:18px;max-width:600px;margin:0 auto}.upload-area .upload-box{background-color:#fff;max-width:600px;padding:60px 50px;text-align:center;margin:0 auto;margin-top:60px;border-radius:20px;box-shadow:0 25px 50px rgba(0,0,0,.1);position:relative;z-index:2;border:3px solid #ff6b35}.upload-area .upload-box h2{color:#ff6b35;font-size:32px;font-weight:700;margin-bottom:25px;text-transform:uppercase;letter-spacing:3px}.upload-area .upload-box p{padding:25px 0;color:#6c757d;font-size:18px;line-height:1.7;margin-bottom:30px}.upload-area .upload-box .upload-zone{border:3px dashed #ff6b35;border-radius:15px;padding:40px 20px;background-color:#f8f9fa;transition:all .3s ease;cursor:pointer;position:relative}.upload-area .upload-box .upload-zone:hover{border-color:#ff6b35;background-color:rgba(255,107,53,.05);transform:translateY(-2px)}.upload-area .upload-box .upload-zone .upload-icon{font-size:48px;color:#ff6b35;margin-bottom:20px}.upload-area .upload-box .upload-zone .upload-text{font-size:18px;font-weight:600;color:#ff6b35;margin-bottom:10px}.upload-area .upload-box .upload-zone .upload-subtext{font-size:14px;color:#6c757d}.upload-area .upload-box .form-control{background-color:#fff;border:2px solid #e9ecef;border-radius:10px;color:#000;padding:15px 20px;font-size:16px;transition:all .3s ease;margin-top:20px}.upload-area .upload-box .form-control:focus{background-color:#fff;border-color:#ff6b35;box-shadow:0 0 0 3px rgba(255,107,53,.1);outline:none}.upload-area .upload-box .form-control::placeholder{color:#6c757d}.builder-area{background:linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);padding:80px 0;position:relative;min-height:100vh}.builder-area .builder-header{margin-bottom:50px}.builder-area .builder-header h2{font-size:2.5rem;font-weight:700;color:#000;margin-bottom:20px}.builder-area .builder-header h2 span{color:#ff6b35}.builder-area .builder-header p{font-size:1.2rem;color:#6c757d;max-width:600px;margin:0 auto}.builder-area .template-heading{background-color:#ff6b35;color:#fff;text-transform:uppercase;font-weight:700;text-align:center;font-size:18px;margin-bottom:0;padding:15px;border-radius:10px 10px 0 0;box-shadow:0 4px 8px rgba(0,0,0,.1)}.builder-area .templates-box{height:550px;overflow:auto;padding:25px;background:#fff;border-radius:0 0 20px 20px;box-shadow:0 15px 35px rgba(0,0,0,.15);border:3px solid #ff6b35;border-top:none;transition:all .3s ease}.builder-area .templates-box:hover{box-shadow:0 20px 40px rgba(0,0,0,.2)}.builder-area .templates-box::-webkit-scrollbar{width:8px}.builder-area .templates-box::-webkit-scrollbar-track{background:#f8f9fa;border-radius:4px}.builder-area .templates-box::-webkit-scrollbar-thumb{background-color:#ff6b35;border-radius:4px}.builder-area .templates-box .template-img{border-radius:12px;padding:10px;margin-bottom:15px;border:3px solid #e9ecef;cursor:pointer;transition:all .4s ease;background:#fff;position:relative;overflow:hidden}.builder-area .templates-box .template-img::before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg, transparent, rgba(255, 107, 53, 0.2), transparent);transition:left .6s ease}.builder-area .templates-box .template-img:hover{border-color:#ff6b35;transform:translateY(-5px);box-shadow:0 10px 25px rgba(255,107,53,.3)}.builder-area .templates-box .template-img:hover::before{left:100%}.builder-area .templates-box .template-img img{border-radius:8px;transition:transform .3s ease}.builder-area .templates-box .template-img:hover img{transform:scale(1.05)}.builder-area .paper-controls{margin-top:20px}.builder-area .paper-controls h5{color:#000;font-weight:700;font-size:1.1rem;margin-bottom:15px}.builder-area .controls{text-align:center;margin-bottom:0;display:flex;flex-direction:row;flex-wrap:wrap;gap:10px;padding:20px;background:#fff;border-radius:15px;box-shadow:0 10px 25px rgba(0,0,0,.1);border:2px solid #ff6b35;justify-content:center}.builder-area .controls .btn-controls{padding:10px 15px;margin:0;background-color:#fff;border:2px solid #ff6b35;border-radius:8px;transition:all .3s ease;font-weight:700;font-size:12px;text-transform:uppercase;letter-spacing:1px;flex:1;min-width:120px}.builder-area .controls .btn-controls:hover{background-color:#ff6b35;color:#fff;border-color:#ff6b35;transform:translateY(-2px);box-shadow:0 8px 20px rgba(255,107,53,.4)}.builder-area .controls .btn-controls i{color:#ff6b35;font-size:16px;margin-bottom:3px;transition:color .3s ease}.builder-area .controls .btn-controls:hover i{color:#fff}.builder-area .controls .btn-controls p{margin-bottom:0;font-weight:700;font-size:12px}.builder-area .main-paper-box{background-color:#fff;padding:30px;height:550px;overflow:hidden;border-radius:20px;border:4px solid #ff6b35;position:relative;transition:all .3s ease}.builder-area .main-paper-box:hover{transform:translateY(-5px);box-shadow:0 25px 50px rgba(0,0,0,.2)}.builder-area .main-paper-box .logo-box img{max-width:100px;transition:transform .3s ease}.builder-area .text-box{margin-left:30px;margin-bottom:30px}.builder-area .text-box h3{font-size:18px;text-transform:uppercase;font-weight:700;color:#000;margin-bottom:15px;position:relative}.builder-area .text-box h3::after{content:"";position:absolute;bottom:-5px;left:0;width:50px;height:3px;background-color:#ff6b35;border-radius:2px}.builder-area .text-box p{font-size:14px;font-weight:500;color:#6c757d;line-height:1.6}.builder-area .form-area{margin-left:30px;padding:35px;background:#fff;border-radius:20px;box-shadow:0 15px 35px rgba(0,0,0,.15);border:3px solid #ff6b35;transition:all .3s ease}.builder-area .form-area:hover{transform:translateY(-3px);box-shadow:0 20px 40px rgba(0,0,0,.2)}.builder-area .form-area label{color:#000;font-weight:700;font-size:14px;margin-bottom:8px;display:block}.builder-area .form-area .form-select{border-radius:8px;margin-bottom:20px;border:2px solid #e9ecef;padding:12px 15px;font-size:14px;transition:all .3s ease}.builder-area .form-area .form-select:focus{border-color:#ff6b35;box-shadow:0 0 0 3px rgba(255,107,53,.1);outline:none}.builder-area .form-area .form-control{border-radius:8px;border:2px solid #e9ecef;padding:12px 15px;font-size:14px;transition:all .3s ease}.builder-area .form-area .form-control:focus{border-color:#ff6b35;box-shadow:0 0 0 3px rgba(255,107,53,.1);outline:none}.builder-area .form-area .reupload-zone{border:2px dashed #ff6b35;border-radius:10px;padding:25px 15px;background-color:#f8f9fa;transition:all .3s ease;cursor:pointer;position:relative;margin-bottom:20px;text-align:center}.builder-area .form-area .reupload-zone:hover{border-color:#ff6b35;background-color:rgba(255,107,53,.05);transform:translateY(-2px);box-shadow:0 5px 15px rgba(255,107,53,.2)}.builder-area .form-area .reupload-zone .reupload-icon{font-size:32px;color:#ff6b35;margin-bottom:12px}.builder-area .form-area .reupload-zone .reupload-text{font-size:14px;font-weight:600;color:#ff6b35;margin-bottom:5px}.builder-area .form-area .reupload-zone .reupload-subtext{font-size:12px;color:#6c757d}.builder-area .form-area .btn-submit{background-color:#000;font-size:16px;padding:15px 40px;color:#fff;border-radius:8px;width:100%;border:2px solid #ff6b35;font-weight:700;text-transform:uppercase;letter-spacing:1px;transition:all .3s ease}.builder-area .form-area .btn-submit:hover{background-color:#ff6b35;border-color:#ff6b35;transform:translateY(-2px);box-shadow:0 8px 20px rgba(255,107,53,.4)}@media(max-width: 991.98px){.upload-area{padding:60px 0}.upload-area .title-area h1{font-size:32px}.upload-area .upload-box{max-width:90%;padding:40px 30px}.builder-area{padding:50px 0}.builder-area .text-box{margin-left:0;margin-bottom:20px;text-align:center}.builder-area .form-area{margin-left:0;margin-top:30px}.builder-area .paper-controls{margin-top:30px}.builder-area .controls{flex-direction:row;flex-wrap:wrap;justify-content:center;gap:10px}.builder-area .controls .btn-controls{flex:1;min-width:120px;padding:10px 15px;font-size:11px}}@media(max-width: 767.98px){.upload-area{padding:40px 0}.upload-area .title-area h1{font-size:28px}.upload-area .upload-box{padding:30px 20px;margin-top:40px}.upload-area .upload-box h2{font-size:24px}.builder-area{padding:40px 0}.builder-area .template-heading{font-size:16px;padding:12px}.builder-area .templates-box{height:400px;padding:15px}.builder-area .main-paper-box{height:400px;padding:20px}.builder-area .paper-controls{margin-top:20px}.builder-area .controls .btn-controls{padding:8px 12px;font-size:10px;min-width:100px}.builder-area .controls .btn-controls i{font-size:16px}.builder-area .form-area{padding:20px}.builder-area .form-area .reupload-zone{padding:20px 10px}.builder-area .form-area .reupload-zone .reupload-icon{font-size:28px}.builder-area .form-area .reupload-zone .reupload-text{font-size:13px}.builder-area .form-area .reupload-zone .reupload-subtext{font-size:11px}}.hidden{display:none !important}.spinner-border{display:inline-block;width:2rem;height:2rem;vertical-align:text-bottom;border:.25em solid currentColor;border-right-color:rgba(0,0,0,0);border-radius:50%;animation:spinner-border .75s linear infinite}@keyframes spinner-border{to{transform:rotate(360deg)}}.modal-content{border-radius:15px;border:2px solid #ff6b35;box-shadow:0 20px 40px rgba(0,0,0,.3)}.modal-content .modal-header{background-color:#ff6b35;color:#fff;border-radius:13px 13px 0 0;border-bottom:none}.modal-content .modal-header .modal-title{font-weight:700;text-transform:uppercase;letter-spacing:1px}.modal-content .modal-header .btn-close{filter:invert(1)}.modal-content .modal-body{padding:30px;text-align:center}.modal-content .modal-body #previewImage img{border-radius:10px;box-shadow:0 10px 25px rgba(0,0,0,.2);max-width:100%;height:auto}.modal-content .modal-footer{border-top:1px solid #e9ecef;padding:20px 30px}.modal-content .modal-footer .btn{border-radius:8px;font-weight:600;padding:10px 25px}.modal-content .modal-footer .btn-secondary{background:#6c757d;border-color:#6c757d}.modal-content .modal-footer .btn-secondary:hover{background:rgb(84.3605150215,91.3905579399,97.6394849785);border-color:rgb(84.3605150215,91.3905579399,97.6394849785)}.main-paper-box{position:relative}.logo-box{width:100%;float:left;padding:0;margin:0;min-height:1px;display:block;box-sizing:border-box}.builder-area .main-paper-box .logo-box img{max-width:90px}.upload-area .upload-box{border-radius:20px}.steps-section{margin-top:40px}.steps-section .step-item{display:flex;align-items:flex-start;margin-bottom:30px;padding:20px;background:#fff;border-radius:15px;box-shadow:0 5px 15px rgba(0,0,0,.08);transition:all .3s ease;border:2px solid rgba(0,0,0,0)}.steps-section .step-item:hover{transform:translateX(10px);border-color:#ff6b35;box-shadow:0 8px 25px rgba(255,107,53,.2)}.steps-section .step-item .step-number{background:#ff6b35;color:#fff;width:45px;height:45px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700;margin-right:20px;flex-shrink:0;box-shadow:0 4px 10px rgba(255,107,53,.3)}.steps-section .step-item .step-content{flex:1}.steps-section .step-item .step-content h3{color:#000;font-size:18px;font-weight:700;margin-bottom:8px}.steps-section .step-item .step-content p{color:#6c757d;font-size:14px;line-height:1.6;margin:0}.builder-area .main-paper-box .pattern1{position:absolute;top:0;left:0;height:100%;display:flex;flex-wrap:wrap;flex-direction:column}.builder-area .main-paper-box .pattern1 .prent-logo{width:11.1111111111% !important;padding:1px;height:11.1111111111%;position:relative;display:flex;min-height:40px}.builder-area .main-paper-box .pattern2{position:absolute;top:0;left:0;height:100%;display:flex;flex-wrap:wrap;flex-direction:column}.builder-area .main-paper-box .pattern2 .prent-logo{width:20% !important;padding:1px;height:20%;position:relative}.builder-area .main-paper-box .pattern3{height:111.1111111111% !important;width:107.6923076923% !important;position:absolute;top:0;left:0;display:flex;flex-wrap:wrap;flex-direction:row}.builder-area .main-paper-box .pattern3 .prent-logo{width:7.6923076923% !important;padding:0;height:5.8823529412%;position:relative}.builder-area .main-paper-box .pattern3 .prent-logo img{max-width:45px}.pattern3 .prent-logo:nth-child(2n){opacity:0}.builder-area .main-paper-box .pattern4{width:112.5% !important;height:120% !important;margin:0;position:absolute;top:0;left:0;display:flex;flex-wrap:wrap;flex-direction:row}.builder-area .main-paper-box .prent-logo{width:11.1111111111% !important;padding:0;height:16.6666666667%;position:relative}.pattern4 .prent-logo:nth-child(2n){opacity:0}.builder-area .main-paper-box .pattern5{height:108.3333333333% !important;width:107.6923076923% !important;margin:0;position:absolute;top:0;left:0;display:flex;flex-wrap:wrap;flex-direction:row}.builder-area .main-paper-box .pattern5 .prent-logo{width:7.6923076923% !important;padding:0;height:7.6923076923%;position:relative}.builder-area .main-paper-box .pattern5 .prent-logo img{max-width:45px}.pattern5 .prent-logo:nth-child(2n){opacity:0}.builder-area .main-paper-box .pattern6{width:107.6923076923% !important;height:108.3333333333% !important;margin:0;position:absolute;top:0;display:flex;flex-wrap:wrap;flex-direction:row;left:0}.builder-area .main-paper-box .pattern6 .prent-logo{width:11.1111111111% !important;padding:0;margin:0;transform:rotate(-45deg);height:12.5%;position:relative}.builder-area .main-paper-box .pattern6 .prent-logo img{max-width:45px}.builder-area .main-paper-box .pattern7{height:108.3333333333% !important;width:107.6923076923% !important;margin:0;transform:rotate(2deg);position:absolute;top:0;display:flex;flex-wrap:wrap;flex-direction:row;left:0}.builder-area .main-paper-box .pattern7 .prent-logo{width:7.6923076923% !important;padding:0;height:10%;position:relative}.builder-area .main-paper-box .pattern7 .prent-logo img{max-width:46px}.pattern8{position:absolute;top:0;left:0;height:100%;width:100%;display:flex;align-items:center;justify-content:center}.pattern8 .prent-logo{display:none}.pattern8 .prent-logo:nth-child(1){display:flex !important;align-items:center;justify-content:center;width:60%;height:60%;position:relative;top:auto;left:auto;transform:none}.logo-builder-area{display:flex}.styles{position:absolute;top:0;left:0;height:100%;display:flex;flex-wrap:wrap;flex-direction:row}.logo-box{display:flex}.builder-area .templates-box{box-shadow:none;border-top:3px solid #000;border-left:3px solid #ff6b35;border-right:3px solid #ff6b35;border-bottom:3px solid #000}.template-heading{color:#fff;text-transform:uppercase;font-weight:700;text-align:center;font-size:16px;margin-bottom:0;background-color:#ff6b35;padding:13px;border-top-left-radius:10px;border-top-right-radius:10px}.builder-area .controls .btn-controls i{display:block;background-color:#f8f9fa;border-radius:50px;width:fit-content;padding:8px;margin:6px auto;color:#000}.builder-area .controls .btn-controls{padding:5px;text-transform:uppercase;margin:9px 10px;background-color:#ff6b35;font-weight:700;font-size:12px;border:none}.text-box{margin-left:30px}.text-box h3{font-size:15px;text-transform:uppercase;font-weight:700}.text-box p{font-size:12px;font-weight:500}.dimensions-box{padding:50px;padding-top:0;position:relative;padding-right:0;padding-bottom:0}.dimensions-box:before{content:"";position:absolute;width:3px;height:460px;left:9px;background-color:#000;top:-33px;border-radius:10px}.dimensions-box:after{content:"";position:absolute;width:482px;height:3px;left:9px;background-color:#ff6b35;top:-33px;border-radius:10px}.height-box{position:absolute;text-align:center;left:-14px;background-color:#ff6b35;padding:4px;top:28%;border-radius:10px}.height-box p{margin-bottom:0;text-transform:uppercase;font-weight:700;font-size:12px;color:#000}.width-box{position:absolute;text-align:center;left:0;background-color:#ff6b35;padding:4px;top:-11%;z-index:1;border-radius:10px;right:0;width:fit-content;margin:0 auto}.width-box p{margin-bottom:0;text-transform:uppercase;font-weight:700;font-size:12px;color:#000}#uploadSpinner .spinner-border{color:#ff6b35}#uploadSpinner p{color:#000;font-size:14px}.validation-error{background-color:#f8d7da;color:#721c24;border:2px solid #f5c6cb;border-radius:8px;padding:15px 20px;margin-bottom:20px;font-weight:600;animation:slideDown .3s ease}.validation-success{background-color:#d4edda;color:#155724;border:2px solid #c3e6cb;border-radius:8px;padding:15px 20px;margin-bottom:20px;font-weight:600;animation:slideDown .3s ease}@keyframes slideDown{from{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}#spinner{text-align:center;margin:20px 0}#spinner .spinner-border{color:#ff6b35;width:3rem;height:3rem}@media(max-width: 767.98px){.upload-area .title-area h1{font-size:22px}.dimensions-box:before,.dimensions-box:after,.height-box,.width-box{display:none}.dimensions-box{padding:0;padding-top:0;position:relative;padding-right:0;margin:8px}.builder-area .main-paper-box .pattern3 .prent-logo img{max-width:30px}.builder-area .main-paper-box .prent-logo img{max-width:70px;transform:scale(0.64)}.builder-area .controls{text-align:center;margin-bottom:30px;flex-direction:row !important;justify-content:space-around}.builder-area .controls .btn-controls{padding:5px;text-transform:uppercase;margin:9px 10px;background-color:#ff6b35;font-weight:700;font-size:12px;width:106px;border:none}.steps-section .step-item{margin-bottom:20px;padding:15px}.steps-section .step-item .step-number{width:40px;height:40px;font-size:18px;margin-right:15px}.steps-section .step-item .step-content h3{font-size:16px}.steps-section .step-item .step-content p{font-size:13px}}.color-suggestions-wrapper{margin:20px 0}.color-suggestions-section{background:#fff;border:2px solid #ff6b35;border-radius:12px;padding:20px;margin:0;animation:slideInColor .5s ease;box-shadow:0 5px 15px rgba(255,107,53,.15)}.color-suggestions-section h4{color:#000;font-size:16px;font-weight:700;margin-bottom:15px;display:flex;align-items:center;gap:8px;text-transform:uppercase;letter-spacing:.5px}.color-suggestions-section .dominant-color{margin-bottom:20px}.color-suggestions-section .dominant-color p{font-size:13px;font-weight:600;margin-bottom:8px;color:#6c757d}.color-suggestions-section .dominant-color .color-preview.main{width:100%;height:60px;border-radius:10px;border:3px solid #e9ecef}.color-suggestions-section .palette-colors,.color-suggestions-section .complementary-colors{margin-bottom:15px}.color-suggestions-section .palette-colors p,.color-suggestions-section .complementary-colors p{font-size:13px;font-weight:600;margin-bottom:8px;color:#6c757d;text-transform:uppercase;letter-spacing:.5px}.color-suggestions-section .colors-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(80px, 1fr));gap:10px}.color-suggestions-section .color-preview{aspect-ratio:1;border-radius:8px;cursor:pointer;position:relative;border:3px solid #e9ecef;transition:all .3s ease;display:flex;align-items:flex-end;justify-content:center;padding:5px;box-shadow:0 2px 8px rgba(0,0,0,.1);overflow:hidden}.color-suggestions-section .color-preview::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg, transparent 0%, rgba(255, 255, 255, 0.1) 50%, transparent 100%);opacity:0;transition:opacity .3s ease}.color-suggestions-section .color-preview:hover{transform:translateY(-5px) scale(1.05);box-shadow:0 6px 20px rgba(255,107,53,.3);border-color:#ff6b35}.color-suggestions-section .color-preview:hover::before{opacity:1}.color-suggestions-section .color-preview.selected{border-color:#ff6b35;border-width:4px;transform:scale(1.1)}.color-suggestions-section .color-preview.selected::after{content:"✓";position:absolute;top:-10px;right:-10px;background:#ff6b35;color:#fff;width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:bold;font-size:16px;box-shadow:0 2px 8px rgba(255,107,53,.5);animation:checkPop .3s ease}.color-suggestions-section .color-preview .color-code{font-size:10px;font-weight:700;background:hsla(0,0%,100%,.95);padding:3px 8px;border-radius:4px;text-transform:uppercase;opacity:0;transition:opacity .3s;box-shadow:0 2px 4px rgba(0,0,0,.1);letter-spacing:.5px;color:#000}.color-suggestions-section .color-preview:hover .color-code{opacity:1}@keyframes slideInColor{from{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes checkPop{0%{transform:scale(0)}50%{transform:scale(1.2)}100%{transform:scale(1)}}@media(max-width: 767.98px){.color-suggestions-section{padding:15px}.color-suggestions-section h4{font-size:14px}.color-suggestions-section .colors-grid{grid-template-columns:repeat(auto-fill, minmax(60px, 1fr));gap:8px}.color-suggestions-section .color-preview .color-code{font-size:8px;padding:2px 4px}.color-suggestions-section .color-preview.selected::after{width:22px;height:22px;font-size:14px}.color-suggestions-section .dominant-color .color-preview.main{height:50px}}/*# sourceMappingURL=style.css.map */