.config-container-hp{max-width:80%;margin:auto}.config-section-hp{border:1px solid #ccc;border-radius:10px;margin-bottom:16px;background:#fff;box-shadow:0 4px 12px rgba(0,0,0,.05);overflow:hidden}.config-header-hp{display:flex;align-items:center;justify-content:space-between;background:#2563eb;color:#fff;padding:1vh 1vw;cursor:pointer}.config-header-left-hp{display:flex;align-items:center;gap:1vw}.config-header-left-hp h3{margin:0;font-size:1.1rem}.config-header-right-hp{display:flex;gap:.5vw;align-items:center}.collapse-toggle-hp,.config-header-right-hp button{background:0 0;border:none;color:#fff;font-size:1.1rem;cursor:pointer}.config-header-right-hp button:disabled{opacity:.4;cursor:not-allowed}.config-body-hp{padding:1rem;border-top:1px solid #e0e0e0;background:#f9fafb;display:none}.config-section-hp.enabled-hp .config-body-hp{display:block}.config-section-hp.disabled-hp{opacity:.6}.config-checkbox-hp{transform:scale(1.2);cursor:pointer}.toggle-switch-hp{position:relative;display:inline-block;width:44px;height:24px}.toggle-switch-hp input{opacity:0;width:0;height:0}.slider-hp{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:.3s;border-radius:24px}.slider-hp:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%}.toggle-switch-hp input:checked+.slider-hp{background-color:#22c55e}.toggle-switch-hp input:checked+.slider-hp:before{transform:translateX(20px)}.template-selection-hp label{margin-right:5px;color:#374151}.template-name-hp{color:#2563eb}.edit-template-btn-hp{background:0 0;border:none;color:#2563eb;cursor:pointer;font-size:.85rem;padding:2px 6px;border-radius:4px}.edit-template-btn-hp i{margin-right:4px}.edit-template-btn-hp:hover{background-color:#e0f2fe}.template-selection-hp{display:flex;align-items:center;margin-bottom:10px;color:#2c3e50;background:linear-gradient(135deg,#e0ecff,#f0f5ff);border-radius:20px;padding:6px 12px;display:inline-flex;align-items:center;gap:10px;font-weight:500;font-size:14px;transition:background .3s;box-shadow:0 1px 4px rgba(0,0,0,.05)}.template-selection-hp:hover{background:linear-gradient(135deg,#d4e4ff,#eaf1ff)}.template-selection-hp button.edit-template-btn-hp{background:#5c9eff;border:none;color:#fff;padding:4px 8px;border-radius:12px;font-size:12px;cursor:pointer;transition:background .3s}.template-selection-hp button.edit-template-btn-hp:hover{background:#3b85f1}.loader-hp{display:none;flex-direction:column;align-items:center;justify-content:center;height:30vh;font-size:1.1rem;font-weight:500;gap:.8rem;color:#2563eb}.save-container-hp{display:flex;justify-content:flex-end;padding:1rem;position:sticky;z-index:100}.top-save{top:0}.bottom-save{bottom:0}.save-btn-hp{background-color:#2563eb;color:#fff;padding:.6rem 1.2rem;border-radius:.5rem;font-size:1rem;border:none;cursor:pointer;transition:background-color .3s}.save-btn-hp:hover{background-color:#1e48c3}.loader-text-hp{font-size:1rem}.modal-header-hp{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #ddd}.modal-header-hp h2{font-size:1.25rem;font-weight:700;color:#1f2937;margin-top:0}.modal-header-hp .section-name{color:#2563eb;font-weight:700}.template-carousel-hp{display:flex;gap:.75rem;overflow-x:auto;padding-bottom:.5rem}.template-card-hp{min-width:150px;border:2px solid #e0e0e0;border-radius:6px;padding:.4rem;text-align:center;background:#f9fafb;cursor:pointer;transition:.2s}.template-card-hp.selected-hp{border-color:#2563eb;background-color:#e6efff}.template-card-hp img{width:100%;border-radius:4px}.template-details-hp{background:#f1f5f9;padding:.75rem 1rem;border-radius:6px;min-height:60px;font-size:.95rem;color:#374151;border:1px dashed #d1d5db}.template-modal-actions-hp{display:flex;justify-content:flex-end;gap:.75rem;padding:1rem;border-top:1px solid #ddd}.choose-btn-hp{background-color:#2563eb;color:#fff;border:none;padding:.5rem 1rem;border-radius:6px;cursor:pointer}.cancel-btn-hp{background-color:#f3dede;color:#991b1b;border:none;padding:.5rem 1rem;border-radius:6px;cursor:pointer}.template-card-hp.invalid{border-color:#dc2626!important;animation:.3s shake}@keyframes shake{0%,100%{transform:translateX(0)}25%{transform:translateX(-5px)}50%{transform:translateX(5px)}75%{transform:translateX(-3px)}}#template-modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:9999}.template-modal-content-hp{background:#fff;padding:1.5rem;border-radius:10px;width:90%;max-width:800px;max-height:90vh;overflow-y:auto;box-shadow:0 10px 25px rgba(0,0,0,.2);animation:.3s ease-in-out fadeInScale;display:flex;flex-direction:column;gap:1rem}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95)}100%{opacity:1;transform:scale(1)}}.edit-template-btn-hp.disabled{opacity:.5;pointer-events:none;cursor:not-allowed}.comp-container{margin-top:1rem;padding:1rem;background-color:#f7f9fc;border:1px solid #d0d0d0;border-radius:6px}.comp-container .form-group{margin-bottom:10px}.comp-container label{display:block;margin-bottom:4px;font-weight:600}.save-container{display:flex;justify-content:flex-end;padding:1rem;z-index:5;position:sticky;top:0;max-width:100%;width:fit-content;left:80vw}