.MidiTimeline_panel__MTiht{--lane-line:color-mix(in oklch,var(--color-border) 80%,transparent);min-width:0;border:1px solid var(--color-border);background:var(--color-surface-1);color:var(--color-text-primary)}.MidiTimeline_header__yYhjb{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;padding:12px 14px;border-bottom:1px solid var(--color-border)}.MidiTimeline_modelControl__hNTce{display:flex;align-items:center;gap:10px;min-width:0}.MidiTimeline_modelLabel__XokR4{font-size:12px;font-weight:600;color:var(--color-text-muted)}.MidiTimeline_select__y1Vtp{min-height:36px;max-width:100%;border:1px solid var(--color-border);padding:4px 28px 4px 10px;background:var(--color-bg);color:var(--color-text-primary);font-size:12px}.MidiTimeline_select__y1Vtp:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.MidiTimeline_currentChord__FjF3_{display:inline-flex;align-items:center;gap:10px;min-height:36px;padding:3px 12px;border-left:3px solid hsl(var(--chord-hue) 62% 50%);background:color-mix(in oklch,hsl(var(--chord-hue) 62% 50%) 10%,var(--color-surface-1));font-size:19px;font-weight:700;font-variant-numeric:tabular-nums;line-height:1.4}.MidiTimeline_hint__NhcLn{flex:1 1 220px}.MidiTimeline_hint__NhcLn,.MidiTimeline_voicing__A5hoX{font-size:11px;line-height:1.6;color:var(--color-text-muted)}.MidiTimeline_voicing__A5hoX{width:100%}.MidiTimeline_barSummary__qoIh1{display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding:8px 14px;border-bottom:1px solid var(--color-border)}.MidiTimeline_barLabel__8hu60{margin-right:6px;font-size:11px;color:var(--color-text-muted)}.MidiTimeline_chordChip__E4kll{min-height:32px;padding:4px 10px;border:1px solid color-mix(in oklch,hsl(var(--chord-hue) 62% 50%) 32%,var(--color-border));background:color-mix(in oklch,hsl(var(--chord-hue) 62% 50%) 7%,var(--color-surface-1));font-size:13px;font-weight:600;font-variant-numeric:tabular-nums}.MidiTimeline_chordChip__E4kll[aria-current=true]{border-color:hsl(var(--chord-hue) 62% 50%);background:color-mix(in oklch,hsl(var(--chord-hue) 62% 50%) 18%,var(--color-surface-1));box-shadow:inset 0 -2px 0 hsl(var(--chord-hue) 62% 50%)}.MidiTimeline_chordChip__E4kll:hover{border-color:var(--color-text-muted)}.MidiTimeline_chordChip__E4kll:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.MidiTimeline_gutter__umMjq{display:flex;align-items:center;justify-content:center;border-right:1px solid var(--color-border);background:color-mix(in oklch,var(--color-text-muted) 4%,var(--color-surface-1));color:var(--color-text-muted);padding:6px;font-size:10px;line-height:1.7;text-align:center}.MidiTimeline_timeline__KDIB_{position:relative;height:104px;background:var(--color-bg)}.MidiTimeline_measure__ryyGD{position:absolute;inset-block:0;border-right:1px solid var(--color-border);background:color-mix(in oklch,var(--color-text-muted) 2%,transparent)}.MidiTimeline_measure__ryyGD[data-active=true]{background:color-mix(in oklch,var(--color-accent) 4%,transparent)}.MidiTimeline_measureLabel__Q5KZy{display:block;height:28px;max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding-inline:9px;color:var(--color-text-muted);font-size:10px;font-variant-numeric:tabular-nums}.MidiTimeline_measureLabel__Q5KZy:hover,.MidiTimeline_measure__ryyGD[data-active=true] .MidiTimeline_measureLabel__Q5KZy{color:var(--color-text-primary)}.MidiTimeline_beats__eUzCf{position:absolute;inset:28px 0 0;pointer-events:none}.MidiTimeline_beat__VEML6{position:absolute;top:0;bottom:0;width:1px;background:var(--lane-line);opacity:.4}.MidiTimeline_segment__h4IZy{position:absolute;top:34px;height:56px;display:flex;align-items:center;overflow:hidden;padding:0 8px;border:1px solid color-mix(in oklch,hsl(var(--chord-hue) 62% 50%) 36%,var(--color-border));border-top:3px solid color-mix(in oklch,hsl(var(--chord-hue) 62% 50%) 72%,var(--color-border));background:color-mix(in oklch,hsl(var(--chord-hue) 62% 50%) 10%,var(--color-surface-1));color:var(--color-text-primary);font-size:14px;font-weight:600;font-variant-numeric:tabular-nums;text-align:left;transition:background-color .12s,border-color .12s}.MidiTimeline_segment__h4IZy[data-muted=true]{border-top-color:var(--color-border);background:color-mix(in oklch,var(--color-text-muted) 5%,var(--color-surface-1));color:var(--color-text-muted);font-size:11px;font-weight:400}.MidiTimeline_segment__h4IZy[data-compact=true]{padding-inline:2px;font-size:11px}.MidiTimeline_segment__h4IZy[aria-current=true]{border-color:hsl(var(--chord-hue) 62% 50%);background:color-mix(in oklch,hsl(var(--chord-hue) 62% 50%) 22%,var(--color-surface-1));box-shadow:inset 0 -2px 0 color-mix(in oklch,hsl(var(--chord-hue) 62% 50%) 40%,transparent);color:var(--color-text-primary)}.MidiTimeline_segment__h4IZy:hover{background:color-mix(in oklch,hsl(var(--chord-hue) 62% 50%) 25%,var(--color-surface-1))}.MidiTimeline_segment__h4IZy:focus-visible{z-index:20;outline:2px solid var(--color-accent);outline-offset:-2px}.MidiTimeline_segmentText__3Jizw{min-width:0;white-space:nowrap;font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,monospace}.MidiTimeline_playhead__evjBw{pointer-events:none;position:absolute;inset-block:0;left:0;z-index:10;width:2px;background:var(--color-accent)}.MidiTimeline_playhead__evjBw:before{content:"";position:absolute;left:-3px;top:0;width:8px;height:7px;background:var(--color-accent);clip-path:polygon(0 0,100% 0,100% 45%,50% 100%,0 45%)}.MidiTimeline_controllerHeader__tfR7C{justify-content:space-between;padding-block:10px}.MidiTimeline_controllerHeading___9h76{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 12px}.MidiTimeline_controllerTitle__Uqw8I{font-size:12px;font-weight:600}.MidiTimeline_controllerCount__Pq6Xc{font-size:10px;color:var(--color-text-muted)}.MidiTimeline_axis__agn59{position:relative;height:112px;font-size:9px;font-variant-numeric:tabular-nums;color:var(--color-text-muted)}.MidiTimeline_axis__agn59 span{position:absolute;right:8px;transform:translateY(-50%)}.MidiTimeline_controllerFooter__OC4kn{display:flex;min-width:0;gap:6px;overflow-x:auto;padding:8px 12px;border-top:1px solid var(--color-border)}.MidiTimeline_controllerTab__lqcJ1{flex-shrink:0;display:inline-flex;align-items:center;gap:8px;padding:4px 8px;border:1px solid transparent;color:var(--color-text-muted);font-size:11px}.MidiTimeline_controllerTab__lqcJ1[aria-pressed=true]{border-color:var(--color-border);color:var(--color-text-primary);background:var(--color-bg)}.MidiTimeline_controllerTab__lqcJ1[aria-pressed=true]:before{content:"";width:3px;height:12px;background:var(--color-accent)}.MidiTimeline_controllerTab__lqcJ1:hover{color:var(--color-text-primary)}.MidiTimeline_controllerTab__lqcJ1:focus-visible{outline:2px solid var(--color-accent);outline-offset:-2px}.MidiTimeline_controllerTabCount__HaIlq{color:var(--color-text-muted);font-size:10px;font-variant-numeric:tabular-nums}.MidiTimeline_chordTooltip__FW77G,.MidiTimeline_noteTooltip__J8znX{position:absolute;z-index:30;pointer-events:none;border:1px solid var(--color-border-strong);background:var(--color-surface-1);color:var(--color-text-primary);box-shadow:0 5px 18px color-mix(in oklch,var(--color-text-primary) 12%,transparent);padding:10px 12px;font-variant-numeric:tabular-nums}.MidiTimeline_tooltipHeading__opSb5{display:flex;justify-content:space-between;align-items:baseline;gap:16px}.MidiTimeline_tooltipHeading__opSb5 strong{font-size:17px;font-weight:700}.MidiTimeline_tooltipHeading__opSb5 span{font-size:10px;color:var(--color-text-muted)}.MidiTimeline_noteFacts__uHKeD{display:flex;gap:18px;margin-top:8px}.MidiTimeline_noteFacts__uHKeD dt{color:var(--color-text-muted);font-size:10px}.MidiTimeline_noteFacts__uHKeD dd{font-size:12px;font-weight:600;margin-top:2px}.MidiTimeline_chordTooltip__FW77G{position:fixed;z-index:80;display:flex;align-items:baseline;gap:14px;max-width:calc(100vw - 16px)}.MidiTimeline_chordTooltip__FW77G strong{font-size:16px}.MidiTimeline_chordTooltip__FW77G span{color:var(--color-text-muted);font-size:11px}.MidiTimeline_segment__h4IZy[data-condensed=true]{justify-content:center;padding:0}.MidiTimeline_condensedMark__aBEma{width:3px;height:12px;background:hsl(var(--chord-hue) 62% 50%);opacity:.7}@media (max-width:640px){.MidiTimeline_header__yYhjb{gap:8px 10px;padding:10px}.MidiTimeline_modelControl__hNTce{flex-wrap:wrap}.MidiTimeline_hint__NhcLn{flex-basis:100%}.MidiTimeline_currentChord__FjF3_{margin-left:auto}.MidiTimeline_barSummary__qoIh1{padding:6px 10px}.MidiTimeline_chordChip__E4kll,.MidiTimeline_select__y1Vtp{min-height:44px}.MidiTimeline_axis__agn59 span{right:5px}.MidiTimeline_controllerTab__lqcJ1{min-height:36px}}@media (prefers-reduced-motion:reduce){.MidiTimeline_segment__h4IZy{transition:none}}