#nav_container{display:flex;gap:1.5vw;flex-wrap:wrap;padding:3vh 4vw;max-width:90vw;margin:0 auto}.nav_topNavsContainer{display:flex;flex-direction:row;gap:1vw;width:100%}.nav_topNav{background:#fff;border-radius:10px;box-shadow:0 .4rem 1.6rem rgba(0,0,0,.08);width:15vw;display:flex;flex-direction:column;user-select:none;border:.1rem dotted #036;transition:transform .3s;max-height:70vh}.nav_topNav:hover{border:.2rem dotted #009688}.nav_topNav-header{background:#036;color:#fff;padding:1vh .5vw;border-radius:10px 10px 0 0;display:flex;align-items:center;justify-content:space-between;gap:.5vw;font-size:1.2rem}.nav_topNav-title{font-weight:600;font-size:1rem;cursor:pointer;outline-offset:0.3rem}.nav_topNav-title:focus{outline:#009688 solid .2rem;outline-offset:0.3rem}.nav_edit-input{font-size:1.1rem;padding:.4vh .8vw;border-radius:.6rem;border:.15rem solid #009688;width:100%;box-sizing:border-box}.nav_topNav-header button{background:0 0;border:none;color:#fff;cursor:pointer;font-size:.8rem;padding:.2vw;transition:color .2s;border-radius:.4rem}.nav_topNav-header button:hover{color:#e81906;transform:scale(1.1)}.nav_topNav-header .fa-arrow-left,.nav_topNav-header .fa-arrow-right{font-size:1.2rem;margin:0 .4vw}.nav_topNav-header button:focus{outline:#009688 solid .2rem}.nav_navItems{flex-grow:1;padding:1.5vh .3vw;display:flex;flex-direction:column;gap:1.2vh;max-height:40vh;overflow-y:auto;min-width:160px}.nav_navItem{background:#fff;border-radius:10px;padding:.3vh 0;display:flex;align-items:center;gap:1vw;box-shadow:0 .2rem .6rem rgba(0,0,0,.21);cursor:grab;font-weight:500;color:#036;font-size:1.1rem;transition:transform .3s,opacity .3s;will-change:transform}.nav_navItem:hover{background:#e0f2f1}.nav_navItem .name{flex-grow:1;cursor:pointer;outline-offset:0.3rem;padding-left:1rem}.nav_navItem .name:focus{outline:#009688 solid .2rem;outline-offset:0.3rem}.nav_navItem input.nav_edit-input{font-size:1.1rem;padding:.4vh .8vw;border-radius:.6rem;border:.15rem solid #009688;width:100%;box-sizing:border-box}.nav_navItem button{background:0 0;border:none;cursor:pointer;color:#036;font-size:.8rem;border-radius:.6rem;transition:background-color .2s,color .2s}.nav_navItem button:hover:not(:disabled){background:#009688;color:#fff}.nav_navItem button:disabled{cursor:default;color:#bbb}.nav_topNav-footer{padding:1vh 1.5vw;border-top:.1rem solid #ddd;display:flex;justify-content:center}.nav_topNav-footer button{background:#009688;color:#fff;border:none;padding:.4vh .6vw;border-radius:2.4rem;font-weight:600;cursor:pointer;box-shadow:0 .2rem .8rem rgba(0,150,136,.3);transition:background-color .2s;font-size:1.1rem}.nav_topNav-footer button:hover{background:#00796b}.nav_add-zone-area{background:#e6e7e900;color:rgba(8,8,8,.181);font-size:6vh;font-weight:700;border:1px dashed #bbb;border-radius:1.8rem;width:8vw;height:auto;max-width:280px;display:flex;align-items:center;justify-content:center;cursor:pointer;user-select:none;box-shadow:0 .4rem 1.6rem rgba(0,0,0,.08);transition:background-color .3s;text-align:center;line-height:1;min-width:80px}.nav_add-zone-area:focus,.nav_add-zone-area:hover{background-color:#00968753;outline:0;color:#fff}.nav_navItems::-webkit-scrollbar{width:.8rem}.nav_navItems::-webkit-scrollbar-thumb{background-color:#009688;border-radius:.8rem}.nav_navItems::-webkit-scrollbar-track{background:#f1f1f1}.nav-action-div{display:flex;justify-content:center;gap:3vw;margin-top:8vh}.nav-action-btn{background:#009688;color:#fff;border:none;padding:1vh .6vw;border-radius:10px;font-weight:600;cursor:pointer;box-shadow:0 .2rem .8rem rgba(0,150,136,.3);transition:background-color .2s;font-size:1.1rem}.nav-action-btn i{font-size:1.2rem;font-weight:600}.nav-redo,.nav-undo{background:#036}.nav-redo:hover,.nav-undo:hover{background:#0368ce}.nav-save{background:#009688}.nav-save:hover{background:#039551}.nav_moving-up{animation:.2s nav_slideUp}.nav_moving-down{animation:.2s nav_slideDown}.nav_moving-left{animation:.3s nav_slideLeft}.nav_moving-right{animation:.3s nav_slideRight}.nav_collapsible{margin:1vh auto 3vh;width:100%;border:1px solid #e5e7eb;border-radius:12px;background:#fff;box-shadow:0 6px 16px rgba(0,0,0,.08);overflow:hidden}.nav_collapsible-header{display:flex;align-items:center;padding:1vh 1vw;background-color:#2563eb;color:#fff;cursor:pointer;user-select:none;border-radius:12px 12px 0 0}.nav_collapsible-header h3{margin:0;font-size:1.1rem;font-weight:600}.nav_arrow-indicator{margin-right:1vw;font-size:1.2rem;transition:transform .3s}.nav_collapsible-content{max-height:1000px;overflow:auto;transition:max-height .4s,padding .3s;padding:2vh 2vw;background:#f9fafb;border-top:1px solid #e5e7eb}.nav_collapsed{max-height:0!important;padding:0 2vw!important}.nav_action-buttons{display:flex;gap:.8vw;align-items:center}.nav_action-buttons button{background-color:#1e40af;color:#fff;border:none;padding:.7vh .8vw;border-radius:8px;font-size:.8rem;cursor:pointer;transition:.3s}.nav_action-buttons button:hover:not(:disabled){background-color:#22c55e;transform:scale(1.05);box-shadow:0 2px 8px rgba(0,0,0,.1)}.nav_action-buttons button:disabled{opacity:.4;cursor:not-allowed}@media (max-width:960px){#nav_container{justify-content:center;padding:2vh 2vw}.nav_add-zone-area,.nav_topNav{width:90vw;max-width:350px;height:auto;min-height:auto}.nav_add-zone-area{font-size:4.5vh;height:22vh}}@media (max-width:768px){.nav_collapsible-header{flex-direction:column;align-items:flex-start;gap:1vh;padding:2vh 4vw}.nav_action-buttons{width:100%;flex-wrap:wrap;gap:2vw}.nav_action-buttons button{flex:1 1 auto;min-width:40%;padding:1vh 1vw;font-size:.95rem}.nav_collapsible-content{padding:3vh 4vw}}@keyframes nav_slideUp{from{transform:translateY(-3vh);opacity:.6}to{transform:translateY(0);opacity:1}}@keyframes nav_slideDown{from{transform:translateY(3vh);opacity:.6}to{transform:translateY(0);opacity:1}}@keyframes nav_slideLeft{from{transform:translateX(-5vw);opacity:.6}to{transform:translateX(0);opacity:1}}@keyframes nav_slideRight{from{transform:translateX(5vw);opacity:.6}to{transform:translateX(0);opacity:1}}.config-header-gl{display:flex;align-items:center;justify-content:space-between;background:#2563eb;color:#fff;padding:1vh 1vw;cursor:pointer;border-radius:12px}.config-section-gl:not(.expanded-gl) .config-header-gl{border-radius:12px}.config-section-gl.expanded-gl .config-header-gl{border-radius:12px 12px 0 0}.config-section-gl.expanded-gl{box-shadow:0 6px 16px rgba(0,0,0,.08)}.config-header-left-gl{display:flex;align-items:center;gap:1vw}.config-header-left-gl h3{margin:0;font-size:1.1rem}.collapse-toggle-gl{background:0 0;border:none;color:#fff;font-size:1.2rem;cursor:pointer;display:flex;align-items:center;justify-content:center}.config-body-gl{padding:1rem 1.2rem;background-color:#fff}.field{margin-bottom:1.2rem;display:flex;flex-direction:column}.field label{font-weight:600;font-size:.95rem;margin-bottom:6px;color:#333}.field input[type=color],.field input[type=file],.field input[type=text]{padding:.4rem .6rem;font-size:.95rem;border:1px solid #ccc;border-radius:6px;width:100%;box-sizing:border-box}.img-preview{margin-top:8px;max-height:80px;display:block;border:1px solid #ddd;border-radius:6px;object-fit:contain}.template-config-ui{display:flex;flex-direction:column;gap:1rem}.save-container-gl{display:flex;justify-content:flex-end;padding:1rem 1.5rem;border-radius:12px}.save-container-gl:last-of-type{position:static;margin-top:1rem}.save-button-gl{background-color:#2563eb;color:#fff;font-size:1.2rem;padding:.5rem 1.2rem;border:none;border-radius:8px;cursor:pointer;box-shadow:0 2px 6px rgba(0,0,0,.1);transition:background .2s}.save-button-gl:hover{background-color:#1e4ed8}.save-button-gl i{margin-right:.5vw}