html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,main,menu,nav,output,ruby,section,summary,time,mark,audio,video{font-size:100%;font:inherit;vertical-align:baseline;border:0;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section{display:block}[hidden]{display:none}body{line-height:1}menu,ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}html,body,#glsl_editor{background:#000;width:100%;height:100%;min-height:100dvh;margin:0;overflow:hidden}body{position:fixed;inset:0}#glsl_editor{--editor-pane-size:48vw;--preview-pane-size:42dvh;--panel-resize-handle-size:10px;grid-template-columns:minmax(240px, var(--editor-pane-size)) var(--panel-resize-handle-size) minmax(220px, 1fr);grid-template-rows:minmax(0,1fr);display:grid;position:fixed;inset:0}#glsl_editor .ge_canvas_container{z-index:10;background:#000;grid-area:1/3;min-width:0;min-height:0;overflow:hidden;width:100%!important;height:100%!important;position:relative!important;inset:auto!important}#glsl_editor .ge_canvas{display:block;width:100%!important;height:100%!important}#glsl_editor .ge_editor{background:#272823;grid-area:1/1;min-width:0;min-height:0;overflow:hidden}.panel-resize-handle{z-index:20;cursor:ew-resize;touch-action:none;background:#000;grid-area:1/2;min-width:0;min-height:0;position:relative}.panel-resize-handle:before{content:"";background:#ffffff1f;width:1px;transition:width .14s,background-color .14s,box-shadow .14s;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.panel-resize-handle:hover:before,.panel-resize-handle:focus-visible:before,.is-resizing-panels .panel-resize-handle:before{background:#84d7ffb8;width:3px;box-shadow:0 0 18px #84d7ff3d}.panel-resize-handle:focus-visible{outline:0}.is-resizing-panels{-webkit-user-select:none;user-select:none}.is-resizing-panels[data-resize-axis=x],.is-resizing-panels[data-resize-axis=x] body,.is-resizing-panels[data-resize-axis=x] *{cursor:ew-resize!important}.is-resizing-panels[data-resize-axis=y],.is-resizing-panels[data-resize-axis=y] body,.is-resizing-panels[data-resize-axis=y] *{cursor:ns-resize!important}.view-restore-handle{--restore-handle-offset:50%;z-index:1100;color:#f7f7f3e0;appearance:none;font:inherit;opacity:0;pointer-events:none;touch-action:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0708096b;border:1px solid #ffffff24;padding:0;transition:opacity .14s,transform .17s,background-color .14s,border-color .14s,box-shadow .14s;display:block;position:fixed}.view-restore-handle[hidden]{display:none}.view-restore-handle:before,.view-restore-handle:after{content:"";opacity:.8;background:currentColor;border-radius:999px;position:absolute}.view-restore-handle[data-visible=true],.view-restore-handle:focus-visible,.view-restore-handle[data-dragging=true]{opacity:.86;pointer-events:auto}.view-restore-handle:hover,.view-restore-handle:focus-visible,.view-restore-handle[data-dragging=true]{background:#090a0ba8;border-color:#84d7ff6b;outline:0;box-shadow:0 0 24px #84d7ff33}.view-restore-handle[data-edge=left],.view-restore-handle[data-edge=right]{top:var(--restore-handle-offset);cursor:ew-resize;width:18px;height:96px}.view-restore-handle[data-edge=left]{border-left:0;border-radius:0 9px 9px 0;left:0;transform:translate(-12px,-50%)}.view-restore-handle[data-edge=right]{border-right:0;border-radius:9px 0 0 9px;right:0;transform:translate(12px,-50%)}.view-restore-handle[data-edge=left][data-visible=true],.view-restore-handle[data-edge=left][data-dragging=true],.view-restore-handle[data-edge=right][data-visible=true],.view-restore-handle[data-edge=right][data-dragging=true]{transform:translateY(-50%)}.view-restore-handle[data-edge=left]:before,.view-restore-handle[data-edge=left]:after,.view-restore-handle[data-edge=right]:before,.view-restore-handle[data-edge=right]:after{width:2px;height:24px;left:7px}.view-restore-handle[data-edge=left]:before,.view-restore-handle[data-edge=right]:before{top:26px}.view-restore-handle[data-edge=left]:after,.view-restore-handle[data-edge=right]:after{bottom:26px}.view-restore-handle[data-edge=top],.view-restore-handle[data-edge=bottom]{left:var(--restore-handle-offset);cursor:ns-resize;width:96px;height:18px}.view-restore-handle[data-edge=top]{border-top:0;border-radius:0 0 9px 9px;top:0;transform:translate(-50%,-12px)}.view-restore-handle[data-edge=bottom]{border-bottom:0;border-radius:9px 9px 0 0;bottom:0;transform:translate(-50%,12px)}.view-restore-handle[data-edge=top][data-visible=true],.view-restore-handle[data-edge=top][data-dragging=true],.view-restore-handle[data-edge=bottom][data-visible=true],.view-restore-handle[data-edge=bottom][data-dragging=true]{transform:translate(-50%)}.view-restore-handle[data-edge=top]:before,.view-restore-handle[data-edge=top]:after,.view-restore-handle[data-edge=bottom]:before,.view-restore-handle[data-edge=bottom]:after{width:24px;height:2px;top:7px}.view-restore-handle[data-edge=top]:before,.view-restore-handle[data-edge=bottom]:before{left:26px}.view-restore-handle[data-edge=top]:after,.view-restore-handle[data-edge=bottom]:after{right:26px}#glsl_editor .CodeMirror{width:100%;margin-top:0;height:100%!important}#glsl_editor .CodeMirror-scroll{height:100%}.view-controls{z-index:1000;opacity:.28;pointer-events:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#04050629;border:1px solid #ffffff14;border-radius:9px;align-items:center;gap:2px;padding:3px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;transition:opacity .16s,border-color .16s,background-color .16s;display:flex;position:fixed;bottom:12px;left:12px}.view-controls:hover,.view-controls:focus-within{opacity:.95;background:#090a0b6b;border-color:#ffffff29}.view-controls__button{color:#f7f7f394;width:28px;height:28px;font:inherit;cursor:pointer;pointer-events:auto;background:0 0;border:0;border-radius:6px;place-items:center;padding:0;line-height:1;transition:color .14s,background-color .14s;display:grid}.view-controls__button:hover{color:#f7f7f3e6;background:#ffffff12}.view-controls__button[aria-pressed=true]{color:#f7f7f3f5;background:#ffffff1c}.view-controls__button:focus-visible{outline-offset:2px;outline:2px solid #84d7ff}.view-controls__icon{width:14px;height:14px;display:block}.view-controls__button[data-view-control=editor] .view-controls__icon{background:linear-gradient(currentColor,currentColor) 2px 2px/10px 1px no-repeat,linear-gradient(currentColor,currentColor) 2px 11px/10px 1px no-repeat,linear-gradient(currentColor,currentColor) 2px 2px/1px 10px no-repeat,linear-gradient(currentColor,currentColor) 11px 2px/1px 10px no-repeat,linear-gradient(currentColor,currentColor) 6px 3px/1px 8px no-repeat}.view-controls__button[data-view-control=editor-full] .view-controls__icon{background:linear-gradient(currentColor,currentColor) 2px 2px/10px 1px no-repeat,linear-gradient(currentColor,currentColor) 2px 12px/10px 1px no-repeat,linear-gradient(currentColor,currentColor) 2px 2px/1px 11px no-repeat,linear-gradient(currentColor,currentColor) 12px 2px/1px 11px no-repeat,linear-gradient(currentColor,currentColor) 4px 5px/6px 1px no-repeat,linear-gradient(currentColor,currentColor) 4px 8px/5px 1px no-repeat,linear-gradient(currentColor,currentColor) 4px 11px/7px 1px no-repeat}.view-controls__button[data-view-control=fullscreen] .view-controls__icon{background:linear-gradient(currentColor,currentColor) 1px 1px/5px 1px no-repeat,linear-gradient(currentColor,currentColor) 1px 1px/1px 5px no-repeat,linear-gradient(currentColor,currentColor) 8px 1px/5px 1px no-repeat,linear-gradient(currentColor,currentColor) 12px 1px/1px 5px no-repeat,linear-gradient(currentColor,currentColor) 1px 12px/5px 1px no-repeat,linear-gradient(currentColor,currentColor) 1px 8px/1px 5px no-repeat,linear-gradient(currentColor,currentColor) 8px 12px/5px 1px no-repeat,linear-gradient(currentColor,currentColor) 12px 8px/1px 5px no-repeat}html[data-view-mode=fullscreen] #glsl_editor{grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr)}html[data-view-mode=fullscreen] #glsl_editor .ge_canvas_container{grid-area:1/1}html[data-view-mode=fullscreen] #glsl_editor .ge_editor,html[data-view-mode=fullscreen] .panel-resize-handle{display:none}html[data-view-mode=editor-full] #glsl_editor{grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr)}html[data-view-mode=editor-full] #glsl_editor .ge_editor{grid-area:1/1;display:block}html[data-view-mode=editor-full] #glsl_editor .ge_canvas_container,html[data-view-mode=editor-full] .panel-resize-handle{display:none}@media (width<=720px){#glsl_editor{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(220px, var(--preview-pane-size)) var(--panel-resize-handle-size) minmax(240px, 1fr)}#glsl_editor .ge_canvas_container{grid-area:1/1}#glsl_editor .ge_editor{grid-area:3/1}.panel-resize-handle{cursor:ns-resize;grid-area:2/1}.panel-resize-handle:before{width:auto;height:1px;inset:50% 0 auto;transform:translateY(-50%)}.panel-resize-handle:hover:before,.panel-resize-handle:focus-visible:before,.is-resizing-panels .panel-resize-handle:before{width:auto;height:3px}#glsl_editor .CodeMirror{font-size:12px}.view-controls{bottom:8px;left:8px}.view-controls__button{width:30px;height:30px}}