.diagram-browser{background:#f5f5f5;height:100%}.left-sidebar,.right-sidebar{background:#fff;border-left:1px solid #d9d9d9;border-right:1px solid #d9d9d9;position:relative}.left-sidebar{border-right:1px solid #d9d9d9;display:flex;flex-direction:column;height:100%;min-height:0}.right-sidebar{border-left:1px solid #e8e8e8}.sidebar-toggle-button{align-items:center;background:#1890ff;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:12px;height:24px;justify-content:center;transition:background-color .2s;width:24px}.sidebar-toggle-button:hover{background:#40a9ff}.sidebar-section{display:flex;flex-direction:column;min-height:0}.sidebar-section.tree{flex:0 0 40%;min-height:0}.sidebar-section.props{flex:1 1 60%;min-height:0;min-height:160px}.sidebar-content{border-bottom:1px solid #f0f0f0;flex:1 1;min-height:0;overflow:auto;padding:8px}.main-content{background:#fff;min-height:0;overflow:hidden;position:relative}.diagram-container{height:100%;width:100%}@media (max-width:768px){.left-sidebar,.right-sidebar{width:250px!important}.sidebar-content{padding:4px}}.sidebar-content::-webkit-scrollbar{width:6px}.sidebar-content::-webkit-scrollbar-track{background:#f1f1f1}.sidebar-content::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.sidebar-content::-webkit-scrollbar-thumb:hover{background:#a8a8a8}