.midi-roll-preview-module__PIK02a__root{--roll-loop:2.8s;--roll-write:3.6s;--roll-travel:140px;--roll-ink:color-mix(in oklab, var(--foreground) 58%, transparent);--roll-ink-2:color-mix(in oklab, var(--foreground) 40%, transparent);--roll-ink-3:color-mix(in oklab, var(--foreground) 28%, transparent);--roll-ghost:color-mix(in oklab, var(--foreground) 12%, transparent);--roll-lane:color-mix(in oklab, var(--foreground) 7%, transparent);--roll-accent:var(--brand);pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;animation:midi-roll-preview-module__PIK02a__midiRollIn .3s var(--ease-standard,ease) both;position:absolute;inset:0;overflow:hidden}.dark .midi-roll-preview-module__PIK02a__root{--roll-ink:color-mix(in oklab, var(--foreground) 66%, transparent);--roll-ink-2:color-mix(in oklab, var(--foreground) 46%, transparent);--roll-ink-3:color-mix(in oklab, var(--foreground) 32%, transparent);--roll-lane:color-mix(in oklab, var(--foreground) 9%, transparent)}@keyframes midi-roll-preview-module__PIK02a__midiRollIn{0%{opacity:0}to{opacity:1}}.midi-roll-preview-module__PIK02a__lane{stroke:var(--roll-lane);stroke-width:.5px}.midi-roll-preview-module__PIK02a__note{fill:var(--roll-ink)}.midi-roll-preview-module__PIK02a__note[data-voice="1"]{fill:var(--roll-ink-2)}.midi-roll-preview-module__PIK02a__note[data-voice="2"]{fill:var(--roll-ink-3)}.midi-roll-preview-module__PIK02a__lit{fill:var(--roll-accent);opacity:0}.midi-roll-preview-module__PIK02a__playhead{--roll-head-peak:1;stroke:var(--roll-accent);stroke-width:.9px;stroke-linecap:round;opacity:0}.midi-roll-preview-module__PIK02a__playheadGlow{--roll-head-peak:.14;fill:var(--roll-accent);opacity:0}.midi-roll-preview-module__PIK02a__skeleton{fill:var(--roll-ghost)}.midi-roll-preview-module__PIK02a__write{fill:color-mix(in oklab, var(--roll-accent) 72%, transparent);transform-box:fill-box;transform-origin:0}.midi-roll-preview-module__PIK02a__pen{stroke:var(--roll-accent);stroke-width:.9px;stroke-linecap:round}.midi-roll-preview-module__PIK02a__ghost{fill:var(--roll-ghost)}.midi-roll-preview-module__PIK02a__flatline{stroke:var(--roll-ink-3);stroke-width:.7px;stroke-dasharray:2 2.5}@media (prefers-reduced-motion:no-preference){.midi-roll-preview-module__PIK02a__root[data-autoplay] .midi-roll-preview-module__PIK02a__lit{animation-name:midi-roll-preview-module__PIK02a__midiRollLit;animation-duration:var(--roll-loop);animation-timing-function:linear;animation-delay:calc(var(--x) * var(--roll-loop));animation-iteration-count:infinite;animation-fill-mode:backwards}.group:hover .midi-roll-preview-module__PIK02a__lit{animation-name:midi-roll-preview-module__PIK02a__midiRollLit;animation-duration:var(--roll-loop);animation-timing-function:linear;animation-delay:calc(var(--x) * var(--roll-loop));animation-iteration-count:infinite;animation-fill-mode:backwards}.group:has(:focus-visible) .midi-roll-preview-module__PIK02a__lit{animation-name:midi-roll-preview-module__PIK02a__midiRollLit;animation-duration:var(--roll-loop);animation-timing-function:linear;animation-delay:calc(var(--x) * var(--roll-loop));animation-iteration-count:infinite;animation-fill-mode:backwards}.midi-roll-preview-module__PIK02a__root[data-autoplay] .midi-roll-preview-module__PIK02a__playhead,.midi-roll-preview-module__PIK02a__root[data-autoplay] .midi-roll-preview-module__PIK02a__playheadGlow{animation-name:midi-roll-preview-module__PIK02a__midiRollPlayhead;animation-duration:var(--roll-loop);animation-timing-function:linear;animation-iteration-count:infinite;animation-delay:0s}.group:hover .midi-roll-preview-module__PIK02a__playhead{animation-name:midi-roll-preview-module__PIK02a__midiRollPlayhead;animation-duration:var(--roll-loop);animation-timing-function:linear;animation-iteration-count:infinite;animation-delay:0s}.group:has(:focus-visible) .midi-roll-preview-module__PIK02a__playhead{animation-name:midi-roll-preview-module__PIK02a__midiRollPlayhead;animation-duration:var(--roll-loop);animation-timing-function:linear;animation-iteration-count:infinite;animation-delay:0s}.group:hover .midi-roll-preview-module__PIK02a__playheadGlow{animation-name:midi-roll-preview-module__PIK02a__midiRollPlayhead;animation-duration:var(--roll-loop);animation-timing-function:linear;animation-iteration-count:infinite;animation-delay:0s}.group:has(:focus-visible) .midi-roll-preview-module__PIK02a__playheadGlow{animation-name:midi-roll-preview-module__PIK02a__midiRollPlayhead;animation-duration:var(--roll-loop);animation-timing-function:linear;animation-iteration-count:infinite;animation-delay:0s}.midi-roll-preview-module__PIK02a__skeleton{animation-name:midi-roll-preview-module__PIK02a__midiRollPulse;animation-duration:1.6s;animation-timing-function:var(--ease-standard,ease);animation-delay:calc(var(--x) * .8s);animation-iteration-count:infinite}.midi-roll-preview-module__PIK02a__write{animation-name:midi-roll-preview-module__PIK02a__midiRollWrite;animation-duration:var(--roll-write);animation-timing-function:var(--ease-standard,ease);animation-delay:calc(var(--x) * var(--roll-write) * .6);animation-iteration-count:infinite;animation-fill-mode:backwards}.midi-roll-preview-module__PIK02a__pen{animation-name:midi-roll-preview-module__PIK02a__midiRollPen;animation-duration:var(--roll-write);animation-timing-function:linear;animation-iteration-count:infinite;animation-delay:0s}}@media (prefers-reduced-motion:reduce){.midi-roll-preview-module__PIK02a__lit{transition:opacity .2s var(--ease-standard,ease)}.group:hover .midi-roll-preview-module__PIK02a__lit{opacity:.45}.group:has(:focus-visible) .midi-roll-preview-module__PIK02a__lit{opacity:.45}.midi-roll-preview-module__PIK02a__pen{opacity:0}}@keyframes midi-roll-preview-module__PIK02a__midiRollLit{0%{opacity:0}3%{opacity:1}45%{opacity:.18}to{opacity:0}}@keyframes midi-roll-preview-module__PIK02a__midiRollPlayhead{0%{opacity:0;transform:translate(0)}4%{opacity:var(--roll-head-peak)}94%{opacity:var(--roll-head-peak)}to{transform:translateX(var(--roll-travel));opacity:0}}@keyframes midi-roll-preview-module__PIK02a__midiRollPulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes midi-roll-preview-module__PIK02a__midiRollWrite{0%{opacity:0;transform:scaleX(0)}10%{opacity:1;transform:scaleX(1)}82%{opacity:1;transform:scaleX(1)}to{opacity:0;transform:scaleX(1)}}@keyframes midi-roll-preview-module__PIK02a__midiRollPen{0%{opacity:1;transform:translate(0)}60%{transform:translateX(var(--roll-travel));opacity:1}70%{transform:translateX(var(--roll-travel));opacity:0}to{opacity:0;transform:translate(0)}}.midi-roll-preview-module__PIK02a__root[data-playing] .midi-roll-preview-module__PIK02a__lit{opacity:.92;animation:none}.midi-roll-preview-module__PIK02a__root[data-playing] .midi-roll-preview-module__PIK02a__playhead,.midi-roll-preview-module__PIK02a__root[data-playing] .midi-roll-preview-module__PIK02a__playheadGlow{transform:translateX(calc(var(--p,0) * var(--roll-travel)));transition:transform .25s linear;animation:none}.midi-roll-preview-module__PIK02a__root[data-playing] .midi-roll-preview-module__PIK02a__playhead{opacity:1}.midi-roll-preview-module__PIK02a__root[data-playing] .midi-roll-preview-module__PIK02a__playheadGlow{opacity:.14}.midi-roll-preview-module__PIK02a__playedClip{transform-box:view-box;transform-origin:10px 0;transform:scaleX(var(--p,0));transition:transform .25s linear}@media (prefers-reduced-motion:reduce){.midi-roll-preview-module__PIK02a__root[data-playing] .midi-roll-preview-module__PIK02a__playhead,.midi-roll-preview-module__PIK02a__root[data-playing] .midi-roll-preview-module__PIK02a__playheadGlow,.midi-roll-preview-module__PIK02a__playedClip{transition:none}}
.compare-slider-showcase-module__mc_3dG__slideEnter{animation:.3s ease-in-out both compare-slider-showcase-module__mc_3dG__slide-fade-in}.compare-slider-showcase-module__mc_3dG__slideExit{animation:.3s ease-in-out both compare-slider-showcase-module__mc_3dG__slide-fade-out}@keyframes compare-slider-showcase-module__mc_3dG__slide-fade-in{0%{opacity:0}to{opacity:1}}@keyframes compare-slider-showcase-module__mc_3dG__slide-fade-out{0%{opacity:1}to{opacity:0}}
.lyrics-editor-root{min-height:100%}.lyrics-section{--section-color:0 0% 20%;border-left:2px solid hsl(var(--section-color));background:hsl(var(--section-color) / .06);border-radius:0 .5rem .5rem 0;margin-bottom:1.5rem;padding:.75rem 1rem;transition:background-color .2s;position:relative}.lyrics-section:hover,.lyrics-section:focus-within{background:hsl(var(--section-color) / .14)}.lyrics-section[data-section-type=verse]{--section-color:217 91% 60%}.lyrics-section[data-section-type=chorus]{--section-color:270 70% 60%}.lyrics-section[data-section-type=pre-chorus]{--section-color:258 70% 60%}.lyrics-section[data-section-type=bridge]{--section-color:160 60% 45%}.lyrics-section[data-section-type=hook]{--section-color:38 92% 50%}.lyrics-section[data-section-type=outro]{--section-color:350 70% 55%}.lyrics-section[data-section-type=intro]{--section-color:190 70% 50%}.lyrics-section[data-section-type=interlude]{--section-color:170 60% 45%}.lyrics-section[data-section-type=ad-lib]{--section-color:25 80% 55%}.lyrics-line{padding:.125rem 0;line-height:1.75;position:relative}.section-actions{animation:.15s ease-out section-actions-in}@keyframes section-actions-in{0%{opacity:0;transform:translateY(2px)scale(.96)}}.dark .lyrics-section{--section-color:0 0% 25%}.dark .lyrics-section[data-section-type=verse]{--section-color:217 80% 50%}.dark .lyrics-section[data-section-type=chorus]{--section-color:270 60% 55%}.dark .lyrics-section[data-section-type=pre-chorus]{--section-color:258 60% 55%}.dark .lyrics-section[data-section-type=bridge]{--section-color:160 50% 40%}.dark .lyrics-section[data-section-type=hook]{--section-color:38 80% 45%}.dark .lyrics-section[data-section-type=outro]{--section-color:350 60% 50%}.dark .lyrics-section[data-section-type=intro]{--section-color:190 60% 45%}.dark .lyrics-section[data-section-type=interlude]{--section-color:170 50% 40%}.dark .lyrics-section[data-section-type=ad-lib]{--section-color:25 70% 50%}
.syllable-how-section-module__TLPOLW__scene{animation:syllable-how-section-module__TLPOLW__scene-in .35s var(--ease-spring) both}.syllable-how-section-module__TLPOLW__word{animation:syllable-how-section-module__TLPOLW__scene-in .35s var(--ease-spring) both;animation-delay:var(--word-delay,0s)}@keyframes syllable-how-section-module__TLPOLW__scene-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.syllable-how-section-module__TLPOLW__scene,.syllable-how-section-module__TLPOLW__word{animation:.2s ease-out both syllable-how-section-module__TLPOLW__dissolve}}@keyframes syllable-how-section-module__TLPOLW__dissolve{0%{opacity:0}to{opacity:1}}
.visualizer-how-it-works-module__5Z90yW__illustration{border:1px solid var(--border);border-radius:var(--radius);background:color-mix(in srgb, var(--muted) 45%, transparent);pointer-events:none;justify-content:center;align-items:center;height:160px;margin-top:auto;padding:16px;display:flex;overflow:hidden}.visualizer-how-it-works-module__5Z90yW__audioFile{border:1px solid var(--border);border-radius:calc(var(--radius) - 4px);background:var(--card);animation:visualizer-how-it-works-module__5Z90yW__file-arrive 5s var(--ease-standard) infinite;align-items:center;gap:12px;padding:10px 12px;display:flex;position:relative}.visualizer-how-it-works-module__5Z90yW__waveBar{background:var(--brand);transform-origin:50%;max-width:5px;animation:1.8s ease-in-out infinite alternate visualizer-how-it-works-module__5Z90yW__wave-pulse;animation-delay:var(--delay);border-radius:999px;flex:1}.visualizer-how-it-works-module__5Z90yW__uploadIcon,.visualizer-how-it-works-module__5Z90yW__uploadCheck,.visualizer-how-it-works-module__5Z90yW__downloadIcon,.visualizer-how-it-works-module__5Z90yW__exportCheck{width:18px;height:18px;color:var(--brand)}.visualizer-how-it-works-module__5Z90yW__uploadIcon{animation:5s ease-in-out infinite visualizer-how-it-works-module__5Z90yW__action-icon}.visualizer-how-it-works-module__5Z90yW__uploadCheck{animation:5s ease-in-out infinite visualizer-how-it-works-module__5Z90yW__complete-icon;position:absolute;right:12px}.visualizer-how-it-works-module__5Z90yW__record{border:5px double color-mix(in srgb, var(--foreground) 20%, var(--card));background:var(--foreground);width:48px;height:48px;box-shadow:0 0 0 5px color-mix(in srgb, var(--foreground) 5%, transparent);border-radius:50%;justify-content:center;align-items:center;display:flex}.visualizer-how-it-works-module__5Z90yW__selection{border:1px solid var(--brand);animation:visualizer-how-it-works-module__5Z90yW__move-title 6s var(--ease-standard) infinite;padding:5px;display:flex;position:relative}.visualizer-how-it-works-module__5Z90yW__selectionHandle{border:1px solid var(--brand);background:var(--card);width:5px;height:5px;position:absolute;bottom:-3px;right:-3px}.visualizer-how-it-works-module__5Z90yW__cursor{width:16px;height:16px;color:var(--foreground);fill:var(--card);animation:visualizer-how-it-works-module__5Z90yW__move-title 6s var(--ease-standard) infinite;position:absolute;bottom:6px;left:calc(50% + 30px)}.visualizer-how-it-works-module__5Z90yW__layer,.visualizer-how-it-works-module__5Z90yW__selectedLayer{color:var(--muted-foreground);background:var(--muted);border-radius:4px;align-items:center;gap:5px;padding:5px;display:flex}.visualizer-how-it-works-module__5Z90yW__selectedLayer{color:var(--brand);background:color-mix(in srgb, var(--brand) 10%, transparent)}.visualizer-how-it-works-module__5Z90yW__downloadIcon{animation:6s ease-in-out infinite visualizer-how-it-works-module__5Z90yW__action-icon}.visualizer-how-it-works-module__5Z90yW__exportCheck{animation:6s ease-in-out infinite visualizer-how-it-works-module__5Z90yW__complete-icon;position:absolute}.visualizer-how-it-works-module__5Z90yW__exportProgress{background:var(--brand);transform-origin:0;width:100%;height:100%;animation:visualizer-how-it-works-module__5Z90yW__export-progress 6s var(--ease-standard) infinite;display:block}@keyframes visualizer-how-it-works-module__5Z90yW__file-arrive{0%,to{opacity:.6;transform:translateY(-5px)}18%,88%{opacity:1;transform:translateY(0)}}@keyframes visualizer-how-it-works-module__5Z90yW__wave-pulse{0%{opacity:.5;transform:scaleY(.35)}to{opacity:.9;transform:scaleY(1)}}@keyframes visualizer-how-it-works-module__5Z90yW__action-icon{0%,45%,to{opacity:1}55%,88%{opacity:0}}@keyframes visualizer-how-it-works-module__5Z90yW__complete-icon{0%,45%,to{opacity:0}55%,88%{opacity:1}}@keyframes visualizer-how-it-works-module__5Z90yW__move-title{0%,15%,85%,to{transform:translate(-8px)}40%,65%{transform:translate(8px)}}@keyframes visualizer-how-it-works-module__5Z90yW__export-progress{0%,8%{opacity:1;transform:scaleX(.05)}55%,88%{opacity:1;transform:scaleX(1)}98%,to{opacity:0;transform:scaleX(1)}}@keyframes visualizer-how-it-works-module__5Z90yW__dissolve{0%{opacity:.65}to{opacity:1}}@media (max-width:639px){.visualizer-how-it-works-module__5Z90yW__illustration{height:144px}}@media (prefers-reduced-motion:reduce){.visualizer-how-it-works-module__5Z90yW__audioFile,.visualizer-how-it-works-module__5Z90yW__waveBar,.visualizer-how-it-works-module__5Z90yW__selection,.visualizer-how-it-works-module__5Z90yW__cursor{animation:5s ease-in-out infinite alternate visualizer-how-it-works-module__5Z90yW__dissolve;transform:none}.visualizer-how-it-works-module__5Z90yW__uploadIcon,.visualizer-how-it-works-module__5Z90yW__downloadIcon{opacity:0;animation:none}.visualizer-how-it-works-module__5Z90yW__uploadCheck,.visualizer-how-it-works-module__5Z90yW__exportCheck{opacity:1;animation:none}.visualizer-how-it-works-module__5Z90yW__exportProgress{animation:none;transform:scaleX(1)}}
.syllable-pronunciation-section-module__KcmlvG__stage{flex-direction:column;justify-content:center;gap:24px;min-height:160px;display:flex;overflow:hidden}.syllable-pronunciation-section-module__KcmlvG__voiceTrack{width:64%;transition:width .4s var(--ease-spring), grid-template-columns .4s var(--ease-spring), column-gap .4s var(--ease-spring);grid-template-columns:minmax(0,1fr) minmax(0,0fr);column-gap:0;display:grid}.syllable-pronunciation-section-module__KcmlvG__voiceTrack[data-split=true]{grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:16px}.syllable-pronunciation-section-module__KcmlvG__voiceTrack[data-stretched=true]{width:100%}.syllable-pronunciation-section-module__KcmlvG__syllable{text-align:center;flex-direction:column;gap:8px;min-width:0;display:flex;overflow:hidden}.syllable-pronunciation-section-module__KcmlvG__secondSyllable{opacity:0;transition:opacity .2s}.syllable-pronunciation-section-module__KcmlvG__voiceTrack[data-split=true] .syllable-pronunciation-section-module__KcmlvG__secondSyllable{opacity:1}.syllable-pronunciation-section-module__KcmlvG__voiceBar{border-radius:var(--radius-sm);background:var(--brand);height:24px}.syllable-pronunciation-section-module__KcmlvG__timeAxis{color:var(--muted-foreground);align-items:center;gap:8px;font-size:12px;line-height:16px;display:flex}.syllable-pronunciation-section-module__KcmlvG__axisLine{background:var(--border);flex:1;height:1px}@media (prefers-reduced-motion:reduce){.syllable-pronunciation-section-module__KcmlvG__voiceTrack{transition:none}.syllable-pronunciation-section-module__KcmlvG__secondSyllable{transition:opacity .15s}}