.bt-top{display:grid;grid-template-columns:auto 1fr;gap:var(--sp-3)var(--sp-4);align-items:center}.bt-top .tl-btn--play{width:64px;height:64px;font-size:1.4rem}.bt-top__preset{min-width:0}.bt-tempo{grid-column:1/-1;display:grid;grid-template-columns:auto 1fr;gap:var(--sp-3);align-items:center}.bt-tempo__read{display:flex;align-items:baseline;gap:.4em;min-width:7.5em}.bt-tempo__read .tl-label{margin-right:.3em}.bt-tempo__ctl{display:flex;align-items:center;gap:var(--sp-2)}.bt-tempo__ctl .tl-range{flex:auto;min-width:80px}@media(min-width:1000px){.bt-top{grid-template-columns:auto minmax(220px,1fr)minmax(300px,1.2fr)}.bt-tempo{grid-column:auto}}.bt-info{margin:var(--sp-3)0 var(--sp-4);font-size:var(--ea-fs-sm);color:var(--ea-fg-soft);line-height:1.5;min-height:3em}.bt-info strong{color:var(--ea-fg)}.bt-src{color:var(--ea-fg-mute)}.bt-src a{color:var(--ea-teal)}.bt-grid{display:grid;gap:6px;padding:var(--sp-3);background:#07080c;border:1px solid var(--ea-line);border-radius:var(--rad-md);box-shadow:inset 0 2px 12px rgba(0,0,0,.55)}.bt-row{display:grid;grid-template-columns:236px 1fr;gap:8px;align-items:center;transition:opacity var(--ea-dur-fast)}.bt-row.is-muted .bt-steps{opacity:.35}.bt-row__head{display:flex;align-items:center;gap:4px;min-width:0}.bt-name{flex:auto;min-width:0;min-height:36px;text-align:left;background:0 0;border:0;color:#c9ceda;font:600 var(--ea-fs-sm)var(--ea-font-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer;padding:0 4px;border-radius:6px}.bt-name:hover{color:#fff}.bt-mini{flex:none;width:44px;height:44px;border-radius:6px;border:1px solid rgba(232,234,240,.18);background:#151820;color:#aab2c4;font:700 12px var(--ea-font-mono);cursor:pointer}.bt-mini.is-on{background:var(--ea-amber);border-color:var(--ea-amber);color:#0b0d12}.bt-vol{flex:0 0 64px;width:64px;min-height:28px}.bt-steps{display:grid;grid-template-columns:repeat(var(--n,16),minmax(0,1fr));gap:3px}.bt-step{height:44px;min-width:0;padding:0;border-radius:5px;border:1px solid rgba(232,234,240,.12);background:#151820;cursor:pointer;transition:background 60ms,transform 60ms}.bt-step.is-beat{background:#1d212c;border-color:rgba(232,234,240,.26)}.bt-step.is-on{background:#8b7bf0;border-color:#8b7bf0}.bt-step.is-on.is-acc{background:#ec6aa6;border-color:#ec6aa6}.bt-step.is-play{box-shadow:0 0 0 2px #2FD4C6}.bt-step.is-on.is-play{transform:scale(1.06)}.bt-step:focus-visible{outline:2px solid #fff;outline-offset:1px}.bt-empty{padding:var(--sp-4);text-align:center}@media(max-width:700px){.bt-row{grid-template-columns:1fr;gap:4px;padding-bottom:6px;border-bottom:1px solid rgba(232,234,240,8%)}.bt-steps{grid-template-columns:repeat(var(--half,8),minmax(0,1fr));gap:4px}.bt-step{height:44px}}.bt-tools{display:grid;gap:var(--sp-3);margin-top:var(--sp-4)}@media(min-width:760px){.bt-tools{grid-template-columns:1fr auto 1fr;align-items:end}}.bt-actions{margin-top:var(--sp-3);gap:var(--sp-2)}.bt-actions .tl-btn{min-height:44px}.bt-padhead{display:flex;flex-wrap:wrap;gap:var(--sp-3);align-items:center;justify-content:space-between;margin-bottom:var(--sp-3)}.bt-pads{grid-template-columns:repeat(auto-fill,minmax(92px,1fr))}.bt-pads .tl-pad{aspect-ratio:auto;min-height:76px;font-size:var(--ea-fs-sm)}@media(max-width:420px){.bt-pads{grid-template-columns:repeat(3,1fr)}}@media(prefers-reduced-motion:reduce){.bt-step,.tl-pad{transition:none}.bt-step.is-on.is-play{transform:none}}