.fm-stage[data-astro-cid-iehpfrr4]{display:grid;grid-template-rows:auto auto;gap:0;max-width:720px;margin-inline:auto;border:1px solid var(--color-ink-200, #e8e7e0);border-radius:4px;overflow:hidden}.dark .fm-stage[data-astro-cid-iehpfrr4]{border-color:var(--color-ink-800, #17171a)}.fm-scope[data-astro-cid-iehpfrr4]{position:relative;width:100%;aspect-ratio:4 / 1;background:#f4f1ea;border-bottom:1px solid var(--color-ink-200, #e8e7e0)}.dark .fm-scope[data-astro-cid-iehpfrr4]{background:#0b0b0e;border-bottom-color:var(--color-ink-800, #17171a)}.fm-scope[data-astro-cid-iehpfrr4] canvas[data-astro-cid-iehpfrr4]{position:absolute;inset:0;display:block;width:100%;height:100%}.fm-keyboard[data-astro-cid-iehpfrr4]{position:relative;width:100%;aspect-ratio:4 / 1.4;background:#f4f1ea;touch-action:none;user-select:none}.dark .fm-keyboard[data-astro-cid-iehpfrr4]{background:#0b0b0e}.fm-keys-white[data-astro-cid-iehpfrr4]{display:grid;grid-template-columns:repeat(8,1fr);width:100%;height:100%}.fm-white[data-astro-cid-iehpfrr4]{position:relative;background:transparent;border:none;border-right:1px solid var(--color-ink-200, #e8e7e0);padding:0 0 8px;cursor:pointer;color:var(--color-ink-500, #6a6963);font-family:var(--font-mono);font-size:10px;letter-spacing:.08em;display:flex;align-items:flex-end;justify-content:center;transition:background-color 60ms linear}.fm-white[data-astro-cid-iehpfrr4]:last-child{border-right:none}.dark .fm-white[data-astro-cid-iehpfrr4]{border-right-color:var(--color-ink-800, #17171a);color:var(--color-ink-400, #8a8980)}.fm-white[data-astro-cid-iehpfrr4][aria-pressed=true]{background:var(--color-ink-900, #0f0f12);color:var(--color-ink-50, #fafaf7)}.dark .fm-white[data-astro-cid-iehpfrr4][aria-pressed=true]{background:var(--color-ink-50, #fafaf7);color:var(--color-ink-950, #08080a)}.fm-black[data-astro-cid-iehpfrr4]{position:absolute;top:0;width:7.5%;height:62%;background:var(--color-ink-800, #17171a);border:none;padding:0 0 6px;cursor:pointer;color:var(--color-ink-300, #cfcec4);font-family:var(--font-mono);font-size:9px;letter-spacing:.08em;display:flex;align-items:flex-end;justify-content:center;transition:background-color 60ms linear}.dark .fm-black[data-astro-cid-iehpfrr4]{background:var(--color-ink-200, #e8e7e0);color:var(--color-ink-800, #17171a)}.fm-black[data-astro-cid-iehpfrr4][aria-pressed=true]{background:var(--color-ink-500, #6a6963)}.dark .fm-black[data-astro-cid-iehpfrr4][aria-pressed=true]{background:var(--color-ink-500, #6a6963);color:var(--color-ink-50)}.fm-controls[data-astro-cid-iehpfrr4]{margin-top:1.5rem;display:flex;flex-direction:column;gap:1.25rem}.fm-row[data-astro-cid-iehpfrr4]{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem}.fm-btn[data-astro-cid-iehpfrr4]{font-family:var(--font-mono);font-size:11px;letter-spacing:.06em;padding:.45rem .75rem;border:1px solid var(--color-ink-200, #e8e7e0);background:transparent;color:var(--color-ink-700, #2a2a26);cursor:pointer;border-radius:2px;transition:border-color .12s ease,color .12s ease,background-color .12s ease}.dark .fm-btn[data-astro-cid-iehpfrr4]{border-color:var(--color-ink-800, #17171a);color:var(--color-ink-200, #e8e7e0)}.fm-btn[data-astro-cid-iehpfrr4]:hover{border-color:var(--color-ink-900);color:var(--color-ink-900)}.dark .fm-btn[data-astro-cid-iehpfrr4]:hover{border-color:var(--color-ink-200);color:var(--color-ink-50)}.fm-slider[data-astro-cid-iehpfrr4]{display:flex;flex-direction:column;gap:.4rem;min-width:220px;flex:1 1 220px}.fm-slider-head[data-astro-cid-iehpfrr4]{display:flex;justify-content:space-between;font-family:var(--font-mono);font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--color-ink-500, #6a6963)}.dark .fm-slider-head[data-astro-cid-iehpfrr4]{color:var(--color-ink-400, #8a8980)}.fm-slider[data-astro-cid-iehpfrr4] input[data-astro-cid-iehpfrr4][type=range]{width:100%;accent-color:var(--color-ink-700, #2a2a26)}.dark .fm-slider[data-astro-cid-iehpfrr4] input[data-astro-cid-iehpfrr4][type=range]{accent-color:var(--color-ink-200, #e8e7e0)}.fm-group-label[data-astro-cid-iehpfrr4]{font-family:var(--font-mono);font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--color-ink-500, #6a6963);margin-right:.25rem}.dark .fm-group-label[data-astro-cid-iehpfrr4]{color:var(--color-ink-400, #8a8980)}