.numerical-input.svelte-3xleav{justify-content:flex-end;align-items:center;gap:.15rem;display:flex}.numerical-input.svelte-3xleav input:where(.svelte-3xleav){background-color:var(--primary);width:4rem;min-width:0;color:var(--primary-text);text-align:center;font-family:var(--font-controls);font-variant-numeric:tabular-nums;border:none;border-radius:.2rem;outline:none;padding:.2rem;font-weight:600}.numerical-input.svelte-3xleav input:where(.svelte-3xleav)::placeholder{color:var(--primary-text);font-size:.7rem}.midi-stats-table.svelte-ahb6yp{border-collapse:separate;border-spacing:0;table-layout:fixed;border:solid .1rem var(--secondary);border-radius:.3rem;width:100%;overflow:hidden}.midi-stats-table.svelte-ahb6yp th:where(.svelte-ahb6yp){opacity:.75;text-align:center;vertical-align:top;padding:.15rem .3rem;font-weight:400}.midi-stats-table.svelte-ahb6yp td:where(.svelte-ahb6yp){text-align:center;vertical-align:top;white-space:nowrap;padding:.1rem .3rem .2rem}.midi-stats-table.svelte-ahb6yp th:where(.svelte-ahb6yp):not(:first-child),.midi-stats-table.svelte-ahb6yp td:where(.svelte-ahb6yp):not(:first-child){border-left:solid .1rem var(--secondary)}.midi-stats-table.svelte-ahb6yp tbody:where(.svelte-ahb6yp) td:where(.svelte-ahb6yp){border-top:solid .1rem var(--secondary)}.out-of-range-split.svelte-ahb6yp{opacity:.85}.midi-track-wrapper.svelte-110d35m{border-radius:.2rem;justify-content:space-between;align-items:center;width:100%;padding:.3rem .5rem;display:flex}.midi-track-column{border:.1rem solid #0000;border-radius:.2rem;flex-direction:column;width:100%;margin-top:.3rem;display:flex}.midi-track-open{border-color:var(--secondary)}.midi-track-center.svelte-110d35m{align-items:center;gap:.2rem;display:flex}.midi-track-center.svelte-110d35m :not(:last-child){margin-right:.5rem}.midi-section.svelte-1w4yw8j{border:solid .1rem var(--secondary);width:100%;border-radius:.3rem;min-inline-size:min-content;margin:0;padding:.2rem .6rem .5rem}.midi-section.svelte-1w4yw8j legend:where(.svelte-1w4yw8j){padding:0 .3rem;font-weight:700}.midi-lock-notice.svelte-1w4yw8j{opacity:.85;text-align:center}.midi-section-disabled.svelte-1w4yw8j{opacity:.4;cursor:not-allowed}.midi-section-disabled.svelte-1w4yw8j>*{pointer-events:none}.midi-suggest-button.svelte-1w4yw8j{background-color:var(--primary);color:var(--primary-text);cursor:pointer;white-space:nowrap;border:none;border-radius:.3rem;padding:.3rem .6rem;font-size:.8rem}.midi-suggest-button.svelte-1w4yw8j:disabled{opacity:.5;cursor:default}.floating-midi{background-color:rgba(var(--menu-background-rgb), .9);border:solid 2px var(--secondary);height:48vh;color:var(--menu-background-text);z-index:10;--backdrop-amount:4px;border-radius:.5rem;flex-direction:column;align-items:flex-start;width:60vw;margin-left:auto;margin-right:auto;animation:.4s fadeIn,.48s forwards delayBackdrop;display:flex;position:absolute;bottom:2rem}.floating-midi-content{width:100%;height:100%;padding:.8rem .5rem .8rem .8rem;overflow-y:scroll}.floating-midi *{font-size:.9rem}.midi-btn.svelte-1w4yw8j{background-color:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:.2rem;min-width:5rem;height:fit-content;padding:.5rem 1rem}@media only screen and (width<=1000px){.floating-midi{width:70vw;max-width:70vw;height:50vh;max-height:50vh;bottom:.8rem}.floating-midi-content{padding:.4rem .2rem .4rem .4rem}}.tools-icon.svelte-1styjmz{font-size:1.2rem}.tools-buttons-grid.svelte-1styjmz{flex:1;grid-template-columns:minmax(0,1fr) auto auto minmax(0,1fr) minmax(0,1fr) auto auto minmax(0,1fr);grid-template-areas:"a a a a b b b b""a a a a c c c c""d d d d e e e e""f f f f g g g g";gap:.6rem;padding:0 .4rem .4rem;display:grid}.tools-button-row.svelte-1styjmz{grid-template-columns:subgrid;justify-content:center;align-items:center;display:grid}.tools-button-row.svelte-1styjmz>.tools-icon:where(.svelte-1styjmz){grid-column:2}.tools-button-row.svelte-1styjmz>.tools-label:where(.svelte-1styjmz){text-align:start;grid-column:3}.tools-button-stacked.svelte-1styjmz{flex-direction:column}.tools-tooltip-anchor.svelte-1styjmz{pointer-events:none;justify-content:center;display:flex;position:absolute;inset:0}.floating-tools{background-color:rgba(var(--menu-background-rgb), .9);z-index:10;opacity:0;border:solid 2px var(--secondary);min-width:36vw;min-height:min(52vh,18rem);max-height:min(52vh,18rem);color:var(--menu-background-text);border-radius:.5rem;margin-left:auto;margin-right:auto;transition:all .4s;display:flex;position:fixed;bottom:-50vh;transform:scale(.7);box-shadow:-2px -1px 27px 4px #00000040}.floating-tools-content.svelte-1styjmz{border-radius:calc(.5rem - 2px);flex-direction:column;flex:1;gap:.3rem;display:flex;overflow:hidden auto}.tools-visible{opacity:1;--backdrop-amount:3px;animation:.48s forwards delayBackdrop;bottom:1.4rem;transform:scale(1)}.tools-visible-pro{opacity:.8;--backdrop-amount:2px}@media only screen and (width<=1000px){.floating-tools{min-height:calc(min(52vh,18rem) + 1rem);max-height:calc(min(52vh,18rem) + 1rem)}.tools-visible{bottom:.2rem}.tools-icon.svelte-1styjmz{font-size:1.1rem}.tools-buttons-grid.svelte-1styjmz{gap:.3rem;font-size:.8px}}.composer-note-locked.svelte-76534u{opacity:.65;cursor:not-allowed}@media only screen and (width<=920px){.note-composer.svelte-76534u .note-name:where(.svelte-76534u){bottom:10%!important}}.layer-1.svelte-76534u{background-color:var(--composer-main-layer)!important;border-color:var(--composer-main-layer-layer-20)!important}.layer-1.svelte-76534u .note-name-sky:where(.svelte-76534u){color:var(--composer-main-layer-text)!important}.layer-2.svelte-76534u .svg-b{stroke:var(--composer-secondary-layer)!important}.layer-1.svelte-76534u .svg-b{stroke:var(--composer-main-layer)!important}.layer-1.svelte-76534u .svg-note,.layer-1.svelte-76534u .genshin-border{fill:var(--composer-main-layer-text)!important;stroke:var(--composer-main-layer-text)!important}.layer-1.svelte-76534u .note-name:where(.svelte-76534u){color:var(--composer-main-layer-text)!important}.layer-2.svelte-76534u,.layer-2.svelte-76534u .genshin-border{border-color:var(--composer-secondary-layer)!important;fill:var(--composer-secondary-layer)!important;stroke:var(--composer-secondary-layer)!important}.layer-3-ball-bigger.svelte-76534u{background-color:var(--composer-secondary-layer);visibility:hidden;border-radius:50%;width:1.5vw;height:1.5vw;position:absolute}.layer-4-line.svelte-76534u{background-color:var(--composer-secondary-layer);visibility:hidden;border-radius:.2vw;width:100%;height:25%;position:absolute}.layer-4.svelte-76534u .note-name-sky:where(.svelte-76534u),.layer-3.svelte-76534u .note-name-sky:where(.svelte-76534u){color:var(--composer-secondary-layer-text)!important}.note-composer.layer-3.svelte-76534u .svg-note,.note-composer.layer-4.svelte-76534u .svg-note{fill:var(--composer-main-layer-text)!important;stroke:var(--composer-main-layer-text)!important}.layer-3.svelte-76534u .layer-3-ball-bigger:where(.svelte-76534u),.layer-4.svelte-76534u .layer-4-line:where(.svelte-76534u){visibility:visible}.layer-3-ball-bigger.svelte-76534u{width:2.6vw;height:2.6vw}.note-composer.svelte-76534u .layer-3-ball-bigger:where(.svelte-76534u){width:3vw;height:3vw}.bottom-right-text.svelte-5u5oni{text-align:center;width:100%;color:var(--background-text);text-shadow:0 1px 5px #333;font-size:.8rem}.tempo-changers-wrapper.svelte-5u5oni button:where(.svelte-5u5oni){color:#fff;filter:brightness(1.1);cursor:pointer;border:none;border-radius:.2rem;flex:1;margin:0;padding:.4rem 0;font-size:1rem}.tempo-changers-wrapper.svelte-5u5oni button:where(.svelte-5u5oni):hover{filter:brightness(1.1)}.tempo-changers-wrapper.svelte-5u5oni button:where(.svelte-5u5oni):focus-visible{filter:brightness(1.3)}@media only screen and (width<=1000px){.tempo-changers-wrapper.svelte-5u5oni button:where(.svelte-5u5oni){padding:.5rem;font-size:.7rem}}@media only screen and (width<=600px){.tempo-changers-wrapper.svelte-5u5oni button:where(.svelte-5u5oni){font-size:.6rem}}.keyboard-column-selection-buttons.svelte-1q6uldb{color:var(--icon-color);filter:drop-shadow(0 0 6px #0006);cursor:pointer;background:0 0;border:none;border-radius:.4rem;justify-content:center;align-items:center;width:4rem;font-size:2rem;display:flex}.duration-popover.svelte-879mnp{z-index:30;background-color:var(--menu-background);width:min(max(25rem,18vw),50vw);color:var(--menu-background-text);border-radius:.5rem;align-items:center;gap:.4rem;padding:.5rem .6rem;display:flex;position:fixed;box-shadow:0 3px 10px #0006}.duration-popover-step.svelte-879mnp{background-color:var(--primary);width:1.8rem;height:1.8rem;color:var(--primary-text);cursor:pointer;border:none;border-radius:.3rem;flex-shrink:0;justify-content:center;align-items:center;display:flex}.duration-popover-value.svelte-879mnp{background-color:var(--primary);width:3rem;color:var(--primary-text);font-family:var(--font-controls);text-align:center;appearance:textfield;border:none;border-radius:.3rem;flex-shrink:0;padding:.15rem .2rem;font-size:1rem;font-weight:700}.duration-popover-value.svelte-879mnp::-webkit-outer-spin-button{appearance:none;margin:0}.duration-popover-value.svelte-879mnp::-webkit-inner-spin-button{appearance:none;margin:0}.pro-scrollbar.svelte-1z13abc{z-index:3;touch-action:none;opacity:0;pointer-events:none;transition:opacity 1s;position:absolute;right:0}.pro-scrollbar-shown.svelte-1z13abc{opacity:1;pointer-events:auto;transition:opacity .15s ease-out}.pro-scrollbar-thumb.svelte-1z13abc{background-color:var(--primary-text);opacity:.4;border-radius:5px;width:6px;margin:0 auto;transition:width .15s,opacity .15s;position:absolute;top:0;left:0;right:0}.pro-scrollbar-dragging.svelte-1z13abc .pro-scrollbar-thumb:where(.svelte-1z13abc){opacity:.75;width:10px}@media (hover:hover){.canvas-relative:hover>.pro-scrollbar.svelte-1z13abc{opacity:1;pointer-events:auto;transition:opacity .15s ease-out}.pro-scrollbar.svelte-1z13abc:hover{background-color:color-mix(in srgb, var(--primary-text) 8%, transparent)}.pro-scrollbar.svelte-1z13abc:hover .pro-scrollbar-thumb:where(.svelte-1z13abc){opacity:.6;width:10px}.pro-scrollbar-dragging.svelte-1z13abc:hover .pro-scrollbar-thumb:where(.svelte-1z13abc){opacity:.75}}.composer-view-selector.svelte-lffndu{justify-content:center;align-items:stretch;gap:.4rem;height:2.5rem;min-height:2.5rem;display:flex}.tool.tool-toggled.svelte-1ea92ou{background-color:color-mix(in srgb, var(--accent) 50%, var(--primary-darken-10))}.floating-instrument-settings.svelte-1afunqi{--settings-padding-x:.7rem;--settings-control-width:10.5rem;z-index:10;width:19.5rem;margin-left:6.6rem;animation:.2s fadeIn;position:absolute;top:3.4rem}.floating-instrument-settings.svelte-1afunqi .settings-card{background-color:var(--menu-background);color:var(--menu-background-text);border:solid 2px var(--secondary);border-radius:.4rem;flex-direction:column;height:min(36rem,100dvh - 4rem);animation:.2s forwards delayBackdrop;display:flex}.floating-instrument-settings.svelte-1afunqi .settings-card-empty{height:auto;padding:.6rem var(--settings-padding-x)}.settings-header.svelte-1afunqi{padding:.4rem var(--settings-padding-x);align-items:center;gap:.4rem;display:flex}.settings-name.svelte-1afunqi{cursor:text;border-bottom:1px dashed color-mix(in srgb, currentColor 40%, transparent);flex:1;align-items:center;gap:.4rem;min-width:0;display:flex}.settings-name.svelte-1afunqi:focus-within{border-bottom:1px solid var(--accent)}.settings-name.svelte-1afunqi input:where(.svelte-1afunqi){min-width:0;color:inherit;font:inherit;text-overflow:ellipsis;background-color:#0000;border:none;outline:none;flex:1;padding:.15rem 0;font-size:1.05rem}.settings-name.svelte-1afunqi input:where(.svelte-1afunqi):disabled{cursor:not-allowed}.settings-name.svelte-1afunqi svg{opacity:.5;flex-shrink:0;font-size:.7rem}.settings-body.svelte-1afunqi{overscroll-behavior:contain;flex:1;min-height:0;overflow-y:scroll}.settings-body.svelte-1afunqi::-webkit-scrollbar-thumb{background:var(--secondary)}.settings-section-header.svelte-1afunqi{width:100%;padding:.45rem var(--settings-padding-x);background-color:var(--menu-background-layer-10);color:inherit;border:none;border-top:1px solid var(--menu-background-layer-15);letter-spacing:.1em;text-transform:uppercase;cursor:pointer;justify-content:space-between;align-items:center;font-family:inherit;font-size:.7rem;display:flex}.settings-section-header.svelte-1afunqi:active{background-color:var(--menu-background-layer-20)}@media (hover:hover){.settings-section-header.svelte-1afunqi:hover{background-color:var(--menu-background-layer-15)}}.settings-section-header.svelte-1afunqi svg{opacity:.7;font-size:.65rem;transition:rotate .15s}.settings-section-header[aria-expanded=false].svelte-1afunqi svg{rotate:-90deg}@media (prefers-reduced-motion:reduce){.settings-section-header.svelte-1afunqi svg{transition:none}}.settings-section-content.svelte-1afunqi{padding:.6rem var(--settings-padding-x) .7rem;flex-direction:column;gap:.5rem;display:flex}.settings-row.svelte-1afunqi{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.settings-volume.svelte-1afunqi,.settings-pan.svelte-1afunqi{align-items:center;gap:.6rem;display:flex}.settings-pan.svelte-1afunqi input:where(.svelte-1afunqi){flex:1;min-width:0}.floating-instrument-settings.svelte-1afunqi .settings-mute,.floating-instrument-settings.svelte-1afunqi .settings-pan-center{min-width:unset;border-radius:2rem;flex-shrink:0;width:1.8rem;height:1.8rem;padding:0}.settings-pair.svelte-1afunqi{width:var(--settings-control-width);grid-template-columns:1fr 1fr;gap:.3rem;display:grid}.floating-instrument-settings.svelte-1afunqi .settings-arrange-button{gap:.3rem;min-width:0;padding:.35rem .3rem;font-size:.8rem}.floating-instrument-settings.svelte-1afunqi .settings-arrange-button svg{flex-shrink:0;font-size:.7rem}.settings-footer.svelte-1afunqi{padding:.5rem var(--settings-padding-x);border-top:1px solid var(--menu-background-layer-15);justify-content:space-between;align-items:center;gap:.5rem;display:flex}.floating-instrument-settings.svelte-1afunqi .settings-delete{min-width:unset;color:color-mix(in srgb, var(--red) 70%, var(--menu-background-text));background-color:#0000;gap:.4rem;margin-left:-.5rem;padding:.4rem .5rem}.floating-instrument-settings.svelte-1afunqi .settings-done{padding:.45rem 1.4rem}@media only screen and (width<=1000px){.floating-instrument-settings.svelte-1afunqi{--settings-padding-x:.6rem;--settings-control-width:10rem;width:18.5rem;margin-left:5.8rem;top:.4rem}.floating-instrument-settings.svelte-1afunqi .settings-card{height:calc(100dvh - .8rem)}.floating-instrument-settings.svelte-1afunqi .settings-card-empty{height:auto}.settings-header.svelte-1afunqi{padding-top:.3rem;padding-bottom:.3rem}.settings-name.svelte-1afunqi input:where(.svelte-1afunqi){font-size:.95rem}.settings-section-header.svelte-1afunqi{padding-top:.4rem;padding-bottom:.4rem}.settings-section-content.svelte-1afunqi{padding:.5rem var(--settings-padding-x) .55rem;gap:.4rem;font-size:.9rem}.settings-footer.svelte-1afunqi{padding:.4rem var(--settings-padding-x)}.floating-instrument-settings.svelte-1afunqi .settings-done{padding:.35rem 1.2rem}}.instruments-button-wrapper.svelte-1ceq5rb .instrument-name-button{padding:0;font-size:.8rem}.instruments-button-wrapper.svelte-1ceq5rb{background-color:var(--primary-darken-10);z-index:2;border-radius:.3rem;margin-top:.2rem;overflow:hidden auto}.instruments-button-wrapper.svelte-1ceq5rb .new-instrument-button{background-color:#0000;align-items:center;margin-top:auto;padding:.4rem}@media (hover:hover){.instruments-button-wrapper.svelte-1ceq5rb .new-instrument-button:hover{background-color:var(--primary-darken-10)}}.instruments-button-wrapper.svelte-1ceq5rb::-webkit-scrollbar-thumb{background:var(--secondary)}.instrument-button.svelte-1ceq5rb{border-bottom:solid 2px var(--secondary);border-radius:0;flex-direction:column;height:3rem;min-height:3rem;transition:none;position:relative}.instrument-button-used.svelte-1ceq5rb{background-color:rgba(var(--composer-secondary-layer-rgb), .2)}.instrument-button-with-solo.svelte-1ceq5rb{height:4.6rem;min-height:4.6rem}.instrument-button-selected.svelte-1ceq5rb{background-color:var(--composer-main-layer);height:6rem;min-height:6rem;color:var(--composer-main-layer-text)}.instrument-button-outside-solo.svelte-1ceq5rb{opacity:.55}.instrument-button-selected.svelte-1ceq5rb .app-button{color:var(--composer-main-layer-text)}.instrument-button.svelte-1ceq5rb .app-button{transform:unset!important;filter:unset!important;transition:none!important}.instrument-settings.svelte-1ceq5rb{grid-template-columns:1fr 1fr;gap:.2rem;width:100%;padding:.2rem;font-size:.8rem;display:grid}.instrument-settings.svelte-1ceq5rb .app-button{background-color:var(--secondary);height:1.2rem;color:var(--secondary-text);min-width:unset;flex:1;padding:.1rem}.instruments-button-wrapper.svelte-1ceq5rb .instrument-solo-button{grid-column:1/-1;font-size:.75rem}@media only screen and (width<=1000px){.instrument-button.svelte-1ceq5rb{height:2.6rem;min-height:2.6rem}.instrument-button-with-solo.svelte-1ceq5rb{height:3.8rem;min-height:3.8rem}.instrument-button-selected.svelte-1ceq5rb{height:4.5rem;min-height:4.5rem}.instruments-button-wrapper.svelte-1ceq5rb .instrument-name-button{padding-bottom:0}.instruments-button-wrapper.svelte-1ceq5rb .new-instrument-button{padding:0 0 .3rem}}