.pattern-indicator{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;border:1px solid var(--tone-596469,#596469);border-radius:20px;font-size:10px;line-height:1.4;color:var(--tone-9caeaf,#9caeaf);max-width:100%;overflow-wrap:anywhere}
.voice-slot-row>.drum-row-tools{grid-column:1/-1;flex-wrap:wrap;gap:8px}
.voice-slot-row>.voice-slot-choices{grid-column:1/3}
.voice-slot-row>.atlas-slot-summary,.voice-slot-row>.voice-slot-hits{grid-column:1/-1}
.voice-slot-row .pattern-indicator,.voice-slot-row .sequencer-follow{flex-shrink:0;white-space:nowrap}
@media(max-width:800px){.voice-slot-row>.voice-slot-choices{grid-column:1/-1}}
.pattern-indicator::before{content:"";width:5px;height:5px;flex-shrink:0;border-radius:50%;background:var(--tone-596469,#596469)}
.pattern-indicator.is-running{color:var(--tone-c7e7db,#c7e7db);border-color:var(--tone-7fa99a,#7fa99a)}
.pattern-indicator.is-running::before{background:var(--tone-a6d8c7,#a6d8c7);box-shadow:0 0 6px var(--tone-a6d8c744,#a6d8c744)}
.pattern-indicator.pinned{color:var(--tone-edbd82,#edbd82);border-color:var(--tone-aa8559,#aa8559)}
.pattern-indicator.pinned::before{background:var(--tone-edbd82,#edbd82)}
.pattern-indicator.following{color:var(--tone-a6d8c7,#a6d8c7);border-color:var(--tone-7fa99a,#7fa99a)}
.sequencer-follow{font-size:10px;padding:5px 9px;border-radius:20px;margin-right:6px}
.sequencer-follow[aria-pressed=true]{color:var(--tone-a6d8c7,#a6d8c7);border-color:var(--tone-7fa99a,#7fa99a);background:var(--tone-a6d8c714,#a6d8c714)}
.sequencer-follow[aria-pressed=false]{color:var(--tone-edbd82,#edbd82);border-color:var(--tone-aa8559,#aa8559)}
.matrix-column.edit-current{outline:1px solid var(--tone-edbd82,#edbd82);outline-offset:2px}
.matrix-lane.following .matrix-column.edit-current{outline-color:var(--tone-a6d8c7,#a6d8c7)}
.pattern-indicator.switch-a{animation:pattern-switch-a .35s ease-out}
.pattern-indicator.switch-b{animation:pattern-switch-b .35s ease-out}
@keyframes pattern-switch-a{from{background:var(--tone-a6d8c744,#a6d8c744);box-shadow:0 0 9px var(--tone-a6d8c7,#a6d8c7)}to{background:transparent;box-shadow:none}}
@keyframes pattern-switch-b{from{background:var(--tone-a6d8c744,#a6d8c744);box-shadow:0 0 9px var(--tone-a6d8c7,#a6d8c7)}to{background:transparent;box-shadow:none}}
@media(prefers-reduced-motion:reduce){.pattern-indicator{animation:none!important}}