:root{--properties-panel-width:0px}.academy-content-with-panel{transition:margin-right .3s ease-in-out}@media (max-width:1023px){.academy-content-with-panel{margin-right:0!important}}@media (min-width:1024px){.academy-content-with-panel{margin-right:var(--properties-panel-width)}}.section-wrapper{position:relative}.section-wrapper:hover .section-gear-icon{opacity:1}.section-gear-icon{opacity:0;transition:opacity .2s ease-in-out}.section-gear-icon.active{opacity:1}.section-overlay{pointer-events:none;transition:all .2s ease-in-out}.section-wrapper:hover .section-overlay{border-color:#60a5fa;background-color:rgba(59,130,246,.05)}.properties-panel-enter{transform:translateX(100%)}.properties-panel-enter-active{transform:translateX(0);transition:transform .3s ease-in-out}.properties-panel-exit{transform:translateX(0)}.properties-panel-exit-active{transform:translateX(100%);transition:transform .3s ease-in-out}.resize-handle{position:absolute;left:0;top:0;width:4px;height:100%;cursor:col-resize;background:transparent;transition:background-color .2s ease-in-out}.resize-handle:hover{background-color:#3b82f6}.resize-handle:active{background-color:#2563eb}.panel-collapsed{width:60px!important}.panel-expanded{width:var(--properties-panel-width)}.mobile-overlay{position:fixed;inset:0;background-color:rgba(0,0,0,.5);z-index:40;opacity:0;transition:opacity .3s ease-in-out}.mobile-overlay.active{opacity:1}.properties-panel-content::-webkit-scrollbar{width:6px}.properties-panel-content::-webkit-scrollbar-track{background:#f1f5f9}.properties-panel-content::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.properties-panel-content::-webkit-scrollbar-thumb:hover{background:#94a3b8}.properties-panel .form-group{margin-bottom:1rem}.properties-panel .form-label{display:block;font-size:.875rem;font-weight:500;color:#374151;margin-bottom:.5rem}.properties-panel .form-input{width:100%;padding:.5rem;border:1px solid #d1d5db;border-radius:.375rem;font-size:.875rem;transition:border-color .2s ease-in-out,box-shadow .2s ease-in-out}.properties-panel .form-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.1)}.color-picker-group{display:flex;align-items:center;gap:.5rem}.color-picker-swatch{width:2.5rem;height:2.5rem;border:1px solid #d1d5db;border-radius:.375rem;cursor:pointer}.properties-switch{display:flex;align-items:center;justify-content:space-between;padding:.75rem 0}.properties-switch-label{flex:1}.properties-switch-description{font-size:.75rem;color:#6b7280;margin-top:.25rem}.properties-panel .btn-primary{background-color:#3b82f6;color:white;border:none;padding:.5rem 1rem;border-radius:.375rem;font-size:.875rem;cursor:pointer;transition:background-color .2s ease-in-out}.properties-panel .btn-primary:hover{background-color:#2563eb}.properties-panel .btn-secondary{background-color:#f3f4f6;color:#374151;border:1px solid #d1d5db;padding:.5rem 1rem;border-radius:.375rem;font-size:.875rem;cursor:pointer;transition:background-color .2s ease-in-out,border-color .2s ease-in-out}.properties-panel .btn-secondary:hover{background-color:#e5e7eb;border-color:#9ca3af}.properties-panel .loading{opacity:.6;pointer-events:none}.properties-panel .spinner{display:inline-block;width:1rem;height:1rem;border:2px solid #f3f4f6;border-top-color:#3b82f6;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}