@font-face{font-display:block;font-family:Google Sans Flex;font-stretch:100%;font-style:normal;font-weight:1 1000;src:url(/GoogleSansFlex.43192f8d813d.ttf) format("truetype")}:root{color-scheme:light;--greyscale:#929292;--primary0:#8080ff22;--primary1:#8080ff33;--primary:#8080ff;--secondary:#009cf4;--tertiary:#c367d7;--quartary:#00aab2;--quinary:#e7588e;--success:#00b26c;--warning:#f5a623;--warning5:#f5a62355;--danger:#e5533d;--larger:1.25em;--smaller:0.8125em;--timing:cubic-bezier(0,0,0,1);--bg:#ddd;--fg:#555;--main-bg:#fff;--nobe-outline-width:2px;--nobe-outline-offset:2px;--nobe-checkbox-border-width:1.5px;--nobe-radio-border-width:1.5px;--nobe-outline-color:#888;--nobe-checkbox-fg:#888;--nobe-radio-fg:#888;--nobe-switch-fg:#888;--nobe-switch-bg:#8883;--nobe-range-fg:#888;--nobe-range-bg:#8883;--app-button-bg:#5559;--app-button-bg-hover:#5558;--app-field-bg:#8883;--panel-bg:#eeee;--app-backdrop0:#8880;--app-backdrop:#8888;--a0:#fff0;--a1:#fff7;--a2:#fffa;--nobe-ripple-bg:var(--a1);--shadow-outer:inset 0 0 0 2px var(--a1),0 1px 2px #0001;--shadow-inner:inset 0 2px 4px #0001,inset 0 -2px 4px var(--a1);--nobe-progress-bg:var(--a0);--nobe-stripes-bg:var(--a0);--nobe-stripes-fg:var(--a2);--app-dir-border-color:#0001}@media (prefers-color-scheme:dark){:root:where(:not([data-color-scheme=light])){color-scheme:dark;--bg:#222;--fg:#eee;--main-bg:transparent;--nobe-outline-color:#aaa;--nobe-checkbox-fg:#aaa;--nobe-radio-fg:#aaa;--nobe-switch-fg:#aaa;--nobe-switch-bg:#aaa2;--nobe-range-fg:#aaa;--nobe-range-bg:#aaa2;--app-button-bg:#aaa3;--app-button-bg-hover:#aaa4;--app-field-bg:#aaa2;--panel-bg:#333333f8;--app-backdrop0:#0000;--app-backdrop:#0008;--a0:#aaa0;--a1:#aaa1;--a2:#aaaaaa19;--shadow-outer:inset 0 0 0 2px var(--a1),0 1px 2px #0003;--shadow-inner:inset 0 2px 4px #00000038,inset 0 -2px 4px var(--a1);--app-dir-border-color:var(--a2)}:where(html:not([data-color-scheme=light])) .app-button,:where(html:not([data-color-scheme=light])) .app-number,:where(html:not([data-color-scheme=light])) .app-text{--nobe-outline-color:#aaa8}}:root:where([data-color-scheme=dark]){color-scheme:dark;--bg:#222;--fg:#eee;--main-bg:transparent;--nobe-outline-color:#aaa;--nobe-checkbox-fg:#aaa;--nobe-radio-fg:#aaa;--nobe-switch-fg:#aaa;--nobe-switch-bg:#aaa2;--nobe-range-fg:#aaa;--nobe-range-bg:#aaa2;--app-button-bg:#aaa3;--app-button-bg-hover:#aaa4;--app-field-bg:#aaa2;--panel-bg:#333333f8;--app-backdrop0:#0000;--app-backdrop:#0008;--a0:#aaa0;--a1:#aaa1;--a2:#aaaaaa19;--shadow-outer:inset 0 0 0 2px var(--a1),0 1px 2px #0003;--shadow-inner:inset 0 2px 4px #00000038,inset 0 -2px 4px var(--a1);--app-dir-border-color:var(--a2)}:where(html[data-color-scheme=dark]) .app-button,:where(html[data-color-scheme=dark]) .app-number,:where(html[data-color-scheme=dark]) .app-text{--nobe-outline-color:#aaa8}html{background-color:var(--bg);color:var(--fg);font-family:Google Sans Flex,system-ui,sans-serif;font-optical-sizing:auto;tab-size:2}[disabled]{cursor:not-allowed;opacity:.54}a{color:var(--primary)}@media (hover:hover){a:hover{text-decoration:none}}a:visited{color:var(--tertiary)}a:active{color:var(--quinary)}code,samp{background-color:var(--primary1);border-radius:.5em;padding:.1em;padding-inline-end:.5em;padding-inline-start:.5em}.logo{font-variation-settings:"opsz" 144;font-weight:519}.icon,.logo span{color:var(--greyscale)}.icon.primary,.logo.primary span{color:var(--primary)}.icon.secondary,.logo.secondary span{color:var(--secondary)}.icon.tertiary,.logo.tertiary span{color:var(--tertiary)}.icon.quartary,.logo.quartary span{color:var(--quartary)}.icon.quinary,.logo.quinary span{color:var(--quinary)}code,samp{background-color:var(--a1)}.logo{font-size:1.375em;line-height:1.5;margin:4px;margin-block-end:0;text-align:center}.logo>a{border-radius:20px;color:currentColor;display:block;padding-block:10px;text-decoration:none;transition:background-color .24s var(--timing)}@media (hover:hover){.logo>a:hover{background-color:var(--a1)}.logo>a:active{background-color:var(--a2)}}@media (hover:none){.logo>a{transition-timing-function:linear}.logo>a:active{background-color:var(--a1)}}.logo>a:active{transition-timing-function:step-start}.app-version{font-variant-numeric:slashed-zero tabular-nums;margin-block:12px;text-align:center}app-banner,app-banner a,app-banner img{border-radius:24px;display:block}app-banner{box-shadow:var(--shadow-outer);margin:12px}app-banner img{block-size:auto;max-inline-size:100%;opacity:.94}.app-button{background-color:var(--app-button-bg);border:0;border-radius:12px;color:#fff;font-weight:600;padding:8px;transition:background-color .12s,transform .24s}@media (hover:hover){.app-button:hover{background-color:var(--app-button-bg-hover)}}.app-button:active{transform:scale(.96);transition-timing-function:step-start}.app-buttons{display:grid;font-size:var(--smaller);gap:8px;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column}label+.app-buttons{margin-block-start:8px}.app-buttons>.app-button{padding-inline:0}.nobe-summary{border-radius:12px;font-weight:600;padding-block:8px;padding-inline:12px;transition:background-color .24s var(--timing)}@media (hover:hover){.nobe-summary:hover{background-color:var(--a1)}.nobe-summary:active{background-color:var(--a2)}}@media (hover:none){.nobe-summary{transition-timing-function:linear}.nobe-summary:active{background-color:var(--a1)}}.nobe-summary:active{transition-timing-function:step-start}app-panel>.nobe-details{border-radius:20px}app-panel>.nobe-details>.nobe-summary{border-radius:20px;font-size:var(--larger);font-weight:500;margin-inline:4px;padding:10px;padding-inline-end:64px;padding-inline-start:20px;position:relative}app-panel>.nobe-details>.nobe-summary>.app-icon{grid-template-columns:64px;place-content:center end}app-panel>.nobe-details>:not(summary){border-radius:24px;box-shadow:var(--shadow-inner)}app-dialog{background-color:var(--app-backdrop0);block-size:100%;display:grid;inline-size:100%;transition:background-color .24s;z-index:8}app-dialog:has(dialog[open]){background-color:var(--app-backdrop)}app-dialog dialog{background-color:var(--panel-bg);border:0;border-radius:24px;box-shadow:var(--shadow-outer);inline-size:calc(100% - 24px);margin:12px;max-block-size:calc(100% - 24px);max-inline-size:20rem;opacity:0;overflow:auto;padding:0;place-self:safe center;pointer-events:auto;position:static;transition-behavior:allow-discrete;transition-duration:.24s;transition-property:display,opacity}app-dialog dialog::backdrop{background-color:transparent}app-dialog dialog[open]{opacity:1}@starting-style{app-dialog dialog[open]{opacity:0}}app-dialog p,app-dialog samp{padding-inline:12px}app-dialog samp{display:block;overflow:auto;padding-block:8px;text-overflow:ellipsis;white-space:nowrap}app-dialog .app-label{gap:12px;text-align:end}.app-dialog-buttons{display:flex;flex-wrap:wrap;gap:8px;justify-content:end}app-dock{align-self:end;display:grid;inline-size:100%;justify-self:center;max-inline-size:max-content;overflow:auto;pointer-events:auto;z-index:4}app-dock>app-panel{display:grid;grid-auto-flow:column;inline-size:max-content;padding:4px}app-dock button{background-color:var(--a0);block-size:48px;border:0;border-radius:20px;min-inline-size:52px;padding:0;position:relative;transition:background-color .24s var(--timing),transform .24s var(--timing)}@media (hover:hover){app-dock button:hover{background-color:var(--a1)}}app-dock button.active,app-dock button:active{transform:scale(.92);transition-timing-function:step-start}app-dock button.active{background-color:var(--a1)}app-file-editor{display:grid;gap:8px;grid-template-columns:minmax(0,1fr)}app-file-editor>input[type=text]{font-family:monospace}app-file-editor app-file-input{display:none}app-file-list{border-radius:24px;display:flow-root;font-family:monospace;outline-offset:-2px}app-file-list p{padding-block-start:8px;text-align:center;text-wrap:balance}app-file-list button{border:0;color:var(--greyscale);cursor:pointer;font-weight:600;padding:0;text-decoration:underline}@media (hover:hover){app-file-list button:hover{text-decoration:none}}app-file-list .nobe-details{border-radius:12px}app-file-list .nobe-details.drop-zone,app-file-list.drop-zone{outline:2px dashed var(--greyscale)}app-file-list .nobe-details>summary{margin-inline-end:calc(24px + 1em)}app-file-list ol{list-style:none;padding:0}app-file-list li{display:grid}app-file-list li>*{grid-area:1/1}app-file-list li>.app-label-simple{align-self:start;grid-template-columns:minmax(0,1fr);justify-self:end;z-index:1}app-file-list li>.app-label-simple>input{margin-block-end:.25em}app-file-list .nobe-details>ol{border-inline-start:2px solid var(--app-dir-border-color);margin-inline-start:12px}app-file-list .nobe-details ol .app-label:not(.app-label-simple),app-file-list .nobe-details ol .nobe-summary{border-end-start-radius:0;border-start-start-radius:0}app-file-list i{display:block;padding-block:8px;padding-inline:12px}app-font-editor{display:none}app-root[selected=Font] app-font-editor{display:block}app-font-editor .app-buttons{margin-block-start:1rem}.app-icon{color:var(--fg);display:grid;inset:0;opacity:.75;place-content:center;place-items:center;pointer-events:none;position:absolute}.app-icon>svg{block-size:24px;grid-area:1/1;inline-size:24px}app-root:fullscreen .app-icon-fullscreen>:last-child,app-root:not(:fullscreen) .app-icon-fullscreen>:first-child{visibility:visible}app-root:fullscreen .app-icon-fullscreen>:first-child,app-root:not(:fullscreen) .app-icon-fullscreen>:last-child{visibility:hidden}.app-icon-folder .nobe-marker{--nobe-marker-open:skewX(-10deg) rotateX(41.5deg);--nobe-marker-shut:skewX(0deg) rotateX(0deg);transform-origin:50% 83.333%}.app-icon-cog .nobe-marker{--nobe-marker-open:rotate(-60deg);--nobe-marker-shut:rotate(0deg)}.app-icon-export .nobe-marker{--nobe-marker-open:translateX(2px);--nobe-marker-shut:translateX(0px)}app-icon-editor{display:none}app-root[selected=Icon] app-icon-editor{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:192px;place-items:center}app-icon-editor img{block-size:auto;inline-size:100%;max-block-size:192px;max-inline-size:192px}.app-input-color{block-size:100%;border-radius:12px;inline-size:100%}.app-input-text{background-color:var(--app-field-bg);border:0;border-radius:12px;font-family:monospace;padding:8px;padding-inline-start:0;text-indent:12px}.app-label{border-radius:12px;display:grid;gap:8px;grid-template-columns:minmax(0,1fr) auto;padding-block:8px;padding-inline:12px;transition:background-color .24s var(--timing)}@media (hover:hover){.app-label:hover{background-color:var(--a1)}.app-label:active{background-color:var(--a2)}}@media (hover:none){.app-label{transition-timing-function:linear}.app-label:active{background-color:var(--a1)}}.app-label:active{transition-timing-function:step-start}.app-label>input{margin-block-start:.25em}.app-label-range{align-items:start;background-color:var(--a0);border-radius:12px;display:grid;gap:8px;grid-template-columns:2em minmax(0,1fr) 2.5em;padding-block:8px;padding-inline:12px;transition:background-color .24s var(--timing)}@media (hover:hover){.app-label-range:hover{background-color:var(--a1)}.app-label-range:active{background-color:var(--a2)}}@media (hover:none){.app-label-range{transition-timing-function:linear}.app-label-range:active{background-color:var(--a1)}}.app-label-range>span{grid-column:1/span 2}.app-label-range>input[type=range]{grid-column:2/span 2}.app-label-range>input[type=number]{background-color:var(--app-field-bg);border:0;border-radius:.5em;font-variant-numeric:slashed-zero tabular-nums;padding:0;text-align:center}app-material-editor{display:none}app-root[selected=Material] app-material-editor{display:block}[type=Material]>app-material-editor{display:flow-root}.app-label-color{align-items:stretch;display:grid;gap:8px;grid-template-columns:minmax(25%,3em) minmax(0,1fr);margin-block-end:8px}app-material-editor [data-material-type=MeshNormalMaterial]{background-image:linear-gradient(135deg,#0080ff,#ff80ff);border-radius:12px}app-material-editor [data-material-type=MeshNormalMaterial]>:not(div){pointer-events:none;visibility:hidden}app-material-editor .nobe-color::-moz-color-swatch{background-color:currentColor;background-image:none}.app-output{align-self:end;justify-self:center;margin-block-end:80px;position:relative;z-index:3}.app-output>output{display:grid;font-size:var(--larger);font-variant-numeric:slashed-zero tabular-nums;font-variation-settings:"wght" 500,"opsz" 144;gap:8px;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);padding-block:8px;padding-inline:24px;position:relative;user-select:none;z-index:2}.app-output>output>span:first-of-type{text-align:end}.app-output>output>span:nth-of-type(2){text-align:center}.app-output>output>span:nth-of-type(3){text-align:start}.app-output>.nobe-progress{block-size:100%;border-radius:24px;inline-size:100%;inset:0;opacity:0;position:absolute;transition:opacity .48s,visibility .48s;visibility:hidden;z-index:1}app-root[generating] .app-output>.nobe-progress{opacity:1;transition-timing-function:step-start;visibility:visible}app-panel{background-color:var(--panel-bg);border-radius:24px;box-shadow:var(--shadow-outer);display:flow-root;margin:12px}app-root{opacity:0;transition:opacity .48s .48s,visibility .48s .48s;visibility:hidden}app-root[ready]{opacity:1;visibility:visible}app-root>canvas{block-size:100%;cursor:grab;inline-size:100%;pointer-events:auto}app-root>canvas[data-grabbing]{cursor:grabbing}app-loading{opacity:1;place-items:center;text-align:center;transition:opacity .48s .24s,visibility .48s .24s;visibility:visible}app-root[ready]+app-loading{opacity:0;visibility:hidden}app-loading .logo{font-size:min(14vmin,3.75em)}.app-table{overflow:auto}.app-table>table{border-collapse:collapse;inline-size:max-content;margin:12px;margin-block-end:1rem;margin-block-start:1rem}.app-table>table td,.app-table>table th{border-radius:6px;padding:2px;padding-inline:12px}app-ui{align-self:start;inline-size:100%;max-block-size:100%;max-inline-size:324px;outline-offset:-2px;pointer-events:auto;transition:transform .24s,visibility .24s;visibility:hidden;z-index:2}app-ui#file,app-ui#menu{direction:rtl;overflow:auto;overscroll-behavior:contain}app-ui#file>*,app-ui#menu>*{direction:ltr}app-ui#menu{transform:translate(-100%)}app-ui#file{transform:translateY(-100%)}app-ui[open]#menu~app-ui#file{transform:translate(calc(100% - 12px),-100%)}app-ui#text{block-size:100%;justify-self:end;max-inline-size:var(--app-text-editor-width);padding:12px;transform:translate(100%)}app-ui#text>textarea{background-color:var(--panel-bg);block-size:100%;border:0;border-radius:24px;box-shadow:var(--shadow-outer);display:block;font-family:monospace;inline-size:100%;overscroll-behavior:contain;padding:8px;resize:none}app-ui#text>textarea.no-wrap{white-space:pre}app-ui#text>textarea[readonly]{cursor:not-allowed}app-ui[open]#file,app-ui[open]#menu,app-ui[open]#text{transform:translate(0);visibility:visible}app-ui[open]#menu~app-ui[open]#file{transform:translate(calc(100% - 12px))}