.main-beat-foundation{margin:12px 0 20px;background:var(--sc-panel);border:2px solid var(--sc-solid);border-radius:12px;min-width:0}.main-beat-foundation>summary{min-height:62px;display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer;padding:14px 18px;color:var(--sc-text);list-style:none}.main-beat-foundation>summary::-webkit-details-marker{display:none}.main-beat-foundation>summary>span{min-width:0;overflow-wrap:anywhere}.main-beat-foundation>summary strong{display:block;font-size:19px}.main-beat-foundation>summary>span+span{font-size:12px;color:var(--sc-accent-text);text-align:right}.main-beat-controls{padding:0 18px 16px;display:grid;grid-template-columns:1.4fr 1fr;gap:12px 18px;min-width:0}.main-beat-controls>.voice-button-row,.main-beat-controls>.small-copy{grid-column:1/-1;margin:0}.main-beat-foundation>.inline-tool{margin:0;border-radius:0 0 10px 10px;border:0;border-top:1px solid var(--line)}.section-beat-settings{padding:14px 16px;background:var(--sc-inset);border:1px solid var(--line);border-radius:8px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:14px;min-width:0}.section-beat-settings>.small-copy{grid-column:1/-1;margin:0}.main-beat-controls .field,.section-beat-settings .field{margin:0;min-width:0}.main-beat-controls select,.section-beat-settings select{min-height:44px;width:100%;min-width:0}.main-beat-foundation summary:focus-visible{outline:3px solid var(--sc-focus);outline-offset:3px}.main-beat-controls output,.section-beat-settings output{float:right}.main-beat-foundation .voice-button-row button{min-height:44px;min-width:0;overflow-wrap:anywhere;white-space:normal}.section-drum-list .section-beat-settings{margin-bottom:16px}.resolved-drums strong{overflow-wrap:anywhere}@media(max-width:620px){.main-beat-controls,.section-beat-settings{grid-template-columns:minmax(0,1fr)}.main-beat-foundation>summary{padding:12px}.main-beat-controls{padding:0 12px 14px}.main-beat-foundation>summary strong{font-size:18px}.main-beat-foundation>summary>span+span{max-width:50%}}

.main-beat-edit-hint{margin-bottom:14px}.main-beat-edit-hint .small-copy{overflow-wrap:anywhere;min-width:0}

.main-beat-foundation>.inline-tool{padding:18px}.main-beat-foundation>.ingredient-workspace{padding:0 18px 18px}@media(max-width:620px){.main-beat-foundation>.inline-tool{padding:14px}.main-beat-foundation>.ingredient-workspace{padding:0 14px 14px}}