@font-face{font-family:DM Sans Variable;font-style:normal;font-display:swap;font-weight:100 1000;src:url(/assets/dm-sans-latin-ext-wght-normal-BOFOeGcA.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:DM Sans Variable;font-style:normal;font-display:swap;font-weight:100 1000;src:url(/assets/dm-sans-latin-wght-normal-Xz1IZZA0.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{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#ddd;font-synthesis:none;-webkit-font-smoothing:antialiased;background:#000;font-family:DM Sans Variable,sans-serif}*{box-sizing:border-box}body{margin:0}button,select,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit;background:0 0;border:0}button:disabled{cursor:default;opacity:.45}button:focus-visible,a:focus-visible,select:focus-visible{outline-offset:4px;outline:2px solid #b99bdc}a{color:inherit;text-decoration:none}main{max-width:1280px;margin:auto;padding:16px 24px 32px}.masthead{justify-content:space-between;align-items:center;height:44px;margin-bottom:12px;display:flex}.wordmark{letter-spacing:-.7px;font-size:22px;font-weight:650}.masthead nav button{border:1px solid #333;border-radius:4px;padding:8px 12px;font-size:12px}.instrument-card{background:#0b0b0b;border:1px solid #292929;border-radius:8px;padding:0 20px}.instrument-topline{color:#888;justify-content:space-between;align-items:center;gap:12px;min-height:52px;font-size:11px;display:flex}.instrument-topline>span{align-items:center;gap:8px;display:flex}.status-dot{background:#555;border-radius:50%;width:6px;height:6px}.status-dot.on{background:#9ab68d}.tiny-label{font-variant-numeric:tabular-nums;font-size:10px}.start{color:#e0ccef;border:1px solid #a78cbc;border-radius:4px;padding:8px 14px;font-size:12px}.loading-line{background:#222;height:2px}.loading-line>div{background:#b99bdc;height:2px}.instrument{background:#0b0b0b}.control-area{grid-template-columns:repeat(12,minmax(0,1fr));align-items:center;gap:20px;padding:22px 0 24px;display:grid}.encoder-position{aspect-ratio:1;width:min(100%,116px);color:var(--color);grid-column:span 2;justify-self:center;margin-bottom:30px;position:relative}.encoder-root{isolation:isolate;background:#171717;border-radius:50%;width:100%;height:100%;position:relative}.encoder-slider{cursor:ns-resize;touch-action:none;-webkit-user-select:none;user-select:none;background:#202020;border:1px solid #444;border-radius:50%;position:absolute;inset:0}.encoder-body{background:#151515;border:1px solid #2d2d2d;border-radius:50%;position:absolute;inset:15%}.encoder-arc,.encoder-indicator{pointer-events:none;stroke:currentColor;fill:none;width:100%;height:100%;position:absolute;inset:0}.encoder-arc{opacity:.55}.encoder-push{touch-action:none;z-index:3;background:#353535;border:1px solid #555;border-radius:50%;position:absolute;inset:31%}.encoder-push:active{background:#555}.encoder-4 .encoder-push{background:#645176;border-color:#9e80b9}.knob-caption{color:#bbb;pointer-events:none;justify-content:center;align-items:center;gap:7px;font-size:11px;display:flex;position:absolute;top:calc(100% + 10px);left:-10%;right:-10%}.knob-caption small{color:#777;padding-top:3px;font-size:8px;position:absolute;top:100%}.control-led{background:var(--led);border:1px solid #444;border-radius:50%;width:5px;height:5px}.panel-action,.panel-toggle{touch-action:none;-webkit-user-select:none;user-select:none;border-radius:4px;order:1;grid-column:span 3;justify-content:center;align-items:center;gap:12px;min-height:54px;display:flex}.panel-action{color:#111;font-size:20px}.panel-action.pressed{filter:brightness(.7)}.sample{background:#e99089}.play{background:#74bec7}.loop{background:#dcc36d}.mobile-label{letter-spacing:1px;font-size:10px;font-weight:650}.panel-toggle{color:#aaa;border:1px solid #454545;order:2}.panel-toggle>span:first-child{background:#333;border-radius:2px;width:8px;height:8px}.panel-toggle.selected{color:#dec6f1;border-color:#ad8bc6}.panel-toggle.selected>span:first-child{background:#ad8bc6}.keyboard-scroll{overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#555 #111;padding-bottom:4px;overflow-x:auto}.keyboard{width:100%;min-width:720px;height:168px;position:relative}.piano-key{touch-action:none;-webkit-user-select:none;user-select:none;border-radius:0 0 4px 4px;justify-content:center;align-items:center;display:flex;position:absolute;top:0}.piano-key.white{color:#383838;background:#cfcfcd;border:1px solid #999;width:calc(6.66667% - 3px);height:164px}.piano-key.black{color:#aaa;z-index:2;background:#222;border:1px solid #4b4b4b;width:4%;height:98px}.piano-key:disabled{opacity:.65}.piano-key.pressed{color:#171717;background:#b59ac9}.piano-key i{background:var(--led);border:1px solid #5555;border-radius:2px;width:8px;height:4px;position:absolute;top:10px}.key-shortcut{font-size:12px;font-weight:600;position:absolute;bottom:12px}.piano-key small{color:#666;font-size:9px;position:absolute;bottom:32px}.instrument-footer{color:#888;justify-content:space-between;align-items:center;gap:12px;min-height:48px;font-size:10px;display:flex}.instrument-footer>div{align-items:center;gap:16px;display:flex}.tag{color:#baa4cb}.recording{color:#e99089}.error{color:#efb6b6;background:#261616;border:1px solid #804a4a;border-radius:4px;justify-content:space-between;align-items:center;margin-top:16px;padding:12px;font-size:12px;display:flex}.error button{font-size:22px}.studio{border-top:1px solid #292929;margin-top:24px;padding-top:20px}.section-heading{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.section-heading h2{margin:0;font-size:16px;font-weight:500}.section-heading>button{font-size:24px}.settings-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;display:grid}.setting-group{border-top:1px solid #333;padding-top:16px}.setting-group h3{margin:0 0 18px;font-size:13px;font-weight:600}.setting-group label{color:#999;text-transform:capitalize;flex-direction:column;gap:7px;margin-bottom:14px;font-size:11px;display:flex}.setting-group select{color:#ddd;background:#151515;border:1px solid #383838;border-radius:4px;width:100%;padding:10px;font-size:12px}.setting-group p{color:#888;font-size:11px;line-height:1.6}.outline-button{border:1px solid #555;border-radius:4px;width:100%;margin:10px 0 16px;padding:11px;font-size:12px;display:block}.text-button{color:#bbb;font-size:12px}.two-fields{grid-template-columns:1fr 1fr;gap:10px;display:grid}.diagnostic{font-size:10px!important}.midi-map{grid-template-columns:1fr auto 90px;align-items:center;gap:6px;margin-top:10px;font-size:11px;display:grid}.midi-map small{color:#777;font-size:9px;display:block}.midi-map select{padding:5px}.midi-map button{font-size:10px}.setting-group summary{cursor:pointer;margin-top:12px;font-size:12px}.keyboard-settings{grid-column:1/-1}.key-bindings{flex-wrap:wrap;gap:6px;margin:16px 0;display:flex}.key-bindings button{color:#888;border:1px solid #383838;border-radius:3px;flex-direction:column;gap:7px;min-width:36px;padding:8px;font-size:9px;display:flex}.key-bindings strong{color:#ddd;font-size:12px}.keyboard-settings>button{font-size:12px}.credits{color:#777;margin-top:24px;font-size:10px;display:inline-block}@media (max-width:700px){main{padding:8px 12px 24px}.instrument-card{padding:0 12px}.control-area{grid-template-columns:repeat(6,minmax(0,1fr));gap:20px 16px;padding-top:16px}.encoder-position{width:min(100%,90px)}.panel-action,.panel-toggle{min-height:44px}.instrument-topline{font-size:10px}.tiny-label{font-size:8px}.instrument-footer{font-size:9px}.instrument-footer>div{flex-wrap:wrap;gap:8px}.settings-grid{grid-template-columns:1fr}.setting-group select{font-size:16px}}