.z1bpm-layout{grid-template-columns:1.35fr 1fr;align-items:start;gap:1.5rem;display:grid}.z1bpm-pad{border:2px solid var(--ink);border-radius:var(--radius-sm);width:100%;min-height:15rem;color:var(--ink);background:var(--canvas);cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:2rem 1rem;display:flex}.z1bpm-pad strong{font:2.2rem var(--mono)}.z1bpm-pad:active{background:var(--paper);transform:translateY(2px)}.z1bpm-pad span:last-child{color:var(--muted);font-size:var(--text-sm)}.z1bpm-filename,.z1midi-filename{overflow-wrap:anywhere;font-family:var(--mono);color:var(--muted)}.z1midi-workspace,.z1latex-editor,.z1vat-input{gap:1rem;display:grid}.z1midi-seek{font:var(--text-sm) var(--mono);gap:.5rem;display:grid}.z1midi-seek input{width:100%}.z1midi-roll{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--paper);width:100%;display:block}.z1midi-tracks,.z1vat-results{border-collapse:collapse;width:100%;color:var(--ink)}.z1midi-tracks th,.z1midi-tracks td,.z1vat-results th,.z1vat-results td{border-bottom:1px solid var(--line);text-align:start;padding:.7rem}.z1midi-tracks small{color:var(--muted);display:block}.z1vat-input label,.z1latex-editor>label{gap:.5rem;display:grid}.z1vat-input textarea,.z1latex-editor textarea{resize:vertical;background:var(--paper);width:100%;color:var(--ink);border:1px solid var(--line);border-radius:var(--radius-sm);font:var(--text-sm)/1.6 var(--mono);padding:1rem}.z1vat-results td:first-child{font-family:var(--mono);overflow-wrap:anywhere}.z1latex-tabs,.z1latex-palette{flex-wrap:wrap;gap:.5rem;display:flex}.z1latex-tabs [aria-pressed=true]{background:var(--ink);color:var(--paper)}.z1latex-palette{border:1px solid var(--line);background:var(--canvas);min-height:4rem;padding:.8rem}.z1latex-palette button{min-width:2.75rem;min-height:2.75rem;color:var(--ink);background:var(--paper);padding:.7rem}.z1latex-preview{border-block:1px solid var(--line);background:var(--paper);min-height:10rem;color:var(--ink);align-items:center;padding:1.5rem;font-size:1.5rem;display:grid;overflow:auto}.z1bpm-pad:focus-visible{outline:3px solid var(--ink);outline-offset:3px}.z1latex-tabs button:focus-visible{outline:3px solid var(--ink);outline-offset:3px}.z1latex-palette button:focus-visible{outline:3px solid var(--ink);outline-offset:3px}@media (max-width:700px){.z1bpm-layout{grid-template-columns:1fr}.z1bpm-pad{min-height:10rem}.z1latex-preview{padding:.75rem}}@media (prefers-reduced-motion:reduce){.z1bpm-pad:active{transform:none}}