@keyframes animate-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin{animation:2s linear infinite animate-spin}.loading-screen{z-index:9999;background-color:#1a1a1a;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.template-modal-overlay{z-index:1050;background-color:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.template-modal-content{color:#000;background-color:#fff;border-radius:8px;flex-direction:column;width:80%;max-width:800px;max-height:80vh;display:flex;overflow:hidden}.template-modal-header{border-bottom:1px solid #e0e0e0;justify-content:space-between;align-items:center;padding:12px 15px;display:flex}.template-modal-header h5{color:#000;margin:0;font-size:1.1rem;font-weight:600}.template-modal-header .close-btn{cursor:pointer;color:#000;background:0 0;border:none;padding:0;font-size:1.25rem}.template-modal-body{flex:1;gap:15px;padding:15px;display:flex;overflow-y:auto}@media (max-width:768px){.template-modal-body{flex-direction:column}}.template-preview{background-color:#f8f9fa;border-radius:6px;flex:1;justify-content:center;align-items:center;padding:10px;display:flex}.template-preview-image{object-fit:contain;max-width:100%;max-height:350px}.template-details{color:#000;flex:1;padding:0 5px}.template-details h5{color:#000;margin-top:0;margin-bottom:10px;font-size:1rem}.template-details p{color:#000}.template-usage-hint{color:#000;background-color:#f8f9fa;border-radius:4px;margin-top:15px;padding:10px;font-size:.85rem}.template-like-count{color:#000;align-items:center;margin-top:15px;font-size:.9rem;display:flex}.template-like-count i{color:#ff4081;margin-right:5px}.template-modal-footer{border-top:1px solid #e0e0e0;justify-content:flex-end;gap:8px;padding:12px 15px;display:flex}:root{--primary-button-bg:#6200ee;--primary-button-text:#fff;--outline-button-border:#6200ee;--outline-button-text:#6200ee}[data-theme=dark] .template-modal-footer .btn-primary{color:#fff;background-color:#000;border-color:#000}[data-theme=dark] .template-modal-footer .btn-outline-primary{color:#000;background-color:#0000;border-color:#000}.template-modal-footer .btn-primary{color:#fff;background-color:#6200ee;border-color:#6200ee}.template-modal-footer .btn-outline-primary{color:#6200ee;background-color:#0000;border-color:#6200ee}.template-modal-footer .btn-primary:hover{opacity:.9}.template-modal-footer .btn-outline-primary:hover{background-color:#6200ee0d}[data-theme=dark] .template-modal-footer .btn-outline-primary:hover{background-color:#0000001a}.view-only-toolbar{opacity:.6;pointer-events:none;position:relative}.view-only-toolbar:after{content:"";cursor:not-allowed;pointer-events:auto;position:absolute;inset:0}.disabled-toolbar-item,.view-only-toolbar .toolbar-items{opacity:.5;cursor:not-allowed!important}.view-only-sidebar{position:relative}.view-only-sidebar .sidebar-slim{opacity:.7}.disabled-sidebar-item{opacity:.5;pointer-events:none;background-color:#0000000d;cursor:not-allowed!important}.disabled-sidebar-item:hover{background-color:#0000000d!important}.view-only-badge{background-color:#ffffff1a;border-bottom:1px solid #fff3}.view-only-sidebar .sidebar-main{pointer-events:none;opacity:.7}.view-only-sidebar .list-group-item:hover{box-shadow:none!important;transform:none!important}