.editor-layout{background-color:#181818;flex-direction:column;width:100vw;height:100vh;font-family:system-ui,-apple-system,sans-serif;display:flex;overflow:hidden}.workspace-container{flex:1;display:flex;position:relative;overflow:hidden}.side-panel{z-index:20;background-color:#202020;flex-direction:column;flex-shrink:0;transition:width .3s cubic-bezier(.2,.8,.2,1);display:flex;overflow:hidden}.panel-left{border-right:1px solid #2d2d2d}.panel-right{border-left:1px solid #2d2d2d}.panel-header{box-sizing:border-box;border-bottom:1px solid #2d2d2d;align-items:center;width:100%;height:48px;min-height:48px;padding:0 12px;display:flex}.panel-header.left{justify-content:flex-start}.panel-header.right{justify-content:flex-end}.panel-icon-btn{color:#888;cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;width:28px;height:28px;transition:color .2s,background-color .2s;display:flex}.panel-icon-btn:hover{color:#e0e0e0;background-color:#2a2a2a}.panel-content-wrapper{flex:1;width:100%;min-height:0;overflow:hidden}.panel-inner-scroll{height:100%;transition:opacity .2s}.panel-left .panel-inner-scroll{width:260px}.panel-right .panel-inner-scroll{width:280px}.panel-collapsed .panel-inner-scroll{opacity:0;pointer-events:none}::-webkit-scrollbar{width:14px;height:14px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background-color:#3a3d41;background-clip:padding-box;border:4px solid #0000;border-radius:10px}::-webkit-scrollbar-thumb:hover{background-color:#007acccc}::-webkit-scrollbar-thumb:active{background-color:#007acc}*{scrollbar-width:thin;scrollbar-color:#3a3d41 transparent}