.MidiVisualizerTool_muted__XlRFd{font-size:.85rem;color:var(--text-muted)}.MidiVisualizerTool_hint__xZkFX{font-size:.79rem;color:var(--text-muted);margin-top:8px;line-height:1.5}.MidiVisualizerTool_error__wfkxh{color:var(--err);font-size:.82rem;margin-top:6px}.MidiVisualizerTool_btn__QSdqJ{padding:.38rem 1rem;border-radius:var(--radius-sm);border:1px solid var(--border);background:transparent;color:var(--text);font-family:var(--font-mono);font-size:.85rem;cursor:pointer;transition:all .12s}.MidiVisualizerTool_btn__QSdqJ:hover{border-color:var(--accent);color:var(--accent)}.MidiVisualizerTool_btnPrimary__XdMgP{background:color-mix(in srgb,var(--accent) 14%,transparent);border-color:var(--accent);color:var(--accent-bright)}.MidiVisualizerTool_btnPrimary__XdMgP:hover{background:color-mix(in srgb,var(--accent) 22%,transparent)}.MidiVisualizerTool_btnSmall__HVjMM{padding:.22rem .65rem;border-radius:var(--radius-sm);border:1px solid var(--border);background:transparent;color:var(--text-muted);font-family:var(--font-mono);font-size:.75rem;cursor:pointer;transition:all .12s;margin-top:6px}.MidiVisualizerTool_btnSmall__HVjMM:hover{border-color:var(--accent);color:var(--text)}.MidiVisualizerTool_inputList__kGgza{display:flex;flex-direction:column;gap:6px}.MidiVisualizerTool_inputChip__Aqmp9{display:flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid color-mix(in srgb,var(--ok) 40%,transparent);border-radius:var(--radius-sm);background:color-mix(in srgb,var(--ok) 6%,transparent);font-family:var(--font-mono);font-size:.85rem;color:var(--text)}.MidiVisualizerTool_dot__rpL1a{width:7px;height:7px;border-radius:50%;background:var(--ok);flex-shrink:0}.MidiVisualizerTool_piano__3ZJHD{display:flex;position:relative;height:100px;overflow-x:auto;padding-bottom:4px}.MidiVisualizerTool_key__QglCt{flex-shrink:0;border-radius:0 0 4px 4px;cursor:default;transition:background .06s}.MidiVisualizerTool_white__xwONI{width:28px;height:100%;background:#f5f0e8;border:1px solid #b0a898;border-top:none;margin-right:1px}.MidiVisualizerTool_black__cyyan{width:18px;height:62%;background:#1a1714;border:1px solid #3a3530;margin-left:-9px;margin-right:-9px;z-index:1}.MidiVisualizerTool_keyHeld__HRFZq.MidiVisualizerTool_white__xwONI{background:var(--accent)}.MidiVisualizerTool_keyHeld__HRFZq.MidiVisualizerTool_black__cyyan{background:color-mix(in srgb,var(--accent) 70%,var(--bg))}.MidiVisualizerTool_heldRow__8Lbu1{display:flex;flex-wrap:wrap;gap:8px}.MidiVisualizerTool_heldNote___nKDp{display:flex;flex-direction:column;gap:2px;padding:8px 12px;border:1px solid var(--accent);border-radius:var(--radius-sm);background:color-mix(in srgb,var(--accent) 10%,transparent)}.MidiVisualizerTool_heldName__CUfOB{font-family:var(--font-mono);font-size:1.1rem;color:var(--accent-bright);font-weight:600}.MidiVisualizerTool_heldDetail__M_se0{font-family:var(--font-mono);font-size:.72rem;color:var(--text-muted)}.MidiVisualizerTool_log__HXRUE{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:8px 12px;max-height:240px;overflow-y:auto;display:flex;flex-direction:column;gap:3px}.MidiVisualizerTool_logLine__eO9R6{display:flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:.76rem}.MidiVisualizerTool_logType__hJxxP{color:var(--accent);min-width:110px}.MidiVisualizerTool_logCh__uwm5m{color:var(--text-muted);min-width:32px}.MidiVisualizerTool_logNote__yvC_i{color:var(--ok);min-width:36px;font-weight:600}.MidiVisualizerTool_logVel__4_C_d{color:var(--text-muted);min-width:50px}.MidiVisualizerTool_logCtrl__aX5E9{color:var(--text-muted)}.MidiVisualizerTool_logRaw__Bo8Go{color:var(--text-faint);margin-left:auto}