.performance-compare{margin-top:20px;padding-top:18px;border-top:1px solid var(--line)}.performance-compare h4{font-size:17px;margin:16px 0 8px}.performance-compare-controls,#compare-measures{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin:12px 0}.performance-compare .compare-scroll{overflow:auto;border:1px solid var(--line);border-radius:9px;background:#111310;margin:8px 0}.performance-compare svg{display:block;width:100%;min-width:620px}.performance-compare #compare-keyboard svg{min-width:900px}.compare-legend{font-size:12px;color:#d8d1c3;line-height:1.8}.compare-legend .a{color:#efac80}.compare-legend .b{color:#74bafa}#compare-status,#compare-matches{font-size:13px;line-height:1.6;color:var(--mint)}#compare-notes svg{cursor:crosshair}#compare-cancel[hidden]{display:none}
.performance-compare [hidden]{display:none!important}.compare-view-tabs{display:flex;gap:8px;border-bottom:1px solid var(--line);padding-bottom:10px;margin-top:14px}.compare-view-tabs button{flex:1;padding:12px}.compare-view-tabs button[aria-selected=true]{background:var(--mint);color:#1b1b15}
.track-tempo{padding:14px 0;border-top:1px solid var(--line);margin-top:15px}.tempo-compare-cards{display:grid;grid-template-columns:1fr 1fr;gap:12px}.tempo-compare-card{padding:14px;background:#191c17;border:1px solid var(--line);border-radius:10px;display:flex;flex-direction:column;gap:10px;overflow-wrap:anywhere}.tempo-compare-card strong{font-size:28px;color:#efac80}.tempo-compare-card:last-child strong{color:#74bafa}.tempo-compare-card span{font-size:12px;line-height:1.5}.tempo-compare-card label{display:flex;flex-direction:column;gap:5px}.tempo-compare-card select{width:100%}#tempo-compare-status{font-size:13px;line-height:1.5;color:var(--mint)}@media(max-width:550px){.tempo-compare-cards{grid-template-columns:1fr}}