@font-face{font-family:Nasalization;src:url(../../../../assets/nasalization-rg.ttf) format("truetype");font-weight:400;font-style:normal}.attachments{width:100px!important;height:100px!important;box-shadow:1px 5px 9px #00000082;-o-object-fit:contain!important;object-fit:contain!important;border-radius:6px;margin:5px}.offcanvas.offcanvas-end{transition:transform .35s ease-in-out;box-shadow:-4px 0 10px #0000001a}.user-image{width:150px!important;height:150px!important;box-shadow:1px 5px 9px #00000082;-o-object-fit:contain!important;object-fit:contain!important;border-radius:6px;margin:5px}.description-cell{max-width:400px;white-space:normal;word-break:break-word}.menu .app-brand.demo{height:90px;margin-top:12px}.page-builder-container{background:#fff;min-height:100vh}.card{border:none;box-shadow:0 2px 8px #00000014;transition:all .3s ease}.card:hover{box-shadow:0 4px 16px #0000001f}.dynamic-zone-container{background:#f6f6f9;border-radius:12px;border:1px solid rgba(102,126,234,.1)}.section-card{border:1px solid #e5e7eb;border-radius:8px;transition:all .3s ease}.section-card:hover{box-shadow:0 4px 12px #0000001a}.section-card.dragging{opacity:.5}.section-header{background:#667eea0d;border-bottom:1px solid #e5e7eb}.item-card{background:#f1f5f980;border:1px solid #e5e7eb;border-radius:6px;transition:all .3s ease}.item-card:hover{background:#f1f5f9cc}.item-card.dragging{opacity:.5}.component-picker-card{border:2px solid rgba(102,126,234,.2);border-radius:12px}.component-picker-header{background:#667eea1a;border-bottom:1px solid rgba(102,126,234,.2)}.component-btn{border:2px dashed #cbd5e1;transition:all .3s ease;min-height:100px}.component-btn:hover{border-color:#667eea;border-style:solid;background:#667eea0d;transform:translateY(-2px)}.btn-gradient{background:linear-gradient(135deg,#667eea,#764ba2);border:none;color:#fff}.btn-gradient:hover{opacity:.9;color:#fff}.drag-handle{cursor:grab}.drag-handle:active{cursor:grabbing}.badge-count{background:#667eea1a;color:#667eea;font-size:.75rem;padding:.25rem .5rem;border-radius:12px}.preview-image{max-height:100px;max-width:100%;-o-object-fit:cover;object-fit:cover;border-radius:4px}.position-badge{background:#6c757d;color:#fff;font-size:.7rem;padding:.2rem .5rem;border-radius:10px}.item-position-badge{background:#495057;color:#fff;font-size:.65rem;padding:.15rem .4rem;border-radius:8px}@media (max-width: 768px){.section-header{padding:.75rem!important;min-height:auto!important}.section-header>.d-flex{flex-direction:column!important;align-items:flex-start!important;gap:.75rem!important}.section-header .d-flex.align-items-center.gap-3{flex-wrap:wrap!important;gap:.5rem!important;width:100%}.section-header .fw-semibold{font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px}.section-header .position-badge,.section-header .badge-count{font-size:.7rem;padding:.2rem .4rem}}@media (max-width: 576px){.section-header{padding:.5rem!important}.section-header .d-flex.align-items-center.gap-3{gap:.25rem!important}.section-header .fw-semibold{max-width:150px;font-size:.85rem}.section-header .position-badge,.section-header .badge-count{font-size:.65rem;padding:.15rem .3rem}.section-header .btn-outline-danger{font-size:.8rem;padding:.25rem .5rem}}@media (max-width: 400px){.section-header .fw-semibold{max-width:120px}.section-header .d-flex.align-items-center.gap-3{justify-content:space-between;width:100%}}.modal-right .modal-dialog{position:fixed;margin:auto;width:600px;max-width:100vw;height:100%;transform:translateZ(0)}.modal-right .modal-content{height:100%;overflow-y:auto}.modal-right{right:0;left:auto}.modal-right.fade .modal-dialog{right:-600px;transition:opacity .3s linear,right .3s ease-out}.modal-right.show .modal-dialog{right:0}.modal-right .modal-dialog{position:fixed;right:0;margin:0;width:90%;max-width:1200px;height:100%;transform:translate(100%);transition:transform .3s ease-out}.modal-right.show .modal-dialog{transform:translate(0)}.modal-right .modal-content{height:100%;border-radius:0;border:none}.section-title{font-size:.75rem;letter-spacing:.5px}.space-y-3>*+*{margin-top:.75rem}.cursor-pointer{cursor:pointer}@media (max-width: 768px){.modal-right .modal-dialog{width:100%}.border-end{border-right:none!important;border-bottom:1px solid #dee2e6}}.menu-list{min-height:100px}.card{transition:all .2s ease}.card:hover{border-color:#0d6efd}.icon{width:16px;height:16px}.icon-sm{width:14px;height:14px}.icon-xs{width:12px;height:12px}.icon-lg{width:48px;height:48px}.inline-icon{width:12px;height:12px;vertical-align:-1px}