@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/archivo-latin-wght-normal-E0tuGl4L.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/archivo-latin-ext-wght-normal-C4zznr8T.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/assets/jetbrains-mono-latin-wght-normal-B9CIFXIH.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/assets/jetbrains-mono-latin-ext-wght-normal-DBQx-q_a.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}*,:before,:after{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-corner{background:0 0}::-webkit-scrollbar-thumb{background:var(--text-4);border-radius:var(--r-pill)}::-webkit-scrollbar-thumb:hover{background:var(--text-3)}@supports not selector(::-webkit-scrollbar){*{scrollbar-width:thin;scrollbar-color:var(--text-4) transparent}}:root{--ink:#0a0a0c;--surface:#101014;--raised:#17171d;--sunken:#08080a;--line:#ffffff14;--line-strong:#ffffff29;--text:#ececf0;--text-2:#9a9aa6;--text-3:#62626e;--text-4:#43434d;--slider-track:#6e6e7a;--slider-thumb:#c8c8d2;--slider-hit:18px;--live:#6ee7c0;--live-dim:#2f6a5b;--mosh:#c6a2ea;--mosh-dim:#6a5080;--rec:#ff5f56;--rec-dim:#7d3430;--start:#f0b568;--start-dim:#8a6a3f;--sidebar-w:340px;--r-1:3px;--r-2:6px;--r-3:10px;--r-pill:999px;--glass:#0c0c109e;--blur:blur(18px) saturate(.75);--t-fast:.12s cubic-bezier(.2, .8, .2, 1);--t:.2s cubic-bezier(.2, .8, .2, 1);--font-ui:"Archivo Variable", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono:"JetBrains Mono Variable", ui-monospace, "Cascadia Mono", Consolas, monospace;font-family:var(--font-ui);color:var(--text);background-color:var(--ink);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:400;line-height:1.5}body{min-height:100svh;margin:0}button:active{opacity:.7}select{appearance:none;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;border:1px solid var(--line);text-overflow:ellipsis;cursor:pointer;transition:border-color var(--t-fast), color var(--t-fast);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 24 24' fill='none' stroke='%2362626e' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right .4rem center;background-repeat:no-repeat;background-size:10px;outline:none;padding-right:1.3rem}select:hover:not(:disabled){border-color:var(--line-strong);color:var(--text)}select:focus-visible{border-color:var(--live-dim)}select:disabled{cursor:default;opacity:.6}select option{background:var(--raised);color:var(--text)}select option:disabled{color:var(--text-3)}@supports (appearance:base-select){select{appearance:base-select}::picker(select){appearance:base-select}select::picker-icon{display:none}::picker(select){border:1px solid var(--line-strong);border-radius:var(--r-2);background:var(--raised);scrollbar-width:thin;opacity:0;max-height:18rem;transition:opacity var(--t-fast), display var(--t-fast) allow-discrete, overlay var(--t-fast) allow-discrete;margin-block:4px;padding:3px;box-shadow:0 10px 28px #0000008c}select:open::picker(select){opacity:1}@starting-style{select:open::picker(select){opacity:0}}select option{border-radius:var(--r-1);color:var(--text-2);cursor:pointer;background:0 0;padding:.3rem .5rem}select option::checkmark{display:none}select option:hover,select option:focus-visible{color:var(--text);background:#ffffff0d;outline:none}select option:checked{color:var(--live)}select option:disabled{color:var(--text-4);cursor:default}select option:disabled:hover{background:0 0}}.rack-label{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--text-3);font-size:.62rem;font-weight:600}.readout{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-feature-settings:"zero" 1}.bar-sep{background:var(--line);flex-shrink:0;width:1px;height:18px;margin:0 .15rem}.bar-cluster{border:1px solid var(--line-strong);border-radius:var(--r-2);background:var(--surface);flex-shrink:0;align-items:stretch;display:inline-flex;overflow:hidden}.bar-icon{border:none;border-left:1px solid var(--line);width:30px;height:28px;color:var(--text-3);cursor:pointer;transition:color var(--t-fast), background var(--t-fast), box-shadow var(--t-fast);background:0 0;justify-content:center;align-items:center;padding:0;display:flex}.bar-icon:first-child{border-left:none}.bar-icon:hover:not(:disabled){color:var(--text);background:#ffffff0d}.bar-icon.open{color:var(--text);background:#ffffff14}.bar-icon.on{color:var(--live);box-shadow:inset 0 -2px 0 var(--live);background:#6ee7c012}.bar-icon:disabled{opacity:.3;cursor:default}.bar-key{border:1px solid var(--line-strong);border-radius:var(--r-2);background:var(--raised);height:30px;color:var(--text-2);font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;white-space:nowrap;cursor:pointer;transition:border-color var(--t), color var(--t), background var(--t), box-shadow var(--t);flex-shrink:0;align-items:center;gap:.45rem;padding:0 1.25rem;font-size:.66rem;font-weight:600;display:inline-flex;box-shadow:inset 0 1px #ffffff0d}.bar-key:hover:not(:disabled){border-color:var(--text-4);color:var(--text);background:#ffffff0f}.bar-key:active:not(:disabled),.bar-icon:active:not(:disabled){box-shadow:none;transform:translateY(1px)}.bar-key:disabled{opacity:.35;cursor:default}.bar-key.mosh{border-color:var(--mosh-dim);color:var(--mosh);letter-spacing:.16em;background:#c6a2ea1a;font-weight:700}.bar-key.mosh:hover:not(:disabled){border-color:var(--mosh);color:#f0e2ff;background:#c6a2ea33}.bar-key.live:hover:not(:disabled){border-color:var(--live-dim);color:var(--live);background:#6ee7c014}.bar-key.rec:hover:not(:disabled){border-color:var(--rec-dim);color:var(--rec);background:#ff5f561a}.bar-pop{border:1px solid var(--line-strong);border-radius:var(--r-3);background:var(--raised);z-index:20;flex-direction:column;gap:.5rem;padding:.75rem 1rem;display:flex;position:absolute;bottom:calc(100% + .45rem);box-shadow:inset 0 1px #ffffff0a,0 12px 32px #040408b3}@media (width<=800px){.bar-icon{width:27px;height:26px}.bar-key{height:28px;padding:0 .9rem;font-size:.62rem}}@media (width<=450px){.bar-icon{width:25px;height:24px}.bar-key{gap:.3rem;height:26px;padding:0 .65rem;font-size:.58rem}.bar-key .key-label{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.bar-key:has(.key-label){padding:0 .55rem;position:relative}}:focus-visible{outline:1.5px solid var(--live);outline-offset:2px}:root[data-contrast=high]{--ink:#000;--surface:#060608;--raised:#131318;--sunken:#000;--line:#ffffff38;--line-strong:#ffffff61;--text:#fff;--text-2:#e2e2e8;--text-3:#c4c4ce;--text-4:#a0a0ac;--slider-track:#a8a8b4;--slider-thumb:#fff;--live-dim:#4fae94;--mosh-dim:#9a7cb8;--rec-dim:#b85049;--start-dim:#b8915a;--glass:#000000d9}input[type=range]{height:var(--slider-hit);appearance:none;background:linear-gradient(var(--slider-track), var(--slider-track)) center / 100% 4px no-repeat;cursor:pointer}input[type=range]:disabled{opacity:.45;cursor:not-allowed}input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--slider-thumb);cursor:pointer;width:9px;height:13px;transition:background var(--t-fast);border-radius:4px}input[type=range]::-moz-range-thumb{background:var(--slider-thumb);cursor:pointer;width:9px;height:13px;transition:background var(--t-fast);border:none;border-radius:4px}input[type=range]:hover:not(:disabled)::-webkit-slider-thumb{background:var(--text)}input[type=range]:hover:not(:disabled)::-moz-range-thumb{background:var(--text)}@media (width<=800px){:root{--slider-hit:24px}input[type=range]::-webkit-slider-thumb{width:14px;height:20px}input[type=range]::-moz-range-thumb{width:14px;height:20px}}.value-field+:is(.val,.param-value){display:none}.val:has(+.value-field){display:none}input[type=range]:focus-visible{outline:none}input[type=range]:focus-visible:not(:disabled)::-webkit-slider-thumb{background:var(--live);box-shadow:0 0 0 3px #6ee7c047}input[type=range]:focus-visible:not(:disabled)::-moz-range-thumb{background:var(--live);box-shadow:0 0 0 3px #6ee7c047}#app{width:100%;height:100svh}