.category-selector{background:linear-gradient(90deg,#1e293b,#374151,#1e40af);border-radius:1rem;box-shadow:0 8px 12px #0003;margin:2.5rem auto;max-width:24rem;padding:1.5rem;text-align:center;transition:transform .3s ease,box-shadow .3s ease}.category-selector:hover{box-shadow:0 12px 20px #0000004d;transform:translateY(-10px)}.category-selector h2{color:#e0f2fe;font-size:2rem;font-weight:800;margin-bottom:1.5rem;text-align:center;text-shadow:0 2px 4px #0000004d}.category-selector .buttons-container{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center;margin-bottom:2rem}.category-selector button{background:linear-gradient(90deg,#3b82f6,#06b6d4);border:none;border-radius:.5rem;box-shadow:0 4px 6px #0000001a;color:#fff;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:transform .3s ease,background .3s ease,box-shadow .3s ease}.category-selector button:hover{background:linear-gradient(90deg,#06b6d4,#9333ea);box-shadow:0 8px 12px #0003;transform:scale(1.1)}.category-selector button.active{background:linear-gradient(90deg,#9333ea,#1e40af);box-shadow:0 6px 10px #00000040;color:#e0f2fe;transform:translateY(-2px)}.category-selector .sub-category-title{color:#cbd5e1;font-size:1.5rem;font-weight:700;margin-bottom:1.5rem;text-align:center}@media (max-width:768px){.category-selector{max-width:20rem;padding:1rem}.category-selector h2{font-size:1.75rem}.category-selector .buttons-container{gap:1rem;margin-bottom:1.5rem}.category-selector button{font-size:.875rem;padding:.5rem 1rem}.category-selector .sub-category-title{font-size:1.25rem}}@media (min-width:1024px){.category-selector{max-width:28rem}.category-selector h2{font-size:2.25rem}.category-selector .buttons-container{gap:2rem}.category-selector button{font-size:1rem;padding:1rem 2rem}}.preloader-container{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:300px}.preloader-text{color:#4b5563;font-size:1.25rem;font-weight:600;margin-top:16px}.no-templates-container{margin:2rem auto;text-align:center}.no-templates-container h2{color:#6b7280;font-size:1.125rem}.template-grid{grid-gap:24px;background:linear-gradient(90deg,#f9fafb,#f3f4f6);border-radius:8px;box-shadow:0 4px 8px #0000001a;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));padding:1rem}.template-card{background:#fff;border-radius:.5rem;box-shadow:0 4px 6px #0000001a;padding:1rem;position:relative;transition:transform .3s ease,box-shadow .3s ease}.template-card:hover{background:linear-gradient(90deg,#fff,#f3f4f6);box-shadow:0 8px 12px #0003;transform:translateY(-8px)}.template-image-wrapper{border-radius:.375rem;overflow:hidden;padding-top:75%;position:relative;width:100%}.template-image{border-radius:.375rem;left:0;position:absolute;top:0}.template-name{color:#1f2937;font-size:1.125rem;font-weight:700;margin-top:.5rem;text-align:center;transition:color .3s ease}.template-name:hover{color:#3b82f6}.add-to-selection-btn{background:linear-gradient(90deg,#10b981,#14b8a6);border-radius:.375rem;box-shadow:0 4px 6px #0000001a;color:#fff;font-weight:600;margin-top:1rem;padding:.5rem 1rem;transition:all .3s ease;width:100%}.add-to-selection-btn:hover{box-shadow:0 6px 10px #00000026;opacity:.9;transform:scale(1.05)}@media (max-width:768px){.template-grid{grid-template-columns:1fr}.template-card{padding:.75rem}.template-name{font-size:1rem}.add-to-selection-btn{font-size:.875rem;padding:.5rem 1rem}}.font-selector{align-items:center;display:flex;flex-direction:row;gap:16px}.font-dropdown{background-color:#fafafa;border:1px solid #aaa;border-radius:6px;box-shadow:0 2px 4px #0000001a;cursor:pointer;font-size:14px;padding:8px 12px}.font-dropdown:hover{background-color:#f1f1f1}.font-size-controls{align-items:center;display:flex;gap:10px}.size-btn{background-color:#007bff;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:700;padding:8px 12px;transition:background-color .3s ease}.size-btn:hover{background-color:#0056b3}.font-size-input{background-color:#fafafa;border:1px solid #aaa;border-radius:6px;box-shadow:inset 0 1px 3px #0000001a;font-size:14px;padding:8px;text-align:center;width:50px}.font-size-input:focus{border-color:#007bff;outline:none}.color-picker{background-color:#fff;border:1px solid #aaa;border-radius:50%;box-shadow:0 2px 4px #0000001a;cursor:pointer;height:40px;padding:0;transition:transform .2s ease,box-shadow .3s ease;width:40px}.color-picker:hover{box-shadow:0 4px 8px #0003;transform:scale(1.1)}.font-style-btn{background-color:#f8f9fa;border:none;border-radius:6px;color:#fff;cursor:pointer;font-style:normal;font-weight:700;padding:8px 12px;transition:background-color .3s ease,color .3s ease}.font-style-btn:hover{background-color:#e2e6ea}.font-style-btn.bold-active{background-color:#f09;color:#fff}.font-style-btn.italic-active{background-color:#007bff;color:#fff;font-style:italic}.pdf-preview-modal{align-items:center;background:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:9999}.pdf-preview-content{background:#fff;border-radius:8px;box-shadow:0 4px 10px #0003;height:80%;overflow:hidden;position:relative;width:80%}.pdf-preview-iframe{border:none;height:100%;width:100%}.btn-close{background:#323639;border:none;border-radius:2px;color:#cee30e;cursor:pointer;padding:2px 12px;position:absolute;right:-1px;top:14px}.loading-container{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center}.gear-animation{animation:spin 1s linear infinite;border:5px solid #ccc;border-radius:50%;border-top-color:#3498db;height:50px;width:50px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.autosuggestion-container{position:relative;width:100%}.autosuggestion-input{font-size:16px;padding:10px}.autosuggestion-input,.autosuggestion-list{border:1px solid #ccc;border-radius:4px;width:100%}.autosuggestion-list{background:#fff;left:0;list-style:none;margin:0;max-height:200px;overflow-y:auto;padding:0;position:absolute;top:100%;z-index:10}.autosuggestion-item{cursor:pointer;padding:10px;transition:background .2s ease}.autosuggestion-item.hovered,.autosuggestion-item:hover{background:#f0f0f0;color:#333}.loading-spinner{color:#999;font-size:14px;margin-top:10px;text-align:center}.template-customizer{align-items:center;background-color:#f0f4f8;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;min-height:100vh;overflow-x:hidden;padding:1rem}.title{color:#333;font-size:2rem;margin-bottom:2rem;text-align:center}.template-grid-container{grid-gap:2rem 2.5rem;align-content:center;box-sizing:border-box;display:grid;gap:2rem 2.5rem;grid-template-columns:repeat(2,1fr);justify-content:center;max-width:800px;padding:1rem;width:100%}.template-row{align-items:center;background:#fff;border-radius:8px;box-shadow:0 4px 6px #0000001a;display:flex;flex-direction:column;padding:1rem;transition:transform .3s ease,box-shadow .3s ease;width:100%}.template-row:hover{box-shadow:0 6px 10px #0003;transform:scale(1.03)}.template-wrapper{aspect-ratio:3/2;background-color:#f9f9f9;border:1px solid #d1d5db;border-radius:8px;margin-bottom:1rem;overflow:hidden;position:relative;width:100%}.template-image{border-radius:8px;display:block;height:100%;object-fit:cover;width:100%}.input-fields{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:1fr;width:100%}.field-container{display:flex;flex-direction:column}.field-label{color:#555;font-size:.875rem;font-weight:700;margin-bottom:.5rem}.field-input{border:1px solid #ced4da;border-radius:4px;font-size:1rem;padding:.5rem;transition:border-color .3s ease,box-shadow .3s ease}.field-input:focus{border-color:#007bff;box-shadow:0 0 4px #007bff80}.action-buttons{display:flex;gap:1rem;justify-content:space-between;margin-top:1rem}.btn{border-radius:4px;cursor:pointer;font-size:1rem;padding:.5rem 1rem;text-align:center;transition:background-color .3s ease,transform .3s ease}.btn:hover{opacity:.9;transform:translateY(-2px)}.back-btn{background-color:#6c757d;color:#fff}.remove-btn{background-color:#dc3545;color:#fff}.save-btn{background-color:#28a745;color:#fff}.back-btn-wrapper{margin-bottom:2rem;text-align:center}.back-btn-wrapper .btn{font-size:1.25rem;padding:.75rem 1.5rem}.drag-info-popup{background-color:#000000d9;border-radius:5px;bottom:1%;box-shadow:0 4px 6px #0003;color:#fff;font-size:14px;padding:8px 12px;position:fixed;right:1%;z-index:9999}@media (max-width:768px){.template-grid-container{gap:1.5rem;grid-template-columns:1fr}.title{font-size:1.75rem}.template-row{padding:.75rem}.btn,.field-input{font-size:.9rem}.btn{padding:.4rem .8rem}}.btn:hover{background-color:#0056b3}.remove-btn:hover{background-color:#c82333}.save-btn:hover{background-color:#218838}.back-btn:hover{background-color:#5a6268}.footer{background:linear-gradient(90deg,#2c3e50,#4ca1af);color:#fff;margin-top:20px;padding:40px 20px;text-align:center}.footer-container{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin:0 auto;max-width:1200px}.footer-section{text-align:left}.footer-title{color:#fff;font-size:1.5rem;font-weight:700;margin-bottom:10px;text-shadow:1px 1px 2px #00000080}.footer-links{list-style:none;margin:0;padding:0}.footer-links li{margin-bottom:8px}.footer-links a{color:#fff;font-size:1rem;text-decoration:none;transition:color .3s ease,text-shadow .3s ease}.footer-links a:hover{color:#4ca1af;text-shadow:0 0 5px #4ca1afb3}.footer-socials{display:flex;gap:15px;justify-content:center;margin-top:10px}.social-icon{align-items:center;background:#ffffff26;border-radius:50%;color:#fff;display:inline-block;display:flex;height:45px;justify-content:center;transition:background .3s ease,transform .3s ease,box-shadow .3s ease;width:45px}.social-icon:hover{background:#fff;box-shadow:0 4px 10px #0003;color:#4ca1af;transform:scale(1.15)}.footer-bottom{border-top:1px solid #fff3;font-size:.9rem;margin-top:30px;opacity:.8;padding-top:15px;text-align:center}@media (max-width:768px){.footer-container{gap:15px}.footer-title{font-size:1.25rem}.social-icon{height:40px;width:40px}.footer-bottom{font-size:.8rem}}body{background-color:#f3f4f6;font-family:Arial,sans-serif;margin:0;padding:0}.app-container{background:linear-gradient(to bottom right,#f3f4f6,#d1d5db);display:flex;flex-direction:column;min-height:100vh}header{color:#1f2937;font-size:3rem;font-weight:800;margin:3rem 0;text-align:center}main{flex-grow:1;padding:1rem}button{background:linear-gradient(90deg,#3b82f6,#9333ea);border-radius:.5rem;color:#fff;cursor:pointer;font-size:1.125rem;font-weight:700;padding:.75rem 1.5rem;transition:opacity .3s ease-in-out}button:hover{opacity:.9}footer{background-color:#1f2937;font-size:.875rem;padding:1rem 0}.app-header,footer{color:#fff;text-align:center}.app-header{background:linear-gradient(90deg,#1f1c2c,#928dab);box-shadow:0 4px 10px #0003;padding:20px 40px;position:-webkit-sticky;position:sticky;top:0;z-index:1000}.header-content{align-items:center;display:flex;gap:15px;justify-content:center}.app-logo{filter:drop-shadow(0 4px 6px rgba(0,0,0,.2));max-height:70px;width:auto}.header-text{text-align:left}.header-text h1{color:#fff;font-size:2rem;font-weight:700;margin:0;text-shadow:1px 1px 3px #0006}.header-text p{color:#d1d1d1;font-size:1.1rem;font-style:italic;margin:0}
/*# sourceMappingURL=main.bd61ec1c.css.map*/