.App-module__-H_WJa__container{background-color:#282c34;grid-template:"header"40px"main"75%"keyboard"1fr/1fr;width:100vw;height:100vh;display:grid}.App-module__-H_WJa__topbar{z-index:1;background-color:var(--color-secondary);justify-content:space-between;height:100%;display:flex}.App-module__-H_WJa__actions{align-items:center;gap:var(--space-sm,8px);display:flex}.App-module__-H_WJa__container .preview{position:relative}
.Settings-module__6Pwt1a__settings{align-items:center;gap:var(--space-lg);display:flex}
.MidiInputSelector-module__zZcSPW__midiInput{padding-right:var(--space-md)}.MidiInputSelector-module__zZcSPW__midiInput[data-tooltip-active=true],.MidiInputSelector-module__zZcSPW__midiInput [data-tooltip-active=true]{max-width:150px}.MidiInputSelector-module__zZcSPW__error{color:var(--color-disabled)}
.ExtraSettingsPanel-module__plVW3a__userInstrument{justify-content:space-around;align-items:center;display:flex}.ExtraSettingsPanel-module__plVW3a__toggles{flex-direction:column;align-items:flex-start;display:flex}
.MidiTrackList-module__K-sXhq__trackIndex{font-weight:var(--font-weight-bold)}.MidiTrackList-module__K-sXhq__trackName{font-weight:var(--font-weight-bold);padding:var(--space-md) var(--space-md) var(--space-md) var(--space-sm);display:inline-block}
.BpmSelector-module__wCwwXG__value{font-weight:var(--font-weight-bold)}
.AudioPlayer-module__7b_gHW__audioPlayer{align-items:center;display:flex}
.ProgressBar-module__UmWuUa__progressBar{align-items:center;display:flex}.ProgressBar-module__UmWuUa__preview{position:relative}.ProgressBar-module__UmWuUa__currentTime,.ProgressBar-module__UmWuUa__totalTime{margin:var(--space-md);width:4ch}.ProgressBar-module__UmWuUa__trackTitle{white-space:nowrap;text-overflow:ellipsis;max-width:150px;padding:var(--space-md);font-weight:var(--font-weight-bold);display:inline-block;overflow:hidden}.ProgressBar-module__UmWuUa__rangeInput{cursor:pointer;-webkit-appearance:none;background-color:var(--color-secondary-dark);width:500px;overflow:hidden}.ProgressBar-module__UmWuUa__rangeInput::-webkit-slider-runnable-track{-webkit-appearance:none;height:10px;color:var(--color-secondary-dark);margin-top:-1px}.ProgressBar-module__UmWuUa__rangeInput::-webkit-slider-thumb{-webkit-appearance:none;background:var(--color-secondary-light);width:5px;height:10px;box-shadow:-500px 0 0 500px var(--color-primary)}.ProgressBar-module__UmWuUa__rangeInput::-moz-range-progress{background-color:var(--color-primary)}.ProgressBar-module__UmWuUa__rangeInput::-moz-range-track{background-color:var(--color-secondary-dark)}.ProgressBar-module__UmWuUa__rangeInput::-ms-fill-lower{background-color:var(--color-primary)}.ProgressBar-module__UmWuUa__rangeInput::-ms-fill-upper{background-color:var(--color-secondary-dark)}.ProgressBar-module__UmWuUa__loopPreview{opacity:.5;background-color:red;min-width:1px;height:100%;display:inline-block;position:absolute}
.AppInfos-module__4DJ9gW__keyboardShortcuts span{background-color:var(--color-secondary-dark);padding:var(--space-sm);border-radius:var(--border-radius-regular)}
@keyframes MidiTitle-module-scss-module__BjUOTG__glitch-animation{0%{clip:rect(68px, 9999px, 57px, 0);transform:skew(.47deg)}5%{clip:rect(66px, 9999px, 73px, 0);transform:skew(.38deg)}10%{clip:rect(17px, 9999px, 88px, 0);transform:skew(.46deg)}15%{clip:rect(52px, 9999px, 65px, 0);transform:skew(.15deg)}20%{clip:rect(5px, 9999px, 9px, 0);transform:skew(.44deg)}25%{clip:rect(4px, 9999px, 57px, 0);transform:skew(.01deg)}30%{clip:rect(33px, 9999px, 100px, 0);transform:skew(.62deg)}35%{clip:rect(44px, 9999px, 79px, 0);transform:skew(.99deg)}40%{clip:rect(55px, 9999px, 23px, 0);transform:skew(1deg)}45%{clip:rect(68px, 9999px, 80px, 0);transform:skew(.55deg)}50%{clip:rect(57px, 9999px, 74px, 0);transform:skew(.14deg)}55%{clip:rect(43px, 9999px, 51px, 0);transform:skew(.75deg)}60%{clip:rect(52px, 9999px, 8px, 0);transform:skew(.09deg)}65%{clip:rect(68px, 9999px, 1px, 0);transform:skew(.35deg)}70%{clip:rect(22px, 9999px, 66px, 0);transform:skew(.18deg)}75%{clip:rect(22px, 9999px, 93px, 0);transform:skew(.89deg)}80%{clip:rect(47px, 9999px, 67px, 0);transform:skew(.53deg)}85%{clip:rect(90px, 9999px, 76px, 0);transform:skew(.35deg)}90%{clip:rect(31px, 9999px, 88px, 0);transform:skew(.81deg)}95%{clip:rect(60px, 9999px, 9px, 0);transform:skew(.25deg)}to{clip:rect(30px, 9999px, 55px, 0);transform:skew(.52deg)}}@keyframes MidiTitle-module-scss-module__BjUOTG__glitch-animation-2{0%{clip:rect(42px, 9999px, 69px, 0);transform:skew(.65deg)}5%{clip:rect(95px, 9999px, 30px, 0);transform:skew(.79deg)}10%{clip:rect(15px, 9999px, 4px, 0);transform:skew(.46deg)}15%{clip:rect(41px, 9999px, 14px, 0);transform:skew(.18deg)}20%{clip:rect(11px, 9999px, 63px, 0);transform:skew(.79deg)}25%{clip:rect(50px, 9999px, 74px, 0);transform:skew(.64deg)}30%{clip:rect(47px, 9999px, 47px, 0);transform:skew(.36deg)}35%{clip:rect(15px, 9999px, 50px, 0);transform:skew(.13deg)}40%{clip:rect(32px, 9999px, 39px, 0);transform:skew(.19deg)}45%{clip:rect(74px, 9999px, 74px, 0);transform:skew(.23deg)}50%{clip:rect(67px, 9999px, 90px, 0);transform:skew(.74deg)}55%{clip:rect(42px, 9999px, 63px, 0);transform:skew(.84deg)}60%{clip:rect(68px, 9999px, 83px, 0);transform:skew(.18deg)}65%{clip:rect(6px, 9999px, 17px, 0);transform:skew(.12deg)}70%{clip:rect(5px, 9999px, 87px, 0);transform:skew(.78deg)}75%{clip:rect(72px, 9999px, 37px, 0);transform:skew(.51deg)}80%{clip:rect(26px, 9999px, 80px, 0);transform:skew(.61deg)}85%{clip:rect(17px, 9999px, 47px, 0);transform:skew(.61deg)}90%{clip:rect(41px, 9999px, 54px, 0);transform:skew(.91deg)}95%{clip:rect(77px, 9999px, 13px, 0);transform:skew(.63deg)}to{clip:rect(64px, 9999px, 30px, 0);transform:skew(.54deg)}}@keyframes MidiTitle-module-scss-module__BjUOTG__glitch-skew{0%{transform:skew(-3deg)}10%{transform:skew(2deg)}20%{transform:skew(-3deg)}30%{transform:skew(2deg)}40%{transform:skew(-2deg)}50%{transform:skew(2deg)}60%{transform:skew(4deg)}70%{transform:skew(5deg)}80%{transform:skew(5deg)}90%{transform:skew(-1deg)}to{transform:skew(-2deg)}}.MidiTitle-module-scss-module__BjUOTG__midiTitle{text-shadow:0 0 5px #00000080;z-index:5;background-color:#00000080;justify-content:center;align-items:center;width:100%;height:100%;margin:0;display:flex;position:absolute}.MidiTitle-module-scss-module__BjUOTG__enter,.MidiTitle-module-scss-module__BjUOTG__appear{opacity:0}.MidiTitle-module-scss-module__BjUOTG__enterActive,.MidiTitle-module-scss-module__BjUOTG__appearActive{opacity:1;transition:opacity .5s}.MidiTitle-module-scss-module__BjUOTG__exit{opacity:1}.MidiTitle-module-scss-module__BjUOTG__exitActive{opacity:0;transition:opacity .5s}.MidiTitle-module-scss-module__BjUOTG__text{color:#fff;letter-spacing:.15em;text-align:center;text-transform:uppercase;max-width:80%;font-size:3em;position:relative}.MidiTitle-module-scss-module__BjUOTG__text:before{content:attr(data-text);text-shadow:-2px 0 #ff00c1;clip:rect(44px, 450px, 56px, 0);width:100%;height:100%;animation:5s linear infinite alternate-reverse MidiTitle-module-scss-module__BjUOTG__glitch-animation;position:absolute;top:0;left:2px}.MidiTitle-module-scss-module__BjUOTG__text:after{content:attr(data-text);text-shadow:-2px 0 #00fff9,2px 2px #ff00c1;width:100%;height:100%;animation:1s linear infinite alternate-reverse MidiTitle-module-scss-module__BjUOTG__glitch-animation-2;position:absolute;top:0;left:-2px}
.MidiImporter-module__RHZmpG__dropzone{z-index:1;background-color:var(--color-secondary-dark);width:100%;height:100%}.MidiImporter-module__RHZmpG__pending{display:none}.MidiImporter-module__RHZmpG__message{justify-content:center;align-items:center;height:100%;display:flex}.MidiImporter-module__RHZmpG__messageError{color:red}
.Keyboard-module__fXBfPG__keyboard{height:100%;margin:0;padding:0}.Keyboard-module__fXBfPG__key{float:left;box-sizing:border-box;--active-key-color:transparent;margin:0;padding:0;list-style:none;position:relative}.Keyboard-module__fXBfPG__key:first-child{border-radius:var(--border-radius-regular) 0 var(--border-radius-regular) var(--border-radius-regular)}.Keyboard-module__fXBfPG__key:last-child{border-radius:0 var(--border-radius-regular) var(--border-radius-regular) var(--border-radius-regular)}.Keyboard-module__fXBfPG__key span{font-size:15px;font-weight:var(--font-weight-bold);text-align:center;display:block;position:absolute;top:-20px}.Keyboard-module__fXBfPG__white{z-index:2;border-radius:0 0 var(--border-radius-regular) var(--border-radius-regular);background:linear-gradient(90deg,#ffffffb8,#fff0 14%),linear-gradient(270deg,#00000014,#0000 12%),linear-gradient(#e9e9e9 0%,#fff 18%,#f3f3f3 100%);border-bottom:1px solid #bbb;border-left:1px solid #bbb;height:100%}.Keyboard-module__fXBfPG__black{z-index:3;border-radius:0 0 var(--border-radius-regular) var(--border-radius-regular);background:linear-gradient(#4b4b4b 0%,#000 100%);height:50%}.Keyboard-module__fXBfPG__active{background:var(--active-key-color)}
.Score-module__ZEmZcq__overlay{top:var(--space-md);right:var(--space-md);z-index:2;padding:var(--space-sm) var(--space-md);color:var(--color-text-light);font-size:var(--font-size-sm);pointer-events:none;background-color:#000000bf;position:absolute}.Score-module__ZEmZcq__overlay p{margin:0}
.EndScoreModal-module__i5amaq__accuracy{margin:0 0 var(--space-md);font-size:2rem;font-weight:var(--font-weight-bold);color:var(--color-primary)}.EndScoreModal-module__i5amaq__detail{margin:var(--space-sm) 0 0;font-size:var(--font-size-md)}.EndScoreModal-module__i5amaq__progressTrack{margin-top:var(--space-lg);border-radius:var(--border-radius-regular);background-color:var(--color-secondary-dark);width:100%;height:4px;overflow:hidden}.EndScoreModal-module__i5amaq__progressFill{background-color:var(--color-primary);transform-origin:0;width:100%;height:100%;animation-name:EndScoreModal-module__i5amaq__endScoreProgress;animation-timing-function:linear;animation-iteration-count:1;animation-fill-mode:forwards}@keyframes EndScoreModal-module__i5amaq__endScoreProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}
.LoopEditor-module__XIPoQW__loopEditor{z-index:3;width:100%;position:absolute;top:0;left:0}
.Visualizer-module__06-JJW__visualizer{width:100%;height:100%;position:relative;overflow:hidden}.Visualizer-module__06-JJW__scroller{will-change:transform;pointer-events:none;position:absolute;top:0;left:0;transform:translate(0,0)}.Visualizer-module__06-JJW__editionLayer{position:absolute;top:0;left:0}.Visualizer-module__06-JJW__selectionRect{fill:color-mix(in srgb, var(--color-primary) 15%, transparent);stroke:var(--color-primary);stroke-width:1px;pointer-events:none}
.Note-module__O1k3Cq__editable{cursor:pointer}.Note-module__O1k3Cq__selected{stroke:var(--color-primary);stroke-width:3px}.Note-module__O1k3Cq__resizeHandle{cursor:ns-resize}
.EventsLayer-module__OuD1Ca__eventsLayer{pointer-events:none;overflow:visible}.EventsLayer-module__OuD1Ca__interactive{pointer-events:all}
.BackgroundLines-module__kJ3qTq__backgroundLines{z-index:0;background-color:var(--color-secondary-dark)}
.MusicSheetVisualizer-module__5GLFFG__overlay{z-index:1;position:absolute}.MusicSheetVisualizer-module__5GLFFG__scoreFrame{width:100%;height:100%;position:relative}.MusicSheetVisualizer-module__5GLFFG__score{background-color:var(--color-secondary-dark);width:100%;height:100%;padding:0 var(--space-lg)}
.Preview-module__Q1fpfa__preview{-webkit-user-select:none;user-select:none;position:absolute;inset:0}.Preview-module__Q1fpfa__video{z-index:0;object-fit:cover;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.Preview-module__Q1fpfa__keyboardWrapper{z-index:1;pointer-events:none;height:130px;position:absolute;bottom:0;left:0;right:0;overflow:hidden}
.MusicSheetPlayhead-module__1Vvura__overlaySvg{pointer-events:none;position:absolute;inset:0;overflow:visible}.MusicSheetPlayhead-module__1Vvura__playhead{stroke:var(--color-primary);stroke-width:2px;display:none}
.InstrumentsShowcase-module-scss-module__bX8oEG__showcase{text-align:center;padding:5rem 10rem}.InstrumentsShowcase-module-scss-module__bX8oEG__showcase h2{margin:0 0 1rem}.InstrumentsShowcase-module-scss-module__bX8oEG__tagline{max-width:40rem;margin:0 auto 2.5rem}.InstrumentsShowcase-module-scss-module__bX8oEG__instrument{align-items:center;gap:var(--space-sm);flex-direction:column;width:120px;display:flex}.InstrumentsShowcase-module-scss-module__bX8oEG__instrumentName{font-size:var(--font-size-sm);white-space:nowrap;text-overflow:ellipsis;max-width:100%;margin:0;overflow:hidden}@media (max-width:768px){.InstrumentsShowcase-module-scss-module__bX8oEG__showcase{padding:3rem 1.5rem}}
.MusicSheetLoopHighlight-module__ShsiRG__overlaySvg{pointer-events:none;position:absolute;inset:0;overflow:visible}.MusicSheetLoopHighlight-module__ShsiRG__loopMarker{stroke:color-mix(in srgb, var(--color-primary) 15%, transparent);stroke-width:1px}.MusicSheetLoopHighlight-module__ShsiRG__loopHighlight{fill:color-mix(in srgb, var(--color-primary) 15%, transparent)}
.FAQ-module-scss-module__Q_IIIq__faq{max-width:48rem;margin:0 auto;padding:5rem 0}.FAQ-module-scss-module__Q_IIIq__faq h2{text-align:center;margin:0 0 2.5rem}.FAQ-module-scss-module__Q_IIIq__faqList{flex-direction:column;gap:1rem;display:flex}@media (max-width:768px){.FAQ-module-scss-module__Q_IIIq__faq{padding:3rem 1.5rem}}
.SavedMidiSongsSection-module__AknfXG__savedSongsSection{gap:var(--space-sm);display:grid}.SavedMidiSongsSection-module__AknfXG__savedSongsSection .SavedMidiSongsSection-module__AknfXG__tooltipAnchor{display:inline-flex}.SavedMidiSongsSection-module__AknfXG__savedSongsSection .SavedMidiSongsSection-module__AknfXG__savedSongsList{margin-top:var(--space-xs)}.SavedMidiSongsSection-module__AknfXG__savedSongsSection .SavedMidiSongsSection-module__AknfXG__savedSong{justify-content:space-between;gap:var(--space-sm)}:is(.SavedMidiSongsSection-module__AknfXG__savedSongsSection .SavedMidiSongsSection-module__AknfXG__savedSong) .SavedMidiSongsSection-module__AknfXG__savedSongTitle{overflow-wrap:anywhere}.SavedMidiSongsSection-module__AknfXG__savedSongsSection .SavedMidiSongsSection-module__AknfXG__emptyState{color:var(--color-text);margin:0}
.Landing-module-scss-module__mC8uSW__landing{background:var(--color-secondary-dark);color:#fff;min-height:100vh;position:relative;overflow-x:hidden}.Landing-module-scss-module__mC8uSW__hero{z-index:0;text-align:center;height:100vh;position:relative}.Landing-module-scss-module__mC8uSW__heroContent{z-index:1;max-width:50rem;margin:0 auto;padding:100px 0;position:relative}.Landing-module-scss-module__mC8uSW__eyebrow{text-transform:uppercase;letter-spacing:.25em;margin:0 0 1.5rem}.Landing-module-scss-module__mC8uSW__title{font-family:var(--font-family-display);font-size:clamp(2.5rem,6vw,4.5rem);font-weight:var(--font-weight-bold);background:linear-gradient(135deg, white 0%, var(--color-gold-light) 60%, var(--color-gold) 100%);-webkit-text-fill-color:#0000;-webkit-background-clip:text;background-clip:text;margin:0 0 1.5rem}.Landing-module-scss-module__mC8uSW__tagline{max-width:38rem;margin:0 auto 2.5rem;font-size:clamp(1rem,1.6vw,1.25rem)}.Landing-module-scss-module__mC8uSW__cta{--star-color:var(--color-primary);--star-speed:4s;border-radius:var(--border-radius-regular);cursor:pointer;padding:2px 0;text-decoration:none;transition:transform .2s;display:inline-block;position:relative;overflow:hidden}.Landing-module-scss-module__mC8uSW__cta:hover,.Landing-module-scss-module__mC8uSW__cta:focus-visible{transform:scale(1.05)}.Landing-module-scss-module__mC8uSW__cta:before,.Landing-module-scss-module__mC8uSW__cta:after{content:"";opacity:.75;border-radius:var(--border-radius-round);z-index:0;background:radial-gradient(circle, var(--star-color), transparent 10%);width:300%;height:50%;animation:var(--star-speed) linear infinite alternate;position:absolute}.Landing-module-scss-module__mC8uSW__cta:before{animation-name:Landing-module-scss-module__mC8uSW__starMoveBottom;bottom:-12px;right:-250%}.Landing-module-scss-module__mC8uSW__cta:after{animation-name:Landing-module-scss-module__mC8uSW__starMoveTop;top:-12px;left:-250%}.Landing-module-scss-module__mC8uSW__ctaInner{z-index:1;border:1px solid color-mix(in srgb, var(--color-primary) 40%, transparent);color:#fff;border-radius:var(--border-radius-regular);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);text-transform:uppercase;text-align:center;background:linear-gradient(135deg,#0a1f25 0%,#0d2b33 100%);padding:1rem 2.25rem;display:block;position:relative}@keyframes Landing-module-scss-module__mC8uSW__starMoveBottom{0%{opacity:1;transform:translate(0%)}to{opacity:0;transform:translate(-100%)}}@keyframes Landing-module-scss-module__mC8uSW__starMoveTop{0%{opacity:1;transform:translate(0%)}to{opacity:0;transform:translate(100%)}}.Landing-module-scss-module__mC8uSW__seeTheMusic,.Landing-module-scss-module__mC8uSW__featureSection{justify-content:space-between;align-items:center;gap:3rem;padding:5rem 10rem;display:flex}.Landing-module-scss-module__mC8uSW__seeTheMusic{background-color:var(--color-secondary-light);align-items:flex-end;gap:2rem;padding:10rem 10rem 0}.Landing-module-scss-module__mC8uSW__seeTheMusicContent{max-width:32rem;padding-bottom:5rem}.Landing-module-scss-module__mC8uSW__featureSectionContent{flex-shrink:0;max-width:28rem}.Landing-module-scss-module__mC8uSW__midiCable,.Landing-module-scss-module__mC8uSW__featureScreenshot{width:100%;height:auto;display:block}.Landing-module-scss-module__mC8uSW__midiCable{width:220px;margin:0}.Landing-module-scss-module__mC8uSW__featureSectionReverse{flex-direction:row-reverse}.Landing-module-scss-module__mC8uSW__featureScreenshot{border-radius:var(--border-radius-regular);border:1px solid var(--color-secondary-light);max-width:32rem;box-shadow:0 20px 60px #00000059}.Landing-module-scss-module__mC8uSW__footer{text-align:center;border-top:1px solid var(--color-secondary-light);padding:3rem 1.5rem}@media (max-width:768px){.Landing-module-scss-module__mC8uSW__hero{height:auto;min-height:100vh}.Landing-module-scss-module__mC8uSW__heroContent{padding:4rem 1.25rem}.Landing-module-scss-module__mC8uSW__seeTheMusic,.Landing-module-scss-module__mC8uSW__featureSection,.Landing-module-scss-module__mC8uSW__featureSectionReverse{text-align:center;flex-direction:column;gap:2rem}.Landing-module-scss-module__mC8uSW__seeTheMusic{align-items:center;padding:4rem 1.5rem 2.5rem}.Landing-module-scss-module__mC8uSW__featureSection,.Landing-module-scss-module__mC8uSW__featureSectionReverse{padding:3rem 1.5rem}.Landing-module-scss-module__mC8uSW__seeTheMusicContent,.Landing-module-scss-module__mC8uSW__featureSectionContent,.Landing-module-scss-module__mC8uSW__featureScreenshot{max-width:100%}.Landing-module-scss-module__mC8uSW__seeTheMusicContent{padding-bottom:0}.Landing-module-scss-module__mC8uSW__midiCable{width:160px;margin:0 auto}}@media (prefers-reduced-motion:reduce){.Landing-module-scss-module__mC8uSW__cta,.Landing-module-scss-module__mC8uSW__cta:hover,.Landing-module-scss-module__mC8uSW__cta:focus-visible{transition:none;transform:none}.Landing-module-scss-module__mC8uSW__cta:before,.Landing-module-scss-module__mC8uSW__cta:after{opacity:.4;animation:none}}