@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-mono-cyrillic-ext-400-normal-xuaO2J-f.woff2)format("woff2"),url(/assets/ibm-plex-mono-cyrillic-ext-400-normal-DMdlQ8Kv.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-mono-cyrillic-400-normal-BSMlKf0J.woff2)format("woff2"),url(/assets/ibm-plex-mono-cyrillic-400-normal-CEL4l2ZJ.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-mono-vietnamese-400-normal-BulugwFq.woff2)format("woff2"),url(/assets/ibm-plex-mono-vietnamese-400-normal-DDuiU_S-.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-mono-latin-ext-400-normal-BmRBH3aV.woff2)format("woff2"),url(/assets/ibm-plex-mono-latin-ext-400-normal-D3D2R8hC.woff)format("woff");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:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-mono-latin-400-normal-DMJ8VG8y.woff2)format("woff2"),url(/assets/ibm-plex-mono-latin-400-normal-CvHOgSBP.woff)format("woff");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:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/ibm-plex-mono-cyrillic-ext-600-normal-V-xxqcpd.woff2)format("woff2"),url(/assets/ibm-plex-mono-cyrillic-ext-600-normal-9HEixskS.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/ibm-plex-mono-cyrillic-600-normal-CTOM6hUh.woff2)format("woff2"),url(/assets/ibm-plex-mono-cyrillic-600-normal-fLZuRloM.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/ibm-plex-mono-vietnamese-600-normal-D2EvbN8M.woff2)format("woff2"),url(/assets/ibm-plex-mono-vietnamese-600-normal-iLQfcSjf.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/ibm-plex-mono-latin-ext-600-normal-D38SheWl.woff2)format("woff2"),url(/assets/ibm-plex-mono-latin-ext-600-normal-DmB0ttJJ.woff)format("woff");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:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/ibm-plex-mono-latin-600-normal-BgSNZQsw.woff2)format("woff2"),url(/assets/ibm-plex-mono-latin-600-normal-DWFSQ4vo.woff)format("woff");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:Syne Variable;font-style:normal;font-display:swap;font-weight:400 800;src:url(/assets/syne-greek-wght-normal-5tOOQDeJ.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Syne Variable;font-style:normal;font-display:swap;font-weight:400 800;src:url(/assets/syne-latin-ext-wght-normal-JjI8ZrW1.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:Syne Variable;font-style:normal;font-display:swap;font-weight:400 800;src:url(/assets/syne-latin-wght-normal-BVsvWWA4.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}:root{--bg:#12151c;--bg-elevated:#1a1e28;--fg:#eceae4;--muted:#9a9aa3;--line:#eceae41f;--accent:#d6ff4b;--accent-ink:#12151c;--ok:#5dffb0;--danger:#ff6b5a;--panel:#12151cb8;--font-display:"Syne Variable", "Syne", "Segoe UI", sans-serif;--font-mono:"IBM Plex Mono", ui-monospace, monospace;--ease:cubic-bezier(.22, 1, .36, 1);--bar-h:3.5rem;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{height:100%;margin:0}body{background:var(--bg);color:var(--fg);font-family:var(--font-mono);grid-template-rows:auto 1fr auto;grid-template-columns:minmax(0,1fr);font-size:14px;display:grid;overflow:hidden}.bar,.stage,.foot{z-index:1;position:relative}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.bar{min-height:var(--bar-h);border-bottom:1px solid var(--line);background:var(--panel);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);flex-wrap:wrap;align-items:center;gap:.5rem 1rem;padding:.5rem 1rem;display:flex}.brand{color:var(--fg);font-family:var(--font-display);white-space:nowrap;margin-right:auto;font-size:1.15rem;font-weight:700;text-decoration:none}.brand-dot{color:var(--muted);margin:0 .35em}.brand-live{color:var(--accent)}.bar-group{gap:.4rem;display:flex}.control{border:1px solid var(--line);background:var(--bg-elevated);height:2.1rem;color:var(--fg);font:inherit;cursor:pointer;white-space:nowrap;transition:border-color .2s var(--ease), background .2s var(--ease);border-radius:.4rem;padding:0 .8rem}.control:hover{border-color:var(--accent)}.control:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.control[aria-pressed=true]{border-color:var(--accent)}.control-accent{border-color:var(--accent);background:var(--accent);color:var(--accent-ink);font-weight:600}.control-accent:hover{color:var(--accent);background:0 0}select.control{max-width:14rem}.dot{background:var(--muted);opacity:.5;border-radius:50%;width:.55rem;height:.55rem;margin-left:.3rem;display:inline-block}.dot.is-on{background:var(--ok);opacity:1}.dot.is-active{background:var(--accent);box-shadow:0 0 8px var(--accent)}.stage{min-height:0;display:flex}.stage>.panel{z-index:3;position:relative}.editor{min-width:0;transition:opacity .3s var(--ease);flex:1;overflow:auto}.hide-code .editor{opacity:0;pointer-events:none}.editor>div,.editor .cm-editor{min-height:100%;font-family:var(--font-mono);font-size:15px;background:0 0!important}.editor .cm-scroller{font-family:var(--font-mono)!important}.editor .cm-content{padding:1rem 0}.editor .cm-line>span,.editor .cm-line{text-shadow:0 1px 3px #000000d9}.editor .cm-line{background:#12151c8c;width:fit-content;padding-right:.5rem}.editor .cm-gutters{background:0 0!important;border:none!important}.panel{border-left:1px solid var(--line);background:var(--panel);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);width:min(22rem,90vw);padding:1rem;overflow-y:auto}.panel[hidden]{display:none}.panel h2{font-family:var(--font-display);margin:0 0 .5rem;font-size:1.1rem}.panel h3{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;margin:1.25rem 0 .5rem;font-size:.75rem;font-weight:400}.panel-help{color:var(--muted);margin:0 0 1rem;line-height:1.5}.panel code{color:var(--accent)}.panel-status{min-height:1.4em;color:var(--ok);margin:.5rem 0 0;font-size:.8rem}.panel-list{margin:0 0 .75rem;padding:0;list-style:none}.panel-list li{border-bottom:1px solid var(--line);padding:.35rem 0;line-height:1.4}.midi-device{color:var(--muted);font-size:.75rem;display:block}.midi-text{color:var(--accent)}.file-button{align-items:center;display:inline-flex}.file-button input{opacity:0;width:1px;height:1px;position:absolute}.file-button:focus-within{outline:2px solid var(--accent);outline-offset:2px}.sample-list li{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.sample-name,.sample-remove{font:inherit;cursor:pointer;background:0 0;border:none}.sample-name{min-width:0;color:var(--accent);text-align:left;text-overflow:ellipsis;white-space:nowrap;padding:0;overflow:hidden}.sample-name:hover{text-decoration:underline}.sample-remove{color:var(--muted);padding:0 .3rem;font-size:1.1rem}.sample-remove:hover{color:var(--danger)}.drop-hint{z-index:10;border:2px dashed var(--accent);color:var(--accent);font-family:var(--font-display);pointer-events:none;background:#12151cd9;border-radius:1rem;place-items:center;font-size:1.5rem;display:none;position:fixed;inset:1rem}.is-dropping .drop-hint{display:grid}.panel-help a{color:var(--fg)}.tool-list li{padding:.6rem 0}.tool-name{color:var(--accent);font-weight:600;text-decoration:none}.tool-name:hover{text-decoration:underline}.tool-note{color:var(--muted);margin:.25rem 0 0;font-size:.8rem;line-height:1.45}.tool-try{height:1.8rem;margin-top:.4rem;font-size:.8rem}.embed{z-index:2;background:var(--bg);flex-direction:column;display:flex;position:absolute;inset:0}.embed[hidden]{display:none}.embed-bar{border-bottom:1px solid var(--line);align-items:center;gap:.5rem;padding:.5rem 1rem;display:flex}.embed-title{font-family:var(--font-display);margin:0 auto 0 0;font-size:1rem}.embed-link{align-items:center;text-decoration:none;display:inline-flex}.embed-frame{background:#fff;border:0;flex:1;width:100%}.muted{color:var(--muted)}.foot{border-top:1px solid var(--line);background:var(--panel);color:var(--muted);justify-content:space-between;gap:1rem;padding:.5rem 1rem;font-size:.75rem;display:flex}.foot a{color:var(--muted)}.foot a:hover{color:var(--accent)}@media (width<=700px){.bar{gap:.5rem}.brand-dot,.brand-name,.foot span{display:none}.panel{position:absolute;inset:0 0 0 auto}}