.midi-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr);gap:16px}.panel{min-width:0}.actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:12px 0}.fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:12px}.fields label{display:flex;flex-direction:column;gap:7px;font-size:12px;color:#b8cadd}input,select,button{max-width:100%;box-sizing:border-box}.fields input,.fields select,.channel input,.channel select{width:100%;padding:8px;background:#122235;border:1px solid #31516a;border-radius:6px;color:#e1f3ff}.button,button{cursor:pointer}.button{display:inline-block;padding:10px;border:1px solid #31516a;border-radius:7px;background:#142436}.button input{display:none}.channel{border:1px solid #2f4659;border-left:3px solid var(--channel-color,#67e4d2);border-radius:9px;margin:10px 0;padding:12px;background:#0d1724}.channel-head{display:grid;grid-template-columns:150px minmax(180px,1fr) 90px 90px;gap:12px;align-items:center}.channel-head label{font-size:11px;display:grid;gap:6px}.channel .switches{display:flex;gap:16px;margin:10px 0}.channel .switches label{display:flex;align-items:center;gap:6px}.channel input[type=checkbox]{width:auto}.channel summary{cursor:pointer;font-size:12px;color:#a9e8df}.channel .fields{margin-top:14px}.channel-title{overflow-wrap:anywhere}.channel-title small{display:block;color:#8da9be;line-height:1.5}#roll{width:100%;height:auto;touch-action:pan-y;border:1px solid #284759;border-radius:8px;background:#07111b}#rollSeek{width:100%}#events,#tempos{white-space:pre-wrap;max-height:320px;overflow:auto;font-size:11px;overflow-wrap:anywhere}#tracks{font-size:12px;line-height:1.7}audio{width:100%}progress{width:100%;margin-top:12px}#notice,#warnings{color:#ffd395;white-space:pre-wrap}#downloads a{padding:9px 12px;border:1px solid #43beae;border-radius:6px;color:#8de4d9;text-decoration:none}dialog{background:#0d1825;color:#e1f0ff;max-width:90vw;max-height:80vh;overflow:auto;border:1px solid #34566a;border-radius:12px}#accountList button{display:block;margin:8px 0}button:disabled{opacity:.5;cursor:wait}#adminFonts{padding:12px;background:#121d2d;border-radius:8px}@media(max-width:1100px){.midi-grid{grid-template-columns:1fr}}@media(max-width:650px){main{padding:12px!important}.channel-head{grid-template-columns:1fr 1fr}.channel-head>label:first-of-type{grid-column:1/-1}.fields{grid-template-columns:repeat(2,minmax(0,1fr))}.panel{padding:12px}.channel{padding:10px}}
#metadata{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0}#metadata span{padding:6px 10px;border:1px solid #2e4a5e;border-radius:6px;background:#122234;font-size:12px}.panel>label:not(.button){display:flex;gap:8px;align-items:center;margin:10px 0}.fields input[type=checkbox]{width:auto;align-self:flex-start}.fields small{line-height:1.4}audio{color-scheme:dark}