.player-resizer{position:relative;display:flex;flex:none;align-items:center;justify-content:center;height:12px;min-height:12px;background:#141810;cursor:ns-resize;touch-action:none;border-top:1px solid #c8a66e25;border-bottom:1px solid #c8a66e25;z-index:12;outline-offset:-2px}
.player-resizer>span{width:38px;height:3px;border-radius:4px;background:#8f805e}.player-resizer:hover,.player-resizer:focus-visible{background:#302b1d;outline:1px solid #c8a66e}.player-resizer:hover>span{background:#d4b779}.resizing-player{cursor:ns-resize;user-select:none}.resizing-player *{cursor:ns-resize!important}
body .stage{height:auto!important;min-height:0!important}
body .stage #score-wrap,body.immersive .stage #score-wrap,body[data-session=listen] .stage #score-wrap,body.immersive[data-session=listen] .stage #score-wrap{height:var(--panel-height,340px)!important;min-height:0!important;max-height:none!important;flex:0 0 var(--panel-height,340px)!important}
body .stage #keyboard,body.immersive[data-session=listen] .stage #keyboard{height:var(--panel-height,88px)!important;min-height:0!important;max-height:none!important;flex:0 0 var(--panel-height,88px)!important}
body .stage #roll,body.immersive .stage #roll{height:var(--panel-height,110px)!important;min-height:0!important;max-height:none!important;flex:0 0 var(--panel-height,110px)!important}
body.immersive .stage{height:100dvh!important;min-height:0!important;overflow:hidden!important}
body.immersive[data-session=listen] #resize-score-wrap{order:2}body.immersive[data-session=listen] #resize-roll{order:3}body.immersive[data-session=listen] #resize-keyboard{order:4}
:root[data-score-layout=horizontal] #score-wrap{overflow-y:hidden!important}
:root[data-score-layout=horizontal] #score{min-height:0!important;height:auto}
.harmony-key-map{grid-column:1;font-size:11px;margin:12px 0}.harmony-key-map>div:first-child{display:flex;gap:8px;align-items:end;flex-wrap:wrap}.harmony-key-map label{display:grid;gap:5px;margin:0}.harmony-key-map input{width:70px}.harmony-key-map button{font-size:11px;min-height:36px;padding:6px 9px}.harmony-key-map p{font-size:11px;line-height:1.6;margin:8px 0}.harmony-key-map #harmony-key-list{display:flex;gap:5px;flex-wrap:wrap}.harmony-key-map #harmony-key-list button{background:#c8a66e18;border-color:#c8a66e44}
body:not(.immersive) #harmony-result{grid-row:1/span 5}
.panel-size-help{font-size:11px;color:var(--muted);margin:14px 0}.panel-size-help button{display:block;margin-top:8px;font-size:12px}
body:not(.harmony-selecting) .harmony-selected{filter:none!important;outline:none!important}
@media(max-width:600px){.player-resizer{height:16px;min-height:16px}.harmony-key-map button{min-height:42px}}
:root[data-score-layout=horizontal] #score{padding:8px 0!important}