.scene-performance-tools{display:flex;gap:7px;flex-wrap:wrap;margin-top:12px}
.scene-performance-tools button{font-size:10px}
.pad .pad-harmony{display:grid;grid-template-rows:30px 26px;gap:2px;min-height:58px;width:100%;overflow:hidden}
.pad-harmony .pad-tonic{font-size:12px;line-height:15px;color:var(--text);overflow:hidden;overflow-wrap:anywhere}
.pad-harmony .pad-family{font-size:9px;line-height:13px;color:var(--muted);overflow:hidden;overflow-wrap:anywhere}
.pad.queued{border-color:#f3ce65!important;outline:2px solid #f3ce65;outline-offset:-4px;animation:scene-queue 1s ease-in-out infinite}
.pad.queued:after{content:'NEXT CYCLE';position:absolute;right:7px;top:7px;color:#f3ce65!important;font-size:8px;pointer-events:none;animation:scene-queue-label .65s ease-in-out infinite alternate}
.pad.playing{border-color:#83dca6;box-shadow:0 0 0 1px #83dca6,0 0 22px #83dca622}
.pad.playing:not(.queued):after{content:'PLAYING';position:absolute;right:7px;top:7px;color:#83dca6;font-size:8px}
#song-record[aria-pressed=true]{background:#e45a6433;border-color:#ef7b82;color:#ffb2b6;animation:scene-record 1.4s ease-in-out infinite}
#song-record-status{font-size:10px;color:var(--muted);flex-basis:100%}
@keyframes scene-queue{50%{box-shadow:0 0 0 2px #f3ce65,0 0 22px #f3ce6533}}
@keyframes scene-queue-label{from{opacity:.25}to{opacity:1}}
@keyframes scene-record{50%{box-shadow:0 0 12px #ef7b8255}}
@media(prefers-reduced-motion:reduce){.pad.queued,.pad.queued:after,#song-record[aria-pressed=true]{animation:none}.pad.queued{box-shadow:0 0 0 2px #f3ce65}}
