:root,.aa{--aa-bg: #0b0b0d;--aa-bg-2: #131316;--aa-bg-3: #1a1a1f;--aa-border: rgba(255, 255, 255, .055);--aa-border-2: rgba(255, 255, 255, .1);--aa-text: #ddd8cc;--aa-muted: rgba(221, 216, 204, .32);--aa-accent: rgba(255, 255, 255, .55);--aa-danger: #e84a4a;--aa-danger-soft: rgba(232, 74, 74, .12);--aa-danger-text: #f0a0a0;--aa-fill: rgba(255, 255, 255, .08);--aa-knob-track: rgba(255, 255, 255, .07);--aa-knob-value: rgba(255, 255, 255, .55);--aa-knob-needle: #fff;--aa-mono: "Martian Mono", ui-monospace, monospace;--aa-serif: "Instrument Serif", serif;--aa-ui: var(--aa-mono);--aa-radius: 8px;--aa-radius-btn: 5px;--aa-radius-chip: 3px;--aa-label-size: 8px;--aa-value-size: 9px;--aa-button-size: 10px;--aa-title-size: 22px;--aa-control-gap: 4px;--aa-pad: 14px 18px;--aa-knob-size: 44px;--bg: var(--aa-bg);--bg2: var(--aa-bg-2);--bg3: var(--aa-bg-3);--panel: var(--aa-bg-2);--panel-2: var(--aa-bg-3);--border: var(--aa-border);--border2: var(--aa-border-2);--line: var(--aa-border-2);--line-light: var(--aa-border-2);--text: var(--aa-text);--muted: var(--aa-muted);--dim: var(--aa-muted);--accent: var(--aa-accent);--danger: var(--aa-danger);--mono: var(--aa-mono);--serif: var(--aa-serif);--font: var(--aa-ui);--radius: var(--aa-radius);--label-size: var(--aa-label-size);--button-size: var(--aa-button-size);--control-gap: var(--aa-control-gap);color-scheme:dark;font-family:var(--aa-ui)}[data-aa-variant=tool]{--aa-bg: #000000;--aa-bg-2: #111111;--aa-bg-3: #1a1a1a;--aa-border: #2e2e2e;--aa-border-2: #3a3a3a;--aa-text: #ffffff;--aa-muted: #a0a0a0;--aa-accent: #ffffff;--aa-danger: #d61f2c;--aa-danger-soft: rgba(214, 31, 44, .14);--aa-danger-text: #ffffff;--aa-fill: #1a1a1a;--aa-knob-track: rgba(255, 255, 255, .07);--aa-knob-value: rgba(255, 255, 255, .55);--aa-knob-needle: #fff;--aa-mono: Telegraf, system-ui, -apple-system, sans-serif;--aa-serif: Telegraf, system-ui, -apple-system, sans-serif;--aa-ui: Telegraf, system-ui, -apple-system, sans-serif;--aa-radius: 0;--aa-radius-btn: 0;--aa-radius-chip: 0;--aa-label-size: 9px}*,*:before,*:after{box-sizing:border-box}html.aa,.aa{background:var(--aa-bg);color:var(--aa-text)}body{margin:0;background:var(--aa-bg);color:var(--aa-text);font-family:var(--aa-ui)}.aa-app,#app{display:flex;flex-direction:column;min-height:100vh;max-width:1100px;margin:0 auto;padding:var(--aa-pad);gap:12px}.topbar{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding-bottom:10px;border-bottom:.5px solid var(--aa-border)}.topbar h1,.aa-title{margin:0;font-family:var(--aa-serif);font-size:var(--aa-title-size);font-style:italic;font-weight:400;letter-spacing:.3px}[data-aa-variant=tool] .topbar h1,[data-aa-variant=tool] .aa-title{font-style:normal;font-weight:700;letter-spacing:.12em;text-transform:uppercase;font-size:12px}.file-controls{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.filename{color:var(--aa-muted);font-size:var(--aa-value-size);letter-spacing:.05em}.btn,.button{font-family:var(--aa-ui);background:transparent;color:var(--aa-muted);border:.5px solid var(--aa-border-2);border-radius:var(--aa-radius-btn);padding:7px 12px;font-size:var(--aa-button-size);letter-spacing:.06em;text-transform:uppercase;cursor:pointer;-webkit-user-select:none;user-select:none;transition:color .13s,border-color .13s,background .13s}.btn:hover:not(:disabled),.button:hover:not(:disabled){color:var(--aa-text);border-color:var(--aa-accent)}.btn:disabled,.button:disabled{opacity:.35;cursor:not-allowed}.btn.on,.btn--on,.button--on{background:var(--aa-fill);color:var(--aa-text);border-color:var(--aa-accent)}.btn.recording,.btn--recording,.button--recording{background:var(--aa-danger-soft);border-color:color-mix(in srgb,var(--aa-danger) 45%,transparent);color:var(--aa-danger-text);animation:aa-pulse 1s ease-in-out infinite}@keyframes aa-pulse{50%{opacity:.6}}select.btn,select.button{appearance:none;padding-right:22px;background:var(--aa-bg-2)}.mode-groups{display:flex;flex-wrap:wrap;gap:22px;padding-top:12px;border-top:.5px solid var(--aa-border)}.gran-group,.aa-group{display:flex;flex-direction:column;gap:6px}.gran-group-label,.aa-group-label{font-size:var(--aa-label-size);letter-spacing:.08em;color:var(--aa-muted);text-transform:uppercase}.mb-row{display:flex;gap:3px;flex-wrap:wrap}.mb{font-family:var(--aa-ui);font-size:var(--aa-value-size);padding:4px 9px;border-radius:var(--aa-radius-chip);border:.5px solid var(--aa-border-2);background:transparent;color:var(--aa-muted);cursor:pointer;transition:color .1s,border-color .1s,background .1s;white-space:nowrap}.mb:hover{color:var(--aa-text);border-color:var(--aa-accent)}.mb.on{background:var(--aa-fill);color:var(--aa-text);border-color:var(--aa-accent)}.panel,.controls{display:flex;flex-direction:column;gap:14px;background:var(--aa-bg-2);border:.5px solid var(--aa-border);border-radius:var(--aa-radius);padding:var(--aa-pad);-webkit-user-select:none;user-select:none}.knob-row{display:flex;flex-wrap:wrap;gap:14px 18px}.kw,.fw{display:flex;flex-direction:column;align-items:center;gap:var(--aa-control-gap)}canvas.knob,canvas.fader{cursor:ns-resize;touch-action:none;display:block;outline:none}canvas.knob:focus-visible,canvas.fader:focus-visible{outline:1px solid var(--aa-border-2);outline-offset:2px}.kl{font-size:var(--aa-label-size);letter-spacing:.06em;color:var(--aa-muted);text-transform:uppercase;text-align:center;line-height:1.2}.kv{font-size:var(--aa-value-size);font-weight:500;color:var(--aa-text);min-width:40px;text-align:center;font-variant-numeric:tabular-nums}.stage{position:relative}.stage.dragover{outline:1px solid var(--aa-accent);outline-offset:-1px}.canvas-wrap{position:relative;background:var(--aa-bg-2);border:.5px solid var(--aa-border);border-radius:var(--aa-radius);overflow:hidden;height:320px}.drop-hint{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:var(--aa-muted);font-size:11px;letter-spacing:.05em;pointer-events:none;text-align:center;padding:20px}.drop-hint.hidden{display:none}.status{display:flex;flex-wrap:wrap;gap:14px;padding:0 2px;font-size:var(--aa-value-size);letter-spacing:.06em;text-transform:uppercase;color:var(--aa-muted)}.status strong{color:var(--aa-text);font-weight:500}.aa-field,.text-input{width:100%;background:var(--aa-bg-2);border:.5px solid var(--aa-border-2);border-radius:var(--aa-radius);color:var(--aa-text);font-family:var(--aa-ui);font-size:11px;padding:10px}.aa-field:focus,.text-input:focus{outline:none;border-color:var(--aa-accent)}@font-face{font-family:Hooge;src:local("Hooge"),url(../design/fonts/hooge_dmf.ttf) format("truetype");font-display:block}@font-face{font-family:"IFlash 502";src:local("iFlash 502 Regular"),local("iFlash 502"),url(../design/fonts/iflash_502.ttf) format("truetype");font-display:swap}:root{--chrome-bg: #09090b;--chrome-fg: #fafafa;--chrome-muted: #a1a1aa;--chrome-kicker: #71717a;--chrome-border: #27272a;--chrome-hover: #18181b;--chrome-font: "Geist", "Segoe UI", sans-serif;--chrome-mono: "Geist Mono", ui-monospace, monospace;--pixel: Hooge, Tahoma, Helvetica, sans-serif;--iflash: "IFlash 502", Tahoma, Helvetica, sans-serif;--header-h: 48px;--footer-h: 68px;color-scheme:dark}.pixel{font-family:var(--pixel);text-transform:uppercase;letter-spacing:.03em;-webkit-font-smoothing:none;-moz-osx-font-smoothing:unset}.stage{position:fixed;inset:0;overflow:hidden;background:#050505;touch-action:none;z-index:0}.fx-canvas{position:absolute;inset:0;width:100%;height:100%;display:block}html.bg-paused .stage .bub{animation-play-state:paused!important}.header{position:fixed;top:0;left:0;right:0;height:var(--header-h);z-index:10001;display:flex;align-items:stretch;border-bottom:1px solid var(--chrome-border);background:var(--chrome-bg);color:var(--chrome-fg);font-family:var(--chrome-font)}.brand{flex:0 1 300px;min-width:0;display:flex;align-items:center;gap:10px;padding:0 16px}.mark{display:flex;flex-shrink:0}.word{font-size:18px;font-weight:600;letter-spacing:-.03em;white-space:nowrap}.slash{color:#3f3f46;font-weight:400}#title{margin:0;min-width:0;font-size:14px;font-weight:500;color:var(--chrome-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.params{flex:1 1 auto;min-width:0;display:flex;align-items:center;justify-content:center;gap:14px;padding:0 12px;border-left:1px solid var(--chrome-border);border-right:1px solid var(--chrome-border)}.params--empty{border:0}.param{display:flex;flex-direction:column;justify-content:center;gap:2px;min-width:96px;max-width:140px;flex:1 1 110px;cursor:pointer}.param__head{display:flex;justify-content:space-between;align-items:baseline;gap:8px;font-family:var(--chrome-mono);font-size:10px;line-height:1;color:var(--chrome-muted);text-transform:uppercase;letter-spacing:.06em}.param__value{color:var(--chrome-fg);font-variant-numeric:tabular-nums}.param__range{appearance:none;width:100%;height:3px;margin:0;border-radius:999px;background:#3f3f46;outline:none}.param__range::-webkit-slider-thumb{appearance:none;width:12px;height:12px;border-radius:50%;background:#fafafa;border:0;cursor:pointer}.param__range::-moz-range-thumb{width:12px;height:12px;border-radius:50%;background:#fafafa;border:0;cursor:pointer}.render-toggle{flex:0 0 auto;display:flex;align-items:center;gap:8px;padding:0 12px;border-left:1px solid var(--chrome-border);color:var(--chrome-muted);font-size:12px;text-transform:uppercase;letter-spacing:.04em;font-family:var(--chrome-mono);cursor:pointer;white-space:nowrap}.render-toggle input{accent-color:#fafafa;width:14px;height:14px;margin:0;cursor:pointer}.render-toggle:has(input:checked){color:var(--chrome-fg)}.counter{flex:0 0 auto;display:flex;align-items:center;justify-content:flex-end;padding:0 16px;border-left:1px solid var(--chrome-border)}#count{font-family:var(--chrome-mono);font-size:12px;color:var(--chrome-muted);white-space:nowrap}.footer{position:fixed;bottom:0;left:0;right:0;z-index:10001;display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--chrome-border);background:var(--chrome-bg);color:var(--chrome-fg)}.nav-btn{appearance:none;border:0;background:var(--chrome-bg);min-height:var(--footer-h);padding:12px 22px;display:flex;align-items:center;gap:12px;cursor:pointer;text-align:left;color:inherit;font-family:var(--chrome-font)}.nav-btn.next{border-left:1px solid var(--chrome-border);justify-content:flex-end;text-align:right}.nav-btn:hover{background:var(--chrome-hover)}.nav-copy{display:flex;flex-direction:column;gap:2px;min-width:0}.kicker{font-size:10px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--chrome-kicker)}.name{font-size:14px;font-weight:600;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}html.chrome-hidden .params,html.chrome-hidden .footer,html.chrome-hidden .animate-toggle,html.header-hidden .header{display:none}html.chrome-hidden{--footer-h: 0px}html.header-hidden{--header-h: 0px}@media(max-width:900px){.params,.animate-toggle,.brand .word,.brand .slash{display:none}}.fx-gradient,.fx-bubble,.fx-boxes,.fx-grid{position:absolute;inset:0;overflow:hidden}.fx-gradient{background:#12045a}.orb{position:absolute;border-radius:50%;filter:blur(var(--orb-blur, 72px));mix-blend-mode:hard-light;will-change:transform}.orb-blue{width:58vmin;height:58vmin;left:22%;top:16%;background:#1471ff;animation:drift-a 18s ease-in-out infinite}.orb-violet{width:62vmin;height:78vmin;left:-18%;top:-20%;background:#7a1fd4;animation:drift-b 24s ease-in-out infinite}.orb-cyan{width:28vmin;height:28vmin;right:8%;top:4%;background:#7ee8ff;animation:drift-c 15s ease-in-out infinite}.orb-red{width:24vmin;height:24vmin;left:30%;top:8%;background:#ff3b4e;opacity:.85;animation:drift-d 17s ease-in-out infinite}.orb-indigo{width:46vmin;height:46vmin;right:-8%;bottom:-18%;background:#312e81;animation:drift-b 28s ease-in-out infinite reverse}.orb-follow{width:34vmin;height:34vmin;left:0;top:0;background:#38bdf8;pointer-events:none}.fx-bubble{background:linear-gradient(to bottom right,#2e1065,#172554)}.fx-bubble svg.filter{position:absolute;width:0;height:0}.goo{position:absolute;inset:0;filter:url(#bubble-goo) blur(40px)}.bub{position:absolute;border-radius:50%;mix-blend-mode:hard-light;width:56%;height:56%;background:radial-gradient(circle,var(--c) 0%,transparent 50%)}.bub-a{--c: rgba(18, 113, 255, .8);width:58%;height:58%;left:-18%;top:-22%;animation:lava-a 18s ease-in-out infinite}.bub-b{--c: rgba(221, 74, 255, .8);width:54%;height:54%;left:auto;right:-16%;top:-18%;animation:lava-b 22s ease-in-out infinite}.bub-c{--c: rgba(0, 220, 255, .8);width:52%;height:48%;left:-14%;top:auto;bottom:-16%;animation:lava-c 20s ease-in-out infinite}.bub-d{--c: rgba(200, 50, 50, .8);opacity:.7;width:50%;height:50%;inset:auto -14% -18% auto;animation:lava-b 24s ease-in-out infinite reverse}.bub-e{--c: rgba(180, 180, 50, .8);width:62%;height:70%;left:-28%;top:18%;animation:lava-a 26s ease-in-out infinite reverse}.bub-f{--c: rgba(140, 100, 255, .8);opacity:.7;width:60%;height:68%;left:auto;right:-26%;top:22%;animation:lava-c 23s ease-in-out infinite}.bub-follow{--c: rgba(0, 220, 255, .75);width:42%;height:42%;pointer-events:none;transform:translate(-50%,-50%)}.fx-boxes{background:#0f172b}.boxes-fade{position:absolute;inset:0;overflow:hidden;-webkit-mask-image:radial-gradient(ellipse at center,#000 42%,transparent 82%);mask-image:radial-gradient(ellipse at center,#000 42%,transparent 82%)}.boxes-grid{position:absolute;left:42%;top:38%;display:flex;transform:translate(-40%,-55%) skew(-48deg) skewY(14deg) scale(.78);transform-origin:center center}.box-row{display:flex;flex-direction:column}.box-cell{width:68px;height:38px;border-top:1px solid #243044;border-right:1px solid #243044;position:relative;background:transparent}.plus{position:absolute;left:-9px;top:-9px;width:18px;height:18px;color:#3a4a66;pointer-events:none}.fx-grid{background:#fff}.fx-grid svg{width:100%;height:100%;display:block}@keyframes drift-a{0%,to{transform:translateZ(0) scale(1)}50%{transform:translate3d(8%,10%,0) scale(1.12)}}@keyframes drift-b{0%,to{transform:translateZ(0)}50%{transform:translate3d(12%,8%,0) scale(1.08)}}@keyframes drift-c{0%,to{transform:translateZ(0)}50%{transform:translate3d(-14%,16%,0) scale(1.2)}}@keyframes drift-d{0%,to{transform:translateZ(0)}50%{transform:translate3d(10%,18%,0) scale(.9)}}@keyframes lava-a{0%,to{transform:translateZ(0) scale(1)}50%{transform:translate3d(18%,12%,0) scale(1.08)}}@keyframes lava-b{0%,to{transform:translateZ(0) scale(1)}50%{transform:translate3d(-12%,16%,0) scale(1.12)}}@keyframes lava-c{0%,to{transform:translateZ(0) scale(1)}50%{transform:translate3d(16%,-14%,0) scale(.94)}}@media(prefers-reduced-motion:reduce){.orb,.bub{animation:none!important}}:root{--bg: #0b0b0d;--panel: rgba(11, 11, 13, .92);--text: #ddd8cc;--muted: #ddd8cc52;--accent: #ff0000;--border: #ffffff0e;--mono: "Martian Mono", ui-monospace, monospace}*{box-sizing:border-box;margin:0}html,body{height:100%;overflow:hidden;-webkit-user-select:none;user-select:none}body{background:#050505;color:var(--text);font:12px/1.45 var(--mono);overscroll-behavior:none}.rm-stage{position:fixed;inset:0;z-index:1;background:#050505}.rm-stage canvas{display:block;width:100%;height:100%;cursor:crosshair;touch-action:none}.ph-head-nav{flex:0 1 auto;min-width:0;display:flex;align-items:center;gap:14px;padding:0 14px;border-left:1px solid var(--chrome-border)}.ph-head-label{font-size:9px;color:var(--chrome-kicker)}.ph-modes{display:inline-flex;gap:12px;flex-wrap:wrap}.nav-link{background:none;border:0;padding:0;font-size:10px;color:var(--chrome-kicker);cursor:pointer}.nav-link:hover,.nav-link.is-on{color:var(--chrome-fg)}.bot-status{font-size:9px;color:#8a7a3a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:260px}.bot-status.is-on{color:#f5c542}.bot-status.is-err{color:#f87171}.rm-ui{position:fixed;inset:0;z-index:20;pointer-events:none}.rm-ui .draggable,.rm-ui .log-panel,.rm-ui .fps-panel{pointer-events:auto}body.rm-hud-off .rm-ui{display:none}.draggable{position:absolute}.draggable[data-panel=about]{top:calc(var(--header-h) + 16px);left:16px;width:min(320px,calc(100vw - 32px))}.draggable[data-panel=mapping]{top:calc(var(--header-h) + 16px);right:16px;width:min(280px,calc(100vw - 32px))}.draggable[data-panel=fps]{bottom:calc(var(--footer-h) + 16px);right:16px}.log-panel,.fps-panel{background:var(--panel);border:1px solid var(--border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.log-head,.fps-head{padding:8px 12px;border-bottom:1px solid var(--border);font-size:10px;color:var(--chrome-muted);cursor:grab}.rm-about-body{padding:12px 14px 16px;display:flex;flex-direction:column;gap:8px}.rm-title{font:600 18px/1.2 var(--chrome-font);color:var(--chrome-fg);letter-spacing:-.02em}.rm-author{font-size:10px;color:var(--chrome-kicker)}.rm-desc{font-size:11px;color:var(--text);line-height:1.5;opacity:.85}.rm-tags{display:flex;flex-wrap:wrap;gap:6px}.tag{font-size:9px;color:var(--chrome-kicker);border:1px solid var(--border);padding:2px 6px}.rm-link{font-size:11px;color:#22d3ee;text-decoration:none;margin-top:4px}.rm-link:hover{text-decoration:underline}.knob-row{padding:12px;display:flex;flex-wrap:wrap;gap:12px}.rm-hint{padding:0 12px 12px;font-size:9px;color:var(--chrome-kicker);line-height:1.4}.fps-panel{min-width:120px}.fps-val{color:var(--chrome-fg);margin-left:6px}.fps-val.is-ok{color:#4ade80}.fps-val.is-warn{color:#fbbf24}.fps-val.is-bad{color:#f87171}.fps-frame{margin-left:8px;color:var(--chrome-kicker);font-size:9px}.stage{display:none}