body{font-size:16px;font-family:Poppins,sans-serif}img{max-width:100%}.support-card-out{width:400px;max-width:100%;margin:auto}.support-card-out canvas{max-width:100%;border:1px solid #fcfcfc;border-radius:5px;margin-bottom:10px}.bg-card{background:#e7f4ff;padding:20px;margin:15px auto;border-radius:10px;box-shadow:0 0 5px #dbdada;width:400px;max-width:100%}.card-title{text-align:center;margin-bottom:0}.form-group{margin-bottom:15px}.bg-card-header{background:#e7f4ff;padding:15px;border-radius:0 0 15px 15px;box-shadow:0 0 5px #23221f61;width:400px;margin:auto;z-index:2;position:relative}.info-frm-out .btn{width:100%;font-size:16px!important}.modal-header{background:linear-gradient(45deg,#2a0669,#b9bfdf);padding:10px 15px}.modal-footer{background:#f1f1f1;justify-content:center}.modal-footer .btn{min-width:80px;text-transform:uppercase}.modal-title{color:#fff}.category-selector{margin-bottom:15px}.category-tabs{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:10px}.category-tab{padding:8px 12px;border:none;border-radius:5px;background:#fff;color:#333;cursor:pointer;transition:all .3s ease}.category-tab.active{background:#0d6efd;color:#fff}.mr-owl-outer{margin:0 0 20px;border-top:4px dashed #000;border-bottom:4px dashed #000;padding:8px 5px;background:#fff;box-shadow:0 0 5px #ccc;border-radius:5px;overflow:hidden;position:relative}.mr-owl-outer:after,.mr-owl-outer:before{content:"";position:absolute;top:50%;transform:translateY(-50%);width:15px;height:30px;background:linear-gradient(90deg,hsla(0,0%,100%,.8),transparent);pointer-events:none;z-index:2}.mr-owl-outer:before{left:0;background:linear-gradient(90deg,hsla(0,0%,100%,.9),transparent)}.mr-owl-outer:after{right:0;background:linear-gradient(270deg,hsla(0,0%,100%,.9),transparent)}.template-slider{display:flex;overflow-x:auto;scroll-behavior:smooth;gap:8px;padding:10px 0;max-height:160px}.template-item{flex:0 0 auto;width:100px;border-radius:5px;overflow:hidden;cursor:pointer;border:2px solid transparent;transition:all .2s ease;background:#f8f9fa;position:relative}.template-item.loaded{cursor:pointer}.template-item:not(.loaded):not(.failed){cursor:wait;opacity:.7}.template-item.failed{cursor:not-allowed;opacity:.5}.template-item.selected{border-color:#0d6efd;transform:scale(1.02);background:#e3f2fd}.template-item:hover:not(.failed){border-color:#6c757d;transform:translateY(-2px)}.template-item.failed:hover{border-color:#dc3545}.template-thumbnail{width:100%;height:100px;object-fit:cover;border-radius:3px;transition:opacity .3s ease}.template-thumbnail.loading{opacity:0}.template-thumbnail.loaded{opacity:1}.template-image-container{position:relative;width:100%;height:100px;border-radius:3px;overflow:hidden}.image-placeholder,.template-image-container{background:#f8f9fa;display:flex;align-items:center;justify-content:center}.image-placeholder{position:absolute;top:0;left:0;right:0;bottom:0;flex-direction:column;color:#6c757d;font-size:8px;z-index:1}.loading-spinner{width:20px;height:20px;border:2px solid #e9ecef;border-top-color:#0d6efd;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:4px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.image-error{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;background:#f8d7da;color:#721c24;font-size:8px;z-index:1}.template-name{font-size:10px;text-align:center;margin:3px 0;padding:0 2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#495057;font-weight:500}.template-slider::-webkit-scrollbar{height:6px}.template-slider::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.template-slider::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.template-slider::-webkit-scrollbar-thumb:hover{background:#a8a8a8}@media (max-width:768px){.bg-card,.bg-card-header,.support-card-out{width:100%}.category-tabs{justify-content:center}.category-tab{font-size:14px;padding:6px 10px}.template-item{width:85px}.template-thumbnail{height:85px}.template-name{font-size:9px}}@media (min-width:1200px){.template-item{width:110px}.template-thumbnail{height:110px}.template-name{font-size:11px}}