*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;height:100vh;overflow:hidden}.container{display:flex;height:100vh}.canvas-wrapper{flex:1 1 50%;min-width:200px;overflow:hidden}.resizer{width:4px;background:#333;cursor:col-resize;flex-shrink:0;position:relative;transition:background .2s}.resizer:hover{background:#555}.resizer.dragging{background:#777}.editor-container{flex:1 1 50%;min-width:200px;height:100%;overflow:hidden}#canvas{width:100%;height:100%;display:block}.editor-container{height:100%;overflow:hidden}.editor-container .cm-editor{height:100%;font-size:13px}.editor-container .cm-scroller{font-family:monospace;overflow:auto;height:100%}.editor-container .cm-focused{outline:none}.editor-container .cm-content{min-height:100%}.sidebar{flex:0 0 200px;overflow-y:auto;padding:10px;background:#000}.sidebar-actions{margin-bottom:20px}.sidebar-actions button{width:100%;margin-bottom:8px;border:none;background:transparent;cursor:pointer;font-size:14px;font-family:monospace;color:#fff;text-align:left}#shader-list{display:flex;flex-direction:column;gap:8px}.shader-item{cursor:pointer;font-family:monospace;color:#fff}@media (max-width: 768px){.container{flex-direction:column;height:100vh}.canvas-wrapper{flex:1 1 70%;min-height:0}.resizer{width:100%;height:4px;cursor:row-resize}.editor-container{flex:1 1 30%;display:none;min-height:0}.sidebar{flex:0 0 auto;height:auto}.sidebar-actions{display:none}}