:root{--code-fontsize:14px;--code-lineheight:18px;--toolbar-width:112px}h2,h3,p{margin:0}p{line-height:1.25rem}.check-options{display:none;flex-direction:column}.check-more:has(input:checked)+.check-options{display:inline-flex}#panel{display:none;inset:0;pointer-events:none;position:absolute;z-index:1}#panel.open{display:flex}.appbar{gap:0;justify-content:space-evenly;margin:8px;padding:0}.shaderlabel{padding:.5rem}.shaderlabel>h2{margin:4px 8px 8px}#panel-content{display:flex}#panel-hitbox{height:-moz-fit-content;height:fit-content;max-height:100%;max-width:100%;overflow:auto;padding:8px;position:relative;width:-moz-fit-content;width:fit-content}#panel-hitbox:not(:has(>.open)){display:none}#panel-hitbox>*{display:none}.open:is(#panel-hitbox>*){display:flex}#panel-hitbox:has(>#dbg-window.open){height:100%;width:100%}#foottools>.icon,#headtools>.icon{border-color:transparent;border-radius:0;border-style:solid;border-width:0 3px}#foottools>.icon.open{border-left-color:var(--primary)}@media (orientation:landscape){#panel{flex-direction:row}#panel-content{flex-direction:column;height:100%;width:calc(100% - 112px);width:calc(100% - var(--toolbar-width))}.appbar{flex-direction:column;width:48px}#head-nav{margin-right:0}#foot-nav{margin-left:0}}@media (orientation:portrait){#panel{flex-direction:column}#panel-content{height:calc(100% - 112px);height:calc(100% - var(--toolbar-width));width:100%}#foottools,#headtools,#panel-content,.appbar{flex-direction:row}#head-nav{margin-bottom:0}#foot-nav{margin-top:0}#foottools>.icon{border-width:3px 0}#foottools>.icon.open{border-top-color:var(--primary)}}#program-list,.program,.set{display:flex;flex-direction:column;gap:8px}#program-list{gap:8px;overflow:visible;pointer-events:auto}#context-settings>label{background:var(--bg-light)}:is(#context-settings>label):focus-within,:is(#context-settings>label):hover{background:var(--bg-dark)}.program{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-radius:var(--br2);box-shadow:0 0 4px 2px var(--bg);gap:0}.program:has(.set.open) .opt>svg{fill:var(--primary);filter:drop-shadow(0 0 4px var(--bg))}.program:has(.dd-menu.open) button.more>svg.af{fill:var(--primary);filter:drop-shadow(0 0 4px var(--bg))}.program:has(.dd-menu.open),.program:has(.set.open){cursor:default}:is(.program:has(.dd-menu.open),.program:has(.set.open)):active{opacity:1}:is(.program:has(.dd-menu.open),.program:has(.set.open)) .draghandle{cursor:not-allowed}.set{background:none;border:none;display:none;gap:8px;margin:.5rem 0;overflow:auto;padding:.5rem}.set.open{display:inline-flex}.set label:has(input[type=checkbox]),.set label:has(input[type=color]){background:var(--alpha)}:is(.set label:has(input[type=checkbox]),.set label:has(input[type=color])):focus-within,:is(.set label:has(input[type=checkbox]),.set label:has(input[type=color])):hover{background:var(--alpha-dark)}#program-toolbar{display:inline-flex}#ufw{gap:8px;padding:0}#program-toolbar{align-items:center;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:var(--alpha);border-radius:var(--br2);position:sticky;top:0;z-index:1}#program-toolbar,#shader-titlebar{display:inline-flex}.panel-program-select{flex:1 1 auto;margin:0 8px;max-width:100%;min-width:6rem}#context-window{flex-direction:column;max-width:100%;overflow:auto}#context-titlebar>h2,#file-titlebar>h2,#upload-titlebar>h2{padding:0 16px 0 8px;white-space:nowrap}#context-titlebar{align-items:center;display:inline-flex;position:sticky;top:0;z-index:1}#context-settings{display:flex;flex-direction:column;gap:8px;padding:0}#file-titlebar,#upload-titlebar{position:sticky;top:0;z-index:1}#file-window .flex-col,#upload .flex-col{margin:1rem 0}#file-window>.flex-col,#upload>.flex-col{margin:0;padding:0 8px 8px}#program-window{gap:8px;max-width:100%;padding:0}.program-label-container{align-items:center;display:inline-flex;pointer-events:auto;-webkit-user-select:none;-moz-user-select:none;user-select:none}#file-window,#upload{max-width:100%;width:100%}#file-window>*,#upload>*{flex-shrink:0;margin:0;padding:0}#upload-desc{background-color:var(--bg-light);border:2px solid var(--secondary);border-radius:var(--br2);box-shadow:0 0 6px 2px var(--bg);margin:0;max-height:8rem;max-width:100%;overflow:auto;padding:.5rem;transition:background-color var(--time) ease-in-out,border-color var(--time) ease-in-out}#upload-desc:focus-within,#upload-desc:hover{background-color:var(--bg-dark);border-color:var(--primary)}#upload-desc>pre{height:100%;white-space:pre;width:100%}:is(#upload-desc>pre)>code,:is(#upload-desc>pre)>code+textarea{padding:0}:is(#upload-desc>pre)>code+textarea{min-height:100%;min-width:100%}#upload-title-label.flex-col{margin:0 0 16px}#upload-desc-label{align-items:normal;flex-direction:column}#upload-status{background:var(--bg-dark);border:none;border-radius:.25rem;display:none;margin:1rem 0 .5rem;max-height:4rem;min-height:2rem;overflow:auto;padding:.5rem}#sw{background:var(--alpha-strong);border:2px solid var(--bg);border-radius:var(--br2);box-shadow:0 0 4px 2px var(--bg);gap:0;max-height:100%;max-width:100%;overflow:hidden;padding:0;position:relative}#info,#sw{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);pointer-events:auto}#info{background:var(--alpha);border-radius:var(--br2);flex-direction:column;gap:8px;max-height:min(60vh,32rem);max-width:min(30rem,calc(100vw - 24px));overflow-y:auto;padding:8px;position:absolute;right:8px;top:8px;z-index:6}#info-container,#info-container>div,#info-default{display:flex;flex-direction:column;gap:8px}#info-description>code{max-height:40vh;overflow:auto;white-space:pre-wrap}.open{display:inline-flex}#nav-focus{align-items:center;border:2px solid var(--bg);flex-shrink:0;height:48px;transition:all var(--time) ease-in-out;width:48px}#nav-focus>svg{height:36px;width:36px}#nav-focus:focus-visible,#nav-focus:hover{background-color:var(--alpha-dark)}#foot-nav,#head-nav{backdrop-filter:none;-webkit-backdrop-filter:none;background:none;border:none;box-shadow:none;gap:8px;justify-content:flex-start;pointer-events:none}#foottools,#headtools{gap:0;height:100%;overflow:hidden;padding:0;width:100%}#panel:has(#nav-focus.closed) #foot-nav,#panel:has(#nav-focus.closed) #headtools{display:none}#panel:has(#nav-focus.closed){--toolbar-width:56px}#shader-list{flex:1;overflow:auto;padding:0 8px 0 0}#program-list>.program,#shader-list>.shadergroup{display:none}#program-list>.program.active-program,#shader-list>.shadergroup.open{display:flex}.shadergroup{flex-direction:column}.shadergroup>h2{margin:1rem}.shadergroup>.opt{position:absolute;right:8px;top:8px}.shadergroup.open{display:flex}#context-window,#file-window,#upload{gap:0;padding:0}:is(#upload,#file-window,#context-window)>div{padding:8px}pre[class*=language-]{border-radius:var(--br2);color:var(--fg);display:inline-block;margin:0;pointer-events:auto;position:relative;-moz-tab-size:2;-o-tab-size:2;tab-size:2}pre[class*=language-]>code,pre[class*=language-]>code+textarea{background:transparent;border:none;bottom:0;display:block;font-size:14px;font-size:var(--code-fontsize);left:0;line-height:18px;line-height:var(--code-lineheight);margin:0;outline:none;overflow:hidden;padding:0 0 0 3em;top:0;white-space:pre}pre[class*=language-]>code{position:relative}pre[class*=language-]>code+textarea{caret-color:var(--fg);color:transparent;height:100%;overflow:visible;position:absolute;resize:none;text-shadow:none;width:100%}.token.comment{color:#b38cfd}.token.punctuation{color:#5eff00}.token.punctuation.brace-hover,.token.punctuation.brace-selected{outline:.0625rem solid}.token.constant,.token.property,.token.symbol{color:#ff3a3a}.token.boolean,.token.number{color:#0ff}.token.function{color:#fff349}.token.keyword{color:#e252ff}.token.operator{color:#ff7300}.token.important{color:#fd971f;font-weight:700}.token.bold{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}.brace-level-1:is(.rainbow-braces .token.punctuation),.brace-level-5:is(.rainbow-braces .token.punctuation),.brace-level-9:is(.rainbow-braces .token.punctuation){color:#e50;opacity:1}.brace-level-10:is(.rainbow-braces .token.punctuation),.brace-level-2:is(.rainbow-braces .token.punctuation),.brace-level-6:is(.rainbow-braces .token.punctuation){color:#0b3;opacity:1}.brace-level-11:is(.rainbow-braces .token.punctuation),.brace-level-3:is(.rainbow-braces .token.punctuation),.brace-level-7:is(.rainbow-braces .token.punctuation){color:#26f;opacity:1}.brace-level-12:is(.rainbow-braces .token.punctuation),.brace-level-4:is(.rainbow-braces .token.punctuation),.brace-level-8:is(.rainbow-braces .token.punctuation){color:#e0e;opacity:1}.line-numbers{counter-reset:linenumber}.line-numbers-rows{border-right:1px solid var(--fg);font-size:14px;font-size:var(--code-fontsize);left:0;letter-spacing:-1px;position:absolute;top:0;width:2em}.line-numbers-rows>span{counter-increment:linenumber;display:block}:is(.line-numbers-rows>span):before{color:var(--fg);content:counter(linenumber);display:block;padding-right:.5em;text-align:right}