:root{--color--background-100: 237, 237, 237;--color--primary-100: 74, 74, 74;--color--active-100: 174, 174, 200;--color--secondary-100: 54, 54, 54;--color--border-100: 36, 36, 36;--color--link: 50, 115, 220;--header-height: 74px}@media (prefers-color-scheme: dark){:root{--color--background-100: 38, 38, 38;--color--primary-100: 181, 181, 181;--color--active-100: 36, 36, 100;--color--secondary-100: 201, 201, 201;--color--border-100: 219, 219, 219;--color--link: 205, 140, 35}}body{background:rgb(var(--color--background-100));color:rgb(var(--color--primary-100))}#root{display:grid;grid-template-columns:1fr;grid-template-rows:74px 1fr;gap:0px 0px;grid-template-areas:"." ".";height:100vh;width:100vw}canvas{display:block;min-width:100%;max-width:100%}._nav_tdcmo_1{padding:0 1em;display:flex;align-items:center;height:var(--header-height);width:100vw}._nav_tdcmo_1>*{margin:0 .8em}._link_tdcmo_11{font-size:32px;color:rgb(var(--color--link));text-decoration-line:none}._active_tdcmo_16{font-weight:200;text-decoration-line:underline}._analyzer_tdcmo_20{flex:1;height:var(--header-height)}._volume_tdcmo_24>button{margin-right:.5em}._menu_r2n0k_1{min-width:8em;border:1px solid rgb(var(--color--border-100));background:rgb(var(--color--background-100));z-index:99;display:inline-block}._flyout_r2n0k_9{position:fixed}._item_r2n0k_13{padding:.5em}._item_r2n0k_13:hover{background:rgb(var(--color--active-100))}._played_1jzau_1{width:100%;display:grid;height:66%}._played_1jzau_1>*{min-height:0;display:block;grid-area:1/1}._played_1jzau_1>daw-piano-played{z-index:2}._piano_1jzau_17{height:34%}._piano_1jzau_17>daw-piano{height:100%;width:100%;display:block}._drums_1qfpj_1{--button-width: 64px;display:flex;height:inherit}._pad_1qfpj_7{flex:1;display:grid;min-width:var(--button-width);grid-template-columns:repeat(auto-fit,minmax(64px,1fr));align-content:start;overflow-y:auto;scrollbar-width:none}._pad_1qfpj_7>button{aspect-ratio:1 / 1}._drumKit_1qfpj_21{max-height:100%;flex:6;display:block;justify-self:center;align-self:end}._text_1qfpj_29{font-size:32px;text-anchor:middle;fill:#000;fill-opacity:1;stroke-width:0;user-select:none}._main_w40po_1{width:100%;height:calc(100vh - var(--header-height));display:flex;flex-direction:column}._drawer_w40po_8{position:fixed;width:20em;height:100%;margin-top:1em;z-index:10;background:rgb(var(--color--background-100));margin-top:var(--header-height)}._main_qoabh_1{display:flex;--width: 200px}._notes_qoabh_6{--height: calc(100vh - var(--header-height));width:var(--width)}._notes_qoabh_6>canvas{width:var(--height);height:var(--width);transform-origin:top left;transform:rotate(-90deg) translate(calc(-1 * var(--height)))}._sequencer_qoabh_18{flex:1;width:calc(100vw - var(--width));height:calc(100vh - var(--header-height))}