.performance-controls{display:grid;gap:10px;margin:0 0 16px;padding:12px;border:1px solid #ffffff18;border-radius:14px;background:#ffffff03}.perf-row{display:flex;align-items:center;gap:7px;flex-wrap:wrap;min-width:0}.performance-controls .jam-action,.performance-controls .jam-select{font-size:12px;min-height:36px;padding:6px 11px;margin:0;white-space:nowrap}.performance-controls button[aria-pressed=true]{background:#dbe9c9;color:#172015}.performance-controls .perf-bars{display:flex;align-items:center;gap:5px;margin-left:auto;font-size:11px;color:#aeb8ae}.performance-controls [hidden]{display:none!important}.perf-bars button{width:34px;min-height:36px;border:1px solid #ffffff25;border-radius:10px;background:none;color:inherit}.perf-bars input{width:48px!important;min-height:36px;text-align:center;color:inherit;background:#ffffff08;border:1px solid #ffffff25;border-radius:8px;font:inherit;appearance:textfield}.perf-bars input::-webkit-inner-spin-button{appearance:none}.perf-sync{display:flex;align-items:center;gap:3px;border:1px solid #ffffff22;padding:3px;border-radius:22px;font-size:12px}.perf-sync span{padding:0 6px}.perf-sync button{border:0;border-radius:18px;padding:6px 9px;background:none;color:inherit;min-height:30px}.perf-tempo{margin-left:auto;font-size:11px;color:#a8b4ad}.performance-controls .jam-take-status{display:block;min-height:16px;font:11px/1.5 ui-monospace,monospace;color:#a8b4ad;overflow-wrap:anywhere}.performance-controls button:disabled{opacity:.45}.jam-field[data-material=piano] canvas{touch-action:none}.jam-field[data-material=piano] .jam-entry-scale{display:none}.jam-field[data-material=piano] .jam-start-hint small{display:block}.jam-popover[data-panel=keys] .performance-controls{flex-shrink:0}.jam-seq-toolbar .performance-controls{flex:1 1 100%}.jam-seq-toolbar .perf-bars{margin-left:0}@media(max-width:400px){.performance-controls{padding:9px;gap:8px}.performance-controls .jam-action,.performance-controls .jam-select{font-size:11px;padding:5px 9px}.perf-bars{gap:3px!important}.perf-bars button{width:30px}.perf-bars input{width:42px!important}.perf-tempo{font-size:10px}.performance-controls .perf-row{gap:5px}}

.performance-controls .perf-sync button[aria-pressed=true]{background:#dbe9c9;color:#172015}.perf-editor-pages{justify-content:center;margin:10px 0;font:12px ui-monospace,monospace}.jam-seq-cells{overflow:hidden}