/* 1.35.58: retain the existing palette and materials; refine stage hierarchy. */
body.performanceMode:not(.drumPerformance) #performancePanel:not([hidden]){justify-content:flex-start;min-height:0;height:100%;box-sizing:border-box}
#performanceSoundName{font-size:18px;font-weight:600;line-height:1.25;margin:8px 0 2px;min-height:24px}
#performanceSoundDetail{font-size:11px;line-height:1.3;margin:2px 0 6px;min-height:15px;color:inherit}
body.performanceMode:not(.drumPerformance) .performanceFaders{flex:1 1 0;min-height:170px;margin:10px 0 18px;align-items:stretch}
body.performanceMode:not(.drumPerformance) .performanceFader{height:100%;min-height:0}
body.performanceMode:not(.drumPerformance) .performanceFader input[type=range]{flex:1 1 0;height:auto!important;min-height:115px!important;max-height:none;width:44px!important}
.performanceFader output{min-height:16px}
.performancePanel.controlsUnavailable .performanceFader output,.performancePanel.controlsUnavailable .performanceFader span{opacity:.5}
#performanceBottom{flex:0 0 auto;margin-top:auto;padding-top:4px}
.performanceBottomRow{display:flex;align-items:center;justify-content:space-between;gap:10px;min-width:0}
.performanceBottomRow #performanceArrange{min-height:44px;padding:6px 12px;min-width:100px;font-size:12px}
#performanceSaveState{font-size:11px;line-height:1.25;text-align:right;overflow-wrap:anywhere}
#performanceEditTools{grid-template-columns:repeat(2,minmax(0,1fr));margin:6px 0}
#performanceEditTools[hidden],#performanceEditTools button[hidden],#performanceDraftStatus[hidden]{display:none!important}
#performanceDraftStatus{min-height:0;margin:6px 0;font-size:11px}
#performanceBottom #performanceSave{margin:8px 0 0;min-height:44px}
.performanceCue.cueEmpty strong:empty,.performanceCue small:empty{visibility:hidden}
.performanceCue.cuePlaying small{font-weight:600;color:inherit}
#performanceAppearance,#performanceAppearancePanel{display:contents}
body.performanceMode:not(.drumPerformance) #performanceAppearance{display:block;position:relative;flex:0 0 auto;min-width:0}
#performanceAppearanceToggle{min-height:44px;white-space:nowrap}
#performanceAppearancePanel[hidden]{display:none!important}
body.performanceMode:not(.drumPerformance) #performanceAppearancePanel{display:block;position:absolute;bottom:calc(100% + 10px);right:0;z-index:100;width:340px;max-width:calc(100vw - 32px);padding:14px;background:var(--panel,#211c16);border:1px solid #8b7757;border-radius:10px;box-sizing:border-box}
body.performanceMode:not(.drumPerformance) #performanceAppearancePanel .themeCalibration{width:100%!important;min-width:0!important;max-width:none!important;flex:0 0 auto!important;flex-wrap:wrap!important;justify-content:flex-start!important}
body.performanceMode:not(.drumPerformance) #performanceAppearancePanel .themeCalibrateRow{flex:1 1 140px!important;width:auto!important;min-width:0!important}
body.performanceMode:not(.drumPerformance) #performanceConnect{min-height:44px}
body.performanceMode:not(.drumPerformance) #panic{border-width:2px}
@media(max-width:900px),(max-height:650px){body.performanceMode:not(.drumPerformance) #performancePanel:not([hidden]){height:auto;min-height:510px}body.performanceMode:not(.drumPerformance) #panel-presets .presetdesk{overflow:visible}body.performanceMode:not(.drumPerformance) .performanceFaders{flex:1 0 210px;min-height:210px}body.performanceMode:not(.drumPerformance) #performanceAppearancePanel{position:fixed;left:16px;right:auto;bottom:90px}}
@media(pointer:coarse){.performanceActions button{min-height:44px}}
@media(max-width:400px){body.performanceMode:not(.drumPerformance) #performanceAppearancePanel .themeCalibration{grid-template-columns:minmax(0,1fr)!important}}