.Controls-module__XnNh5G__panel{z-index:20;border:1px solid var(--accent-dim);-webkit-backdrop-filter:blur(12px);background:#08080ed1;border-radius:8px;width:min(15.5rem,100vw - 3rem);font-family:Menlo,Monaco,monospace;position:fixed;bottom:1.5rem;left:1.5rem;overflow:hidden}.Controls-module__XnNh5G__cyan{--accent:#00d4ff;--accent-dim:#00d4ff2e;--accent-soft:#00d4ff14}.Controls-module__XnNh5G__purple{--accent:#a855f7;--accent-dim:#a855f72e;--accent-soft:#a855f714}.Controls-module__XnNh5G__pink{--accent:#ec4899;--accent-dim:#ec48992e;--accent-soft:#ec489914}.Controls-module__XnNh5G__toggle{letter-spacing:.1em;width:100%;color:var(--accent);background:var(--accent-soft);cursor:pointer;border:0;align-items:center;gap:.45rem;padding:.5rem .7rem;font-family:inherit;font-size:.68rem;transition:background .15s;display:flex}.Controls-module__XnNh5G__toggle:hover{background:color-mix(in srgb, var(--accent) 14%, transparent)}.Controls-module__XnNh5G__toggleIcon{opacity:.7;font-size:.6rem}.Controls-module__XnNh5G__count{color:#ffffff47;margin-left:auto}.Controls-module__XnNh5G__body{border-top:1px solid var(--accent-dim);flex-direction:column;gap:.7rem;max-height:min(60vh,26rem);padding:.75rem .7rem .6rem;display:flex;overflow-y:auto}.Controls-module__XnNh5G__row{flex-direction:column;gap:.3rem;display:flex}.Controls-module__XnNh5G__label{letter-spacing:.08em;color:#ffffff6b;cursor:pointer;justify-content:space-between;align-items:baseline;gap:.5rem;font-size:.62rem;display:flex}.Controls-module__XnNh5G__value{color:var(--accent);font-variant-numeric:tabular-nums}.Controls-module__XnNh5G__slider{appearance:none;cursor:pointer;background:#ffffff24;border-radius:2px;width:100%;height:2px;margin:.25rem 0}.Controls-module__XnNh5G__slider::-webkit-slider-thumb{appearance:none;background:var(--accent);cursor:pointer;border:0;border-radius:50%;width:11px;height:11px}.Controls-module__XnNh5G__slider::-moz-range-thumb{background:var(--accent);cursor:pointer;border:0;border-radius:50%;width:11px;height:11px}.Controls-module__XnNh5G__slider:focus-visible{outline:1px solid var(--accent);outline-offset:4px}.Controls-module__XnNh5G__choices{gap:.3rem;display:flex}.Controls-module__XnNh5G__choice{letter-spacing:.06em;color:#fff6;cursor:pointer;background:0 0;border:1px solid #ffffff1a;border-radius:4px;flex:1;padding:.28rem .2rem;font-family:inherit;font-size:.6rem;transition:all .15s}.Controls-module__XnNh5G__choice:hover{color:#ffffffb3;border-color:#fff3}.Controls-module__XnNh5G__choiceOn{color:var(--accent);border-color:var(--accent-dim);background:var(--accent-soft)}.Controls-module__XnNh5G__footer{border-top:1px solid #ffffff0f;gap:.4rem;padding-top:.5rem;display:flex}.Controls-module__XnNh5G__action{letter-spacing:.08em;color:#ffffff73;cursor:pointer;background:0 0;border:1px solid #ffffff1a;border-radius:4px;flex:1;padding:.32rem .2rem;font-family:inherit;font-size:.6rem;transition:all .15s}.Controls-module__XnNh5G__action:hover{color:var(--accent);border-color:var(--accent-dim);background:var(--accent-soft)}@media (max-width:680px){.Controls-module__XnNh5G__panel{width:auto;bottom:1rem;left:1rem;right:1rem}}
.Experiment-module__6odobW__page{background:#08080e;width:100vw;height:100dvh;position:relative;overflow:hidden}.Experiment-module__6odobW__cyan{--accent:#00d4ff;--accent-dim:#00d4ff2e;--accent-soft:#00d4ff12;--accent-mid:#00d4ff80}.Experiment-module__6odobW__purple{--accent:#a855f7;--accent-dim:#a855f72e;--accent-soft:#a855f712;--accent-mid:#a855f780}.Experiment-module__6odobW__pink{--accent:#ec4899;--accent-dim:#ec48992e;--accent-soft:#ec489912;--accent-mid:#ec489980}.Experiment-module__6odobW__canvas{touch-action:none;width:100%;height:100%;display:block;position:absolute;inset:0}.Experiment-module__6odobW__canvas:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.Experiment-module__6odobW__ui{z-index:10;pointer-events:none;justify-content:space-between;align-items:center;gap:1rem;padding:1.25rem 1.5rem;display:flex;position:fixed;top:0;left:0;right:0}.Experiment-module__6odobW__back{pointer-events:all;color:var(--accent-mid);letter-spacing:.08em;font-family:Menlo,Monaco,monospace;font-size:.72rem;text-decoration:none;transition:color .15s}.Experiment-module__6odobW__back:hover{color:var(--accent)}.Experiment-module__6odobW__right{pointer-events:all;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.75rem;display:flex}.Experiment-module__6odobW__label{letter-spacing:.12em;color:#ffffff3d;white-space:nowrap;font-family:Menlo,Monaco,monospace;font-size:.68rem}.Experiment-module__6odobW__fps{letter-spacing:.08em;color:#ffffff29;font-variant-numeric:tabular-nums;white-space:nowrap;font-family:Menlo,Monaco,monospace;font-size:.62rem}.Experiment-module__6odobW__source{letter-spacing:.08em;color:#ffffff38;white-space:nowrap;font-family:Menlo,Monaco,monospace;font-size:.62rem;text-decoration:none;transition:color .15s}.Experiment-module__6odobW__source:hover{color:var(--accent)}.Experiment-module__6odobW__btn{letter-spacing:.08em;color:var(--accent);background:var(--accent-soft);border:1px solid var(--accent-dim);cursor:pointer;white-space:nowrap;border-radius:4px;padding:.28rem .7rem;font-family:Menlo,Monaco,monospace;font-size:.68rem;transition:all .15s}.Experiment-module__6odobW__btn:hover{background:color-mix(in srgb, var(--accent) 14%, transparent);border-color:color-mix(in srgb, var(--accent) 35%, transparent)}.Experiment-module__6odobW__btnGhost{color:#ffffff6b;background:0 0;border-color:#ffffff1f}.Experiment-module__6odobW__btnGhost:hover{color:#ffffffbf;background:#ffffff0d;border-color:#ffffff40}.Experiment-module__6odobW__select{letter-spacing:.06em;color:var(--accent);background:var(--accent-soft);border:1px solid var(--accent-dim);cursor:pointer;border-radius:4px;max-width:9rem;padding:.26rem .4rem;font-family:Menlo,Monaco,monospace;font-size:.66rem}.Experiment-module__6odobW__hint{letter-spacing:.1em;color:#ffffff24;z-index:10;pointer-events:none;white-space:nowrap;margin:0;font-family:Menlo,Monaco,monospace;font-size:.62rem;position:fixed;bottom:1.5rem;left:50%;transform:translate(-50%)}.Experiment-module__6odobW__motionNotice{letter-spacing:.06em;color:#fff6;z-index:20;background:#08080ecc;border:1px solid #ffffff1a;border-radius:6px;align-items:center;gap:.75rem;padding:.5rem .75rem;font-family:Menlo,Monaco,monospace;font-size:.62rem;display:flex;position:fixed;bottom:1.5rem;left:50%;transform:translate(-50%)}@media (max-width:680px){.Experiment-module__6odobW__hint,.Experiment-module__6odobW__motionNotice{display:none}.Experiment-module__6odobW__ui{padding:.9rem 1rem}}
.Shader-module__i4cs5W__editor{z-index:15;-webkit-backdrop-filter:blur(14px);background:#06060bdb;border:1px solid #00d4ff2e;border-radius:8px;flex-direction:column;width:min(30rem,46vw);display:flex;position:fixed;top:4.5rem;bottom:1.5rem;right:1.5rem;overflow:hidden}.Shader-module__i4cs5W__editorHead{letter-spacing:.08em;background:#00d4ff0f;border-bottom:1px solid #00d4ff24;justify-content:space-between;align-items:center;gap:.75rem;padding:.45rem .7rem;font-family:Menlo,Monaco,monospace;font-size:.62rem;display:flex}.Shader-module__i4cs5W__filename{color:#00d4ff}.Shader-module__i4cs5W__share{letter-spacing:.06em;color:#ffffff80;cursor:pointer;background:0 0;border:1px solid #ffffff24;border-radius:4px;flex:none;margin-left:auto;padding:.2rem .45rem;font-family:inherit;font-size:.6rem;transition:all .15s}.Shader-module__i4cs5W__share:hover{color:#00d4ff;background:#00d4ff14;border-color:#00d4ff66}.Shader-module__i4cs5W__uniforms{color:#ffffff42;text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.Shader-module__i4cs5W__editorBody{flex:1;min-height:0;position:relative}.Shader-module__i4cs5W__code,.Shader-module__i4cs5W__highlight{tab-size:2;white-space:pre;border:0;margin:0;padding:.8rem .9rem;font-family:Menlo,Monaco,monospace;font-size:.72rem;line-height:1.65;position:absolute;inset:0;overflow:auto}.Shader-module__i4cs5W__highlight{pointer-events:none;color:#cbd5e1;background:0 0}.Shader-module__i4cs5W__code{resize:none;color:#0000;caret-color:#00d4ff;background:0 0;outline:none}.Shader-module__i4cs5W__code::selection{background:#00d4ff47}.Shader-module__i4cs5W__code:focus-visible{box-shadow:inset 0 0 0 1px #00d4ff59}.Shader-module__i4cs5W__comment{color:#5b6b7a;font-style:italic}.Shader-module__i4cs5W__pre{color:#f472b6}.Shader-module__i4cs5W__number{color:#fbbf24}.Shader-module__i4cs5W__keyword{color:#a855f7}.Shader-module__i4cs5W__type{color:#00d4ff}.Shader-module__i4cs5W__builtin{color:#7dd3fc}.Shader-module__i4cs5W__uniform{color:#6ee7b7}.Shader-module__i4cs5W__log{color:#6ee7b7bf;white-space:pre-wrap;border-top:1px solid #ffffff12;max-height:8rem;margin:0;padding:.5rem .9rem;font-family:Menlo,Monaco,monospace;font-size:.64rem;line-height:1.55;overflow:auto}.Shader-module__i4cs5W__logError{color:#fca5a5;background:#f871710f}.Shader-module__i4cs5W__unsupported{color:#fca5a5;text-align:center;z-index:20;background:#08080ee6;border:1px solid #f871714d;border-radius:8px;max-width:26rem;padding:1rem 1.25rem;font-family:Menlo,Monaco,monospace;font-size:.72rem;line-height:1.6;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}@media (max-width:880px){.Shader-module__i4cs5W__editor{width:auto;height:55dvh;inset:auto 1rem 1rem}}