.piano-zoom{--zoom-size:32px;position:absolute;right:9px;bottom:31px;z-index:5;display:grid;grid-template-columns:repeat(3,var(--zoom-size));grid-template-rows:repeat(3,var(--zoom-size));gap:3px;pointer-events:none}.piano-zoom button{pointer-events:auto;touch-action:manipulation;width:var(--zoom-size);min-width:var(--zoom-size);height:var(--zoom-size);min-height:var(--zoom-size);padding:3px!important;margin:0!important;border-radius:5px;border:1px solid #49616a;background:#172831ec;color:#d7e9e7;box-shadow:0 2px 9px #0004;font-size:16px;display:flex;justify-content:center;align-items:center;line-height:1}.piano-zoom button:hover{border-color:#a9e4d0;background:#2a423f}.piano-zoom button:disabled{opacity:.3;cursor:default}.piano-zoom [data-axis=x][data-direction=out]{grid-column:1;grid-row:3}.piano-zoom [data-axis=x][data-direction=in]{grid-column:2;grid-row:3}.piano-zoom [data-axis=y][data-direction=out]{grid-column:3;grid-row:2}.piano-zoom [data-axis=y][data-direction=in]{grid-column:3;grid-row:1}.piano-zoom .zoom-auto{grid-column:3;grid-row:3;font-size:9px!important;letter-spacing:-.3px}.piano-zoom svg{width:17px;height:17px}.piano-fullscreen{position:absolute;top:7px;right:9px;z-index:5;margin:0!important}.chart-label>span:last-child{margin-right:36px}#pitch-canvas,.replay-dialog canvas{touch-action:none}.main-navigation button.nav-account{background:transparent;border:0;border-radius:6px;font:inherit;font-size:12px;color:#8ea7b0;padding:8px 12px;white-space:nowrap}.main-navigation button.nav-account:hover{background:#1d342d;color:#d3ede2}.main-navigation button.nav-account[aria-expanded=true]{background:#1d342d;color:#d3ede2}
.stem-editor .piano-zoom{bottom:82px}.stem-editor .piano-zoom button{width:var(--zoom-size);min-width:var(--zoom-size);height:var(--zoom-size);min-height:var(--zoom-size)}.stem-editor .se-envelope-label{height:60px;right:auto;display:flex;flex-direction:column;justify-content:center;gap:0;padding:3px;text-align:center;pointer-events:auto;background:#142630;border-right:1px solid #3b5660}.se-envelope-label #se-lane-name{display:block;max-width:100%;white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:normal;font-size:9px;line-height:1.25;color:#b4d2d0}.se-envelope-label>span:nth-child(2){display:block;font-size:11px;line-height:1.1;color:#8cacaa}.stem-editor .se-envelope-label select{position:absolute;inset:0;opacity:0;pointer-events:auto;width:100%;max-width:none;height:100%;min-height:0;margin:0;padding:0}.se-envelope-label:focus-within{outline:2px solid #a9e4d0;outline-offset:-2px}.se-envelope-label .sr-only{display:block!important}.se-toolbar #se-triplet{margin-left:-5px}.se-tools #se-snap-toggle{margin-right:4px}.replay-canvas-wrap{position:relative}.replay-dialog.replay-expanded .replay-canvas-wrap,.replay-dialog:fullscreen .replay-canvas-wrap{flex:1;min-height:120px;display:flex}.replay-canvas-wrap canvas{flex:1;min-width:0}.replay-canvas-wrap .piano-fullscreen{font-size:18px}.replay-dialog .replay-tools:empty{display:none}
@media(max-width:750px){.main-navigation button.nav-account{flex:1;text-align:center;font-size:12px;padding:8px}.piano-zoom{--zoom-size:32px;right:6px;gap:2px}.stem-editor .piano-zoom{bottom:81px}.stem-editor .se-envelope-label #se-lane-name{font-size:9px}}
@media(pointer:coarse){.piano-zoom{--zoom-size:36px}}

.transpose-control{display:flex;align-items:center;gap:6px}.transpose-control button{min-width:36px;padding:6px 10px;font-size:20px;line-height:1.2}.transpose-control output{min-width:84px;text-align:center;font-variant-numeric:tabular-nums;font-size:12px}.se-transpose{font-size:12px;color:var(--muted,#a9bdc8)}#se-quantize-selection{color:#fff}.melody-button-group #guide-toggle{border-radius:8px}

.trainer-page .voice-controls .transpose-setting{grid-column:1/-1;order:-1}.transpose-setting .transpose-control{justify-content:space-between}.se-heading-actions{flex-wrap:wrap;justify-content:flex-end}

body.trainer-loading #trainer-main{visibility:hidden}.trainer-loading-note{padding:42px 0;color:#a9bdc8}.tempo-strip .setting{display:flex;align-items:center;gap:5px;flex:none}.tempo-strip .setting label{margin:0}.tempo-strip #speed{width:64px;min-width:0;padding:6px;font-size:11px}.trainer-page .tempo-strip{gap:8px;flex-wrap:nowrap}.tempo-strip .tempo-editor{min-width:0;flex:1}.tempo-strip #metro-meter{display:block;font-size:10px}.tempo-strip .metro-pulse{display:none}.visual-settings-strip{display:flex;align-items:flex-end;gap:8px;margin:8px 0 12px}.visual-settings-strip .setting{flex:1}.visual-settings-strip select{width:100%}.visual-settings-strip .visual-settings-button{flex:none}.voice-controls:empty{display:none}