/* 1.35.58: four independent stage sets; ordinary Presets remain a library. */
.performanceStage{min-width:0;min-height:0}
.performanceSets{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;min-width:0}
.performanceSets button{min-width:0;min-height:52px;padding:8px;font-family:inherit;font-size:14px;font-weight:600;line-height:1.2;overflow-wrap:anywhere;background:#2a241c;color:#e2d2b6;border:1px solid #8b7757;border-radius:7px}
.performanceSets button[aria-selected=true]{background:linear-gradient(#dfc18a,#b59160);color:#302417;border-color:#f1d498}
.performanceCues{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(4,minmax(0,1fr));gap:8px;min-height:0;min-width:0}
.performanceCue{display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;text-align:left;min-width:0;min-height:0;padding:10px;border-radius:8px;overflow-wrap:anywhere}
.performanceCue span{font-size:10px;color:#8f795b}
.performanceCue strong{font-size:14px;line-height:1.2}
.performanceCue small{font-size:10px;line-height:1.2}
.performanceCue.cueFilled{background:linear-gradient(130deg,#f0e6d0,#ded0b4);color:#392d21;border:1px solid #fff1d1}
.performanceCue.cueEmpty{background:#312f27;color:#cfc5af;border:1px solid #7e745c}
.performanceCue.cueEmpty span{color:#b0a58b}
.performanceCue.cuePlaying{outline:3px solid #e2b76c;outline-offset:-3px}
.performanceCue.cueMoving{outline:3px solid #81b6cb;outline-offset:-3px}
.performanceActions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;margin:4px 0}
.performanceActions button{min-height:38px;min-width:0;padding:4px;font-size:11px;line-height:1.2}
.performanceActions button[aria-pressed=true]{background:#bacd9d;color:#202d21}
#performanceDraftStatus{font-size:11px;line-height:1.3;margin:5px 0;min-height:29px;color:#dfc895;overflow-wrap:anywhere}
.optionState{float:right;font:400 11px/1.4 system-ui,sans-serif;color:#c6c0ad;letter-spacing:0;margin-left:10px}
#performanceAddDialog,#performanceNameDialog{background:#28221b;color:#f0e5ce;border:1px solid #b18e58;border-radius:12px;width:min(480px,calc(100vw - 32px));max-height:calc(100dvh - 32px);overflow:auto;padding:20px;box-sizing:border-box}
#performanceAddDialog::backdrop,#performanceNameDialog::backdrop{background:#0009}
#performanceAddDialog button,#performanceNameDialog button{min-height:44px}
#performanceAddDialog .fields{display:grid;grid-template-columns:minmax(0,1fr);gap:10px}
#performanceAddDialog select,#performanceNameDialog input{width:100%;min-width:0;box-sizing:border-box}
body.performanceMode:not(.drumPerformance) #currentSound,body.performanceMode:not(.drumPerformance) #pads{display:none!important}
body.performanceMode:not(.drumPerformance) #performanceStage:not([hidden]){display:grid;grid-column:1;grid-row:1/3;grid-template-rows:auto minmax(0,1fr);gap:10px;height:100%;min-height:0}
body.performanceMode:not(.drumPerformance) #panel-presets .presetBankPanel{display:none!important}
body.performanceMode:not(.drumPerformance) #panel-presets .presetdesk{grid-template-rows:minmax(0,1fr)!important}
body.performanceMode:not(.drumPerformance) #performancePanel{justify-content:center}
body.performanceMode:not(.drumPerformance) #panel-presets section>.toolbar{display:none!important}
#addPresetToPerformance{font-size:12px}
@media(pointer:coarse){.performanceActions button,.performanceSets button{min-height:44px}}
@media(max-width:900px){body.performanceMode:not(.drumPerformance) #performanceStage:not([hidden]){grid-column:1;grid-row:1/3;height:auto;min-height:340px}.performanceCues{grid-auto-rows:minmax(64px,auto);min-height:280px}}
@media(max-height:650px){body.performanceMode:not(.drumPerformance) #performanceStage:not([hidden]){height:auto;min-height:340px}.performanceCues{min-height:280px}}