.container max-width: 1300px; margin: 0 auto; background: white; border-radius: 32px; box-shadow: 0 20px 35px -12px rgba(0,0,0,0.1); overflow: hidden; padding: 28px 32px 40px; transition: all 0.2s;
canvas#pianoCanvas background: #0f1720; border-radius: 14px; width: 100%; height: auto; display: block;
<script> // ---------- GLOBALS ---------- let currentMidiData = null; // raw array buffer let parsedMidi = null; // MidiFile object let currentTrackEvents = []; // simplified notes for piano roll + notation let activeTrackIndex = 0; // we'll merge first non-empty track
// Extract all note events from MIDI tracks, combine into a sorted list // returns array of pitch: number, startTick: number, duration: number, velocity function extractNotesFromMidi(midiFile) let allNotes = []; if (!midiFile.tracks) return [];