/* A compact mixer beside the rhythm wheel. */
.track-instrument-icon{width:42px;height:42px;flex:none;object-fit:contain;border-radius:7px;background:#f8fafc}
.track-title small{display:block;margin-top:2px;font-size:11px;font-weight:500;color:var(--text-muted)}
.track-params{grid-template-columns:minmax(0,1fr) 80px}
.track-actions{gap:7px}.track-actions input{accent-color:var(--accent)}
.track-params label{gap:3px}.track-params input,.track-params select{box-sizing:border-box}
@media(min-width:1000px) and (min-height:600px){
  body{box-sizing:border-box;height:100dvh;min-height:0;padding:10px 14px;align-items:center}
  h1{flex:none;font-size:24px;line-height:1.25;margin:2px 50px 4px;text-align:center}
  .subtitle{flex:none;font-size:12px;line-height:1.4;margin-bottom:10px}
  .workspace{flex:1;min-height:0;max-width:1700px;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:12px}
  .panel{box-sizing:border-box;min-width:0;max-width:none;padding:12px;border-radius:12px}
  .controls-panel{min-width:0;max-width:none;min-height:0;gap:8px}
  .visual-panel{min-width:0;height:100%;min-height:0;padding:12px}
  #visualizer{width:100%;height:100%;max-width:none;max-height:none}
  .master-bar{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;padding:8px;flex:none}
  .master-bar>button{grid-row:1;padding:6px 8px;font-size:12px;min-height:30px}
  .master-bar>.control-group:nth-child(3){grid-column:1/3;grid-row:2}
  .master-bar>.control-group:nth-child(4){grid-column:3/5;grid-row:2}
  .master-bar>.control-group:last-child{grid-column:3/5;grid-row:1;padding-top:0!important;justify-content:flex-end!important}
  .control-group{gap:3px}.control-group label{font-size:10px}.master-bar input[type="range"]{box-sizing:border-box;width:100%;padding:0;height:15px;direction:ltr}
  .storage-panel{gap:6px;padding:7px 8px;flex-wrap:nowrap;flex:none}
  .storage-panel>.control-group{min-width:0}.storage-panel select{box-sizing:border-box;width:100%;padding:4px;font-size:11px}
  .storage-panel button{padding:6px 8px;font-size:11px;white-space:nowrap}
  .track-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(var(--track-rows,2),minmax(0,1fr));gap:7px;flex:1;min-height:0;max-height:none;overflow:visible;padding:0}
  .track-card{min-width:0;min-height:0;padding:8px;gap:6px;justify-content:center}.track-header{gap:5px}.track-title{min-width:0;font-size:12px;gap:6px}.track-title small{font-size:10px}.color-dot{width:8px;height:8px;flex:none}
  .track-actions{gap:5px;flex:none}.track-actions label{font-size:10px!important}.track-random-btn{font-size:12px;padding:2px 4px}.delete-btn{font-size:18px;padding:0 3px}
  .track-params{grid-template-columns:minmax(0,1fr) 65px;gap:8px;font-size:10px}.track-params label{min-width:0;line-height:1.2}.track-params input,.track-params select{height:27px;min-width:0;font-size:12px;padding:3px 5px}
  .track-list.compact .track-card{padding:5px 7px;gap:4px}.track-list.compact .track-instrument-icon{width:28px;height:28px}.track-list.compact .track-title small{display:none}.track-list.compact .track-params input,.track-list.compact .track-params select{height:24px;font-size:11px}
  button.add-track{flex:none;padding:7px;margin:0;font-size:12px}
  footer[data-cr-footer]{flex:none;margin:7px 0 0!important;padding:3px 8px!important;font-size:10px!important;line-height:1.3!important}
}