.midi-layout{display:grid;grid-template-columns:minmax(380px,450px) 1fr;gap:16px}@media(max-width:1000px){.midi-layout{grid-template-columns:1fr}}.panel-card{background:var(--bg2);border:1px solid var(--border);border-radius:12px;padding:20px;margin-bottom:16px}.midi-form{display:flex;flex-direction:column;gap:12px;margin-top:14px}.midi-input{padding:8px 12px;border-radius:8px;border:1px solid var(--border);background:var(--bg3);color:var(--text);font-size:13px;font-family:monospace;width:100%}.midi-input:focus{outline:none;border-color:var(--accent)}.placeholder-msg{color:var(--muted);font-size:13px;text-align:center;padding:40px}.midi-error{color:var(--error);padding:20px;text-align:center}.header-actions{display:flex;gap:6px}.midi-section{background:var(--bg3);border:1px solid var(--border);border-radius:8px;padding:12px}.midi-section-title{font-size:11px;font-weight:700;color:var(--muted);text-transform:uppercase;margin-bottom:8px}.midi-grid{display:flex;flex-direction:column;gap:6px}.midi-row{display:flex;justify-content:space-between;font-size:12px}.midi-label{color:var(--muted)}.midi-value{font-weight:700}.midi-value.accent{color:var(--accent)}.midi-value.text{color:var(--text)}.midi-value.mono{font-family:monospace;color:var(--text)}