.resizable-handle{z-index:10;position:relative}.resizable-handle:hover:before{content:"";background:rgba(59,130,246,.5);border-radius:2px;width:4px;height:100%;transition:all .2s;position:absolute;top:0;left:50%;transform:translate(-50%)}.resizable-handle.horizontal:hover:before{width:4px;height:100%}.resizable-handle.vertical:hover:before{width:100%;height:4px;top:50%;left:0;transform:translateY(-50%)}.resizable-handle.dragging:before{opacity:1;background:#3b82f6}.resizable-dragging{-webkit-user-select:none;-moz-user-select:none;user-select:none}.resizable-panel{transition:width .2s,height .2s}.resizable-panel.no-transition{transition:none}.resize-indicator{background:rgba(156,163,175,.6);border-radius:1px;transition:all .2s;position:absolute}.resize-indicator.horizontal{width:2px;height:20px;top:50%;left:50%;transform:translate(-50%,-50%)}.resize-indicator.vertical{width:20px;height:2px;top:50%;left:50%;transform:translate(-50%,-50%)}.resizable-handle:hover .resize-indicator{background:rgba(59,130,246,.8);scale:1.2}.resizable-handle.dragging .resize-indicator{background:#3b82f6;scale:1.5}.resizable-panel::-webkit-scrollbar{width:8px;height:8px}.resizable-panel::-webkit-scrollbar-track{background:rgba(75,85,99,.1);border-radius:4px}.resizable-panel::-webkit-scrollbar-thumb{background:rgba(156,163,175,.5);border-radius:4px}.resizable-panel::-webkit-scrollbar-thumb:hover{background:rgba(156,163,175,.8)}.resizable-handle:focus{outline-offset:2px;outline:2px solid #3b82f6}.resizable-container{position:relative;overflow:hidden}.resizable-panel-content{flex-direction:column;height:100%;display:flex;overflow:hidden}@media (max-width:768px){.resizable-handle{width:8px;min-width:8px}.resize-indicator.horizontal{width:3px;height:30px}.resize-indicator.vertical{width:30px;height:3px}}