*{box-sizing:border-box;margin:0;padding:0}body{color:#e0e0e0;background:#1a1a2e;flex-direction:column;height:100vh;font-family:system-ui,sans-serif;display:flex}header{justify-content:space-between;align-items:center;padding:6px 12px;display:flex}header a{color:#aaa;font-size:.9rem;text-decoration:none}header a:hover{color:#e0e0e0;text-decoration:underline}.main-layout{flex-direction:row;flex:1;gap:6px;min-height:0;padding:6px 12px;display:flex}.glml-pane{flex-direction:column;flex:1.2;min-width:0;min-height:0;display:flex;overflow:hidden}.right-column{flex-direction:column;flex:1;gap:6px;min-width:0;min-height:0;display:flex}.webgl-pane{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.canvas-container{background:#1a1a2e;flex:1;justify-content:center;min-height:0;display:flex;overflow:hidden}.glsl-pane{flex-direction:column;flex:1;min-width:0;min-height:0;display:flex;overflow:hidden}.pane{flex-direction:column;min-width:0;min-height:0;display:flex;overflow:hidden}@media (width<=768px){.main-layout{flex-direction:column}.right-column{display:contents}.webgl-pane{flex:none;order:1;height:300px}.glml-pane{flex:1;order:2}.glsl-pane{display:none}.monaco-editor .accessibilityHelpButton{display:none!important}}.pane-header{color:#aaa;background:#2a2a4a;justify-content:space-between;align-items:center;padding:3px 8px;font-size:.8rem;display:flex}#glml-input,#glsl-output{flex:1;min-height:0}#compile-btn{color:#ccc;cursor:pointer;background:#3a3a6a;border:1px solid #555;padding:2px 8px;font-size:.8rem}#compile-btn:hover{color:#e0e0e0;background:#4a4a8a}#example-select{color:#aaa;cursor:pointer;background:#16162a;border:1px solid #444;padding:2px 4px;font-size:.8rem}.textarea-wrapper{flex:1;min-height:0;display:flex;position:relative}#error-output{color:#ff6b6b;white-space:pre-wrap;background:#16162a;border:1px solid #333;padding:10px;font-family:monospace;font-size:.85rem;position:absolute;inset:0}#error-output:empty{display:none}.vim-toggle{cursor:pointer;color:#aaa;-webkit-user-select:none;user-select:none;align-items:center;gap:4px;font-size:.8rem;display:flex}.vim-toggle input[type=checkbox]{cursor:pointer;accent-color:#6a6aaa;appearance:none;background:#2a2a4a;border:1px solid #555;border-radius:2px;width:12px;height:12px;position:relative}.vim-toggle input[type=checkbox]:checked{background:#6a6aaa;border-color:#6a6aaa}.vim-toggle input[type=checkbox]:checked:after{content:"";border:2px solid #fff;border-top:none;border-left:none;width:4px;height:7px;position:absolute;top:0;left:2px;transform:rotate(45deg)}#vim-status{color:#aaa;background:#2a2a4a;height:18px;padding:0 8px;font-family:monospace;font-size:.75rem;overflow:hidden}#vim-status input{color:#aaa;vertical-align:top;background:0 0;border:none;outline:none;width:auto;height:18px;margin:0;padding:0;font-family:monospace;font-size:.75rem}
