:root{--background:#0c0a09;--foreground:#fbfaf9;--card:#1d1816;--card-foreground:#fbfaf9;--popover:#1d1816;--popover-foreground:#fbfaf9;--primary:#e8e4e3;--primary-foreground:#1d1816;--secondary:#2b2422;--secondary-foreground:#fbfaf9;--muted:#2b2422;--muted-foreground:#aba09c;--accent:#2b2422;--accent-foreground:#fbfaf9;--destructive:#ff6568;--border:#ffffff1a;--input:#ffffff26;--ring:#7c6d67;--chart-1:#d8d2d0;--chart-2:#7c6d67;--chart-3:#5b4f4b;--chart-4:#473c39;--chart-5:#2b2422;--sidebar:#1d1816;--sidebar-foreground:#fbfaf9;--sidebar-primary:#1447e6;--sidebar-primary-foreground:#fbfaf9;--sidebar-accent:#2b2422;--sidebar-accent-foreground:#fbfaf9;--sidebar-border:#ffffff1a;--sidebar-ring:#7c6d67;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--foreground);background-color:var(--background);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:monospace;font-weight:400;line-height:1.5}@supports (color:lab(0% 0 0)){:root{--background:lab(2.86039% .454858 .569314);--foreground:lab(98.3763% .249743 .707841);--card:lab(8.7711% 2.25864 2.3765);--card-foreground:lab(98.3763% .249743 .707841);--popover:lab(8.7711% 2.25864 2.3765);--popover-foreground:lab(98.3763% .249743 .707841);--primary:lab(90.9149% 1.38998 1.08777);--primary-foreground:lab(8.7711% 2.25864 2.3765);--secondary:lab(15.0089% 3.01889 2.55873);--secondary-foreground:lab(98.3763% .249743 .707841);--muted:lab(15.0089% 3.01889 2.55873);--muted-foreground:lab(66.7386% 3.56972 3.57119);--accent:lab(15.0089% 3.01889 2.55873);--accent-foreground:lab(98.3763% .249743 .707841);--destructive:lab(63.7053% 60.745 31.3109);--border:lab(100% 0 0/.1);--input:lab(100% 0 0/.15);--ring:lab(47.3292% 5.2588 5.60027);--chart-1:lab(84.6434% 1.81878 1.71727);--chart-2:lab(47.3292% 5.2588 5.60027);--chart-3:lab(34.6954% 4.49754 4.2051);--chart-4:lab(26.4543% 4.4374 3.65548);--chart-5:lab(15.0089% 3.01889 2.55873);--sidebar:lab(8.7711% 2.25864 2.3765);--sidebar-foreground:lab(98.3763% .249743 .707841);--sidebar-primary:lab(36.9089% 35.0961 -85.6872);--sidebar-primary-foreground:lab(98.3763% .249743 .707841);--sidebar-accent:lab(15.0089% 3.01889 2.55873);--sidebar-accent-foreground:lab(98.3763% .249743 .707841);--sidebar-border:lab(100% 0 0/.1);--sidebar-ring:lab(47.3292% 5.2588 5.60027)}}@media (prefers-color-scheme:light){:root{--background:#fff;--foreground:#0c0a09;--card:#fff;--card-foreground:#0c0a09;--popover:#fff;--popover-foreground:#0c0a09;--primary:#1d1816;--primary-foreground:#fbfaf9;--secondary:#f3f1f1;--secondary-foreground:#1d1816;--muted:#f3f1f1;--muted-foreground:#7c6d67;--accent:#f3f1f1;--accent-foreground:#1d1816;--destructive:#e40014;--border:#e8e4e3;--input:#e8e4e3;--ring:#aba09c;--chart-1:#d8d2d0;--chart-2:#7c6d67;--chart-3:#5b4f4b;--chart-4:#473c39;--chart-5:#2b2422;--radius:.625rem;--sidebar:#fbfaf9;--sidebar-foreground:#0c0a09;--sidebar-primary:#1d1816;--sidebar-primary-foreground:#fbfaf9;--sidebar-accent:#f3f1f1;--sidebar-accent-foreground:#1d1816;--sidebar-border:#e8e4e3;--sidebar-ring:#aba09c;color:var(--foreground);background-color:var(--background)}@supports (color:lab(0% 0 0)){:root{--background:lab(100% 0 0);--foreground:lab(2.86039% .454858 .569314);--card:lab(100% 0 0);--card-foreground:lab(2.86039% .454858 .569314);--popover:lab(100% 0 0);--popover-foreground:lab(2.86039% .454858 .569314);--primary:lab(8.7711% 2.25864 2.3765);--primary-foreground:lab(98.3763% .249743 .707841);--secondary:lab(95.3391% .644386 .231409);--secondary-foreground:lab(8.7711% 2.25864 2.3765);--muted:lab(95.3391% .644386 .231409);--muted-foreground:lab(47.3292% 5.2588 5.60027);--accent:lab(95.3391% .644386 .231409);--accent-foreground:lab(8.7711% 2.25864 2.3765);--destructive:lab(48.4493% 77.4328 61.5452);--border:lab(90.9149% 1.38998 1.08777);--input:lab(90.9149% 1.38998 1.08777);--ring:lab(66.7386% 3.56972 3.57119);--chart-1:lab(84.6434% 1.81878 1.71727);--chart-2:lab(47.3292% 5.2588 5.60027);--chart-3:lab(34.6954% 4.49754 4.2051);--chart-4:lab(26.4543% 4.4374 3.65548);--chart-5:lab(15.0089% 3.01889 2.55873);--sidebar:lab(98.3763% .249743 .707841);--sidebar-foreground:lab(2.86039% .454858 .569314);--sidebar-primary:lab(8.7711% 2.25864 2.3765);--sidebar-primary-foreground:lab(98.3763% .249743 .707841);--sidebar-accent:lab(95.3391% .644386 .231409);--sidebar-accent-foreground:lab(8.7711% 2.25864 2.3765);--sidebar-border:lab(90.9149% 1.38998 1.08777);--sidebar-ring:lab(66.7386% 3.56972 3.57119)}}}*{box-sizing:border-box}a{color:var(--primary-foreground);-webkit-text-decoration:inherit;text-decoration:inherit;font-weight:500}a:hover{color:var(--accent-foreground)}body{place-items:center;min-width:320px;min-height:100vh;margin:0;display:flex}h1{pointer-events:auto;margin:0;font-size:1rem;line-height:1;position:fixed;top:16px;left:16px}h2{margin-top:0;font-family:monospace}input[type=range],input[type=checkbox]{accent-color:var(--primary)}button{background-color:var(--primary);color:var(--primary-foreground);cursor:pointer;border:1px solid #0000;border-radius:8px;padding:.6em 1.2em;font-family:inherit;font-size:1em;font-weight:400;transition:border-color .25s}button:hover{background-color:color-mix(in oklab,var(--primary)80%,transparent)}button:focus,button:focus-visible{outline:4px auto var(--input)}.icon-button{border-radius:50%;padding:.6em;font-size:.75em;display:flex}.select{width:100%;position:relative}.select__trigger{width:100%;color:var(--input-foreground);background-color:color-mix(in oklab,var(--input)30%,transparent);border-color:var(--input);justify-content:space-between;align-items:center;display:flex}.select__trigger:hover{background-color:color-mix(in oklab,var(--input)50%,transparent)}.select__icon{font-size:12px}.select__options{background:var(--popover);box-shadow:0 4px 16px var(--shadow);z-index:10;border-radius:6px;margin:0;padding:6px 0;list-style:none;position:absolute;top:calc(100% + 4px);left:0;right:0}.select__option{cursor:pointer;padding:10px 14px}.select__option:hover,.select__option.is-selected{background:var(--accent)}.select__option[aria-disabled=true]{opacity:.5;cursor:not-allowed}.controls-panel{pointer-events:auto;background:color-mix(in oklab,var(--background)60%,transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:16px;flex-direction:column;gap:16px;padding:16px;transition:background .2s,transform .2s;display:flex;position:fixed;top:8px;bottom:8px;right:8px}.controls-panel--hide{-webkit-backdrop-filter:unset;backdrop-filter:unset;background:0 0;transform:translate(100%)}.controls-panel__properties{flex-direction:column;gap:16px;margin:0;padding:0;display:flex;overflow-y:auto}.controls-panel__property{justify-content:space-between;align-items:center;gap:8px;padding:8px 16px;display:flex}.controls-panel__visibility-toggle{transition:transform .2s;position:absolute;top:50%;right:100%;transform:translateY(-50%)}.controls-panel__visibility-toggle svg{transition:transform .2s}.controls-panel__visibility-toggle--active{transform:translate(50%,-50%)}.controls-panel__visibility-toggle--active svg{transform:rotate(180deg)}.shader-settings-panel-actions{gap:8px;margin-top:auto;display:flex}.shader-settings-panel-actions__input-file{opacity:0;width:0;height:0}.shader-settings-panel-actions__action{flex-grow:1;width:0}.effect-buttons{flex-direction:column;gap:10px;display:flex}