/* Clear performed state on both JAM and Studio controls. */
#jamApp .jam-popover .performance-controls .perf-toggle[aria-pressed="true"],
#jamApp .jam-popover button.jam-action[aria-pressed="true"]{background:#dbe8cc;color:#172015;border-color:#dbe8cc;box-shadow:inset 0 0 0 1px #dbe8cc}
#jamApp .performance-controls .perf-toggle[aria-pressed="false"]{background:#0c1114;color:#9faea5;border-color:#526057}
#jamApp .performance-controls .perf-toggle{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:40px}
#jamApp .performance-controls .perf-toggle:after{content:'';width:7px;height:7px;border-radius:50%;border:1px solid currentColor;flex:none;opacity:.75}
#jamApp .performance-controls .perf-toggle[aria-pressed="true"]:after{background:currentColor}
#jamApp .performance-controls .perf-sync{border-radius:24px;background:#0a1013;border-color:#647166;padding:3px;gap:0}
#jamApp .performance-controls .perf-sync>span{color:#a9b7ad;padding:0 9px}
#jamApp .performance-controls .perf-sync button{min-width:51px;min-height:36px;border-radius:19px;padding:6px 12px;color:#a9b7ad;background:transparent}
#jamApp .performance-controls .perf-sync button[aria-pressed="true"]{background:#dbe8cc;color:#172015;font-weight:650;box-shadow:0 0 0 1px #dbe8cc}
#jamApp .performance-controls .perf-count[data-enabled="true"]{color:#dfecd2;border-color:#b9ce9e;background:#283223}
#jamApp .perf-metro svg{height:27px;width:27px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
#jamApp .perf-metro b{font-size:10px;letter-spacing:.08em}
#jamApp .perf-metro .perf-pendulum{transform-origin:16px 23px}
#jamApp .perf-beat-strip{display:flex;gap:4px;align-items:center;flex:1;min-width:92px;justify-content:flex-end}
#jamApp .perf-beat-strip i{font:10px/22px ui-monospace,monospace;min-width:20px;height:24px;text-align:center;color:#8c9d90;border:1px solid #526053;border-radius:7px;background:#10171a}
#jamApp .perf-beat-strip i[data-accent="2"]{border-bottom-width:3px}
#jamApp .perf-beat-strip i[data-accent="1"]{border-bottom-width:2px}
#jamApp .perf-beat-strip i[data-current="true"]{color:#162213;background:#dfedcf;border-color:#dfedcf}
#jamApp .perf-piano-level{margin:3px 0;grid-template-columns:72px 1fr 34px;gap:10px}
#jamApp .perf-piano-level input{min-height:36px;accent-color:#dbe8cc}
#jamApp .performance-controls .perf-palette-link{display:flex;align-items:center;gap:8px;border:1px solid #617164;border-radius:10px;padding:8px 10px;min-height:38px;text-align:left;width:100%;font-size:11px}
#jamApp .perf-palette-link i{width:14px;height:14px;border-radius:50%;background:var(--palette-ink);flex:none}
#jamApp .perf-palette-link span{color:#a9b7ad}
#jamApp .perf-palette-link strong{font-weight:400;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#e0ead9}
#jamApp .jam-key.piano-palette-note:after{content:'';position:absolute;bottom:10px;left:35%;right:35%;height:4px;background:var(--piano-palette-ink,#9aaf89);border-radius:3px;pointer-events:none}
#jamApp .jam-key.black.piano-palette-note:after{bottom:8px}
#jamApp .jam-field[data-material="piano"] .jam-motion-readout{color:#bdd1c9;max-width:80%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media(max-width:400px){#jamApp .performance-controls{padding:10px;gap:8px}#jamApp .performance-controls .perf-toggle{min-height:38px;padding:6px 10px;font-size:11px}#jamApp .perf-beat-strip{flex-basis:100%;justify-content:flex-start}#jamApp .perf-beat-strip i{flex:1;max-width:42px}}
@media(prefers-reduced-motion:reduce){#jamApp .perf-pendulum{transform:none!important}}