.hardware-workspace[data-astro-cid-avso5mkk]{min-inline-size:0}.hardware-workspace[data-astro-cid-avso5mkk] .hardware-controls[data-astro-cid-avso5mkk]{grid-template-columns:repeat(auto-fit,minmax(min(100%,11rem),1fr));gap:.75rem;display:grid}.hardware-workspace[data-astro-cid-avso5mkk] pre[data-astro-cid-avso5mkk]{white-space:pre-wrap;overflow-wrap:anywhere;max-block-size:28rem;overflow:auto}.hardware-workspace[data-astro-cid-avso5mkk] canvas[data-astro-cid-avso5mkk]{border:1px solid var(--line);border-radius:var(--r,.75rem);background:var(--surface);block-size:auto;inline-size:100%;max-inline-size:100%;display:block}.hardware-workspace[data-astro-cid-avso5mkk] .pen-surface[data-astro-cid-avso5mkk]{touch-action:none}.hardware-workspace[data-astro-cid-avso5mkk] .midi-key{border:1px solid var(--line);background:var(--surface);min-block-size:4.5rem;min-inline-size:2.75rem;color:var(--text);border-radius:.3rem}.hardware-workspace[data-astro-cid-avso5mkk] .midi-key.active{background:var(--cat);color:var(--surface)}.hardware-workspace[data-astro-cid-avso5mkk] .midi-piano[data-astro-cid-avso5mkk]{gap:.2rem;padding-block:.5rem;display:flex;overflow-x:auto}.hardware-workspace[data-astro-cid-avso5mkk] [data-astro-cid-avso5mkk]:focus-visible{outline:2px solid var(--cat);outline-offset:3px}@media (prefers-reduced-motion:no-preference){.hardware-workspace[data-astro-cid-avso5mkk] .midi-key{transition:background-color .12s}}