.backing-band-strip{display:flex;flex:1 1 320px;max-width:370px;min-width:280px;height:44px;align-items:stretch;align-self:flex-end;gap:4px;padding:3px;border:1px solid #353535;border-radius:10px;background:linear-gradient(180deg,rgba(37,37,40,.96),rgba(18,18,20,.98));box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 5px 16px rgba(0,0,0,.28);box-sizing:border-box}.backing-band-channel,.backing-band-toggle{position:relative;min-width:0;border:1px solid transparent;border-radius:7px;background:0 0;color:#bdbdc5;cursor:pointer;user-select:none;-webkit-user-select:none}.backing-band-toggle{display:flex;width:48px;flex:0 0 48px;flex-direction:column;align-items:center;justify-content:center;gap:1px;color:var(--accent-color);font-size:.56rem;font-weight:900;letter-spacing:.05em;text-transform:uppercase}.backing-band-toggle:focus-visible,.backing-band-toggle:hover{border-color:rgba(255,159,67,.55);background:rgba(255,159,67,.1);outline:0}.backing-band-toggle svg{width:15px;height:15px}.backing-band-channels{display:grid;min-width:0;flex:1;grid-template-columns:repeat(5,minmax(0,1fr));gap:2px}.backing-band-channel{display:grid;height:36px;padding:2px 1px;grid-template-columns:14px 1fr;grid-template-rows:16px 12px;align-items:center;justify-items:center;touch-action:pan-x}.backing-band-channel.is-adjusting,.backing-band-channel:focus-visible,.backing-band-channel:hover{border-color:rgba(255,255,255,.16);background:rgba(255,255,255,.055);outline:0}.backing-band-channel[aria-pressed=true]{color:#f7f7fa}.backing-band-channel[aria-pressed=false]{color:#6d6d74;opacity:.76}.backing-band-channel svg{width:14px;height:14px;grid-column:1;grid-row:1}.backing-band-led{position:absolute;top:2px;right:2px;width:6px;height:6px;border-radius:50%;background:#555;box-shadow:0 0 0 1px rgba(255,255,255,.08)}.backing-band-channel[aria-pressed=true] .backing-band-led{background:var(--accent-color);box-shadow:0 0 7px rgba(255,159,67,.82)}.backing-band-name{width:100%;min-width:0;grid-column:2;grid-row:1;overflow:hidden;font-size:.46rem;font-weight:800;line-height:1;text-align:left;text-overflow:ellipsis;white-space:nowrap}.backing-band-value{grid-column:1/-1;grid-row:2;font-size:.56rem;font-weight:800;font-variant-numeric:tabular-nums;line-height:1}.backing-band-strip.is-collapsed{min-width:54px;max-width:54px;flex-basis:54px}.backing-band-strip.is-collapsed .backing-band-channels{display:none}body.force-portrait .backing-band-strip{grid-column:1/-1;grid-row:2;width:100%;max-width:none;min-width:0;align-self:stretch}body.force-portrait .c-group:has(#btn-rhythm-selector){grid-row:3}body.force-portrait .c-group:has(#sel-key),body.force-portrait .c-group:has(#sel-scale){grid-row:3}body.force-portrait .smart-row{grid-row:4}body.force-landscape .backing-band-strip{width:100%;max-width:none;min-width:0;height:126px;flex:0 0 126px;flex-direction:column;align-self:stretch}body.force-landscape .bottom-controls{min-width:0;max-width:140px}body.force-landscape .backing-band-toggle{width:100%;height:22px;flex:0 0 22px;flex-direction:row;gap:5px}body.force-landscape .backing-band-channels{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(3,32px)}body.force-landscape .backing-band-channel{height:32px}body.force-landscape .backing-band-strip.is-collapsed{width:100%;max-width:none;height:30px;flex-basis:30px;min-height:30px}body.force-landscape .backing-band-strip.is-collapsed .backing-band-toggle{width:100%;flex:1;flex-direction:row;gap:5px}@media (max-width:480px){.backing-band-strip{height:42px}.backing-band-toggle{width:44px;flex-basis:44px}.backing-band-channel{height:34px}}@media (prefers-reduced-motion:reduce){.backing-band-channel,.backing-band-strip,.backing-band-toggle{transition:none}}