:root{--piano-reserve:0px;--piano-offset:230px}.workspace{padding-bottom:var(--piano-reserve)}.piano-toolbar{display:flex;align-items:center;gap:10px;margin-bottom:10px;border-bottom:1px solid var(--line);padding-bottom:8px}.piano-grip{touch-action:none!important;cursor:grab;font-size:20px!important}.piano-grip span{font:700 10px Manrope,system-ui;letter-spacing:2px}.piano-position{display:flex;align-items:center;gap:8px;margin-left:auto;font-size:10px}.piano-position select{max-width:210px;font:500 11px Manrope,system-ui;padding:8px;border:1px solid var(--line);border-radius:8px;background:var(--paper);color:var(--ink)}.piano-collapse{font-size:11px!important;white-space:nowrap}.instrument.piano-docked{position:fixed;left:calc(var(--piano-offset) + 16px);right:16px;bottom:calc(10px + env(safe-area-inset-bottom,0px));z-index:80;margin:0;max-width:none;padding:10px 18px 8px;box-shadow:0 -12px 50px #10221c22;border-radius:18px;background:var(--paper);max-height:45vh;overflow:auto}.piano-docked .instrument-head,.piano-floating .instrument-head{margin-bottom:8px}.piano-docked .instrument-head h3,.piano-floating .instrument-head h3{font-size:14px;max-width:45vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.piano-docked .eyebrow,.piano-floating .eyebrow{display:none}.piano-docked .keyboard,.piano-floating .keyboard{height:104px}.piano-docked .pkey,.piano-floating .pkey{height:100px}.piano-docked .pkey.black,.piano-floating .pkey.black{height:63px}.piano-docked .instrument-foot,.piano-floating .instrument-foot{font-size:10px;margin-top:6px}.instrument.piano-inline{position:relative;margin:0;width:100%;max-width:none;box-sizing:border-box;border-radius:20px;padding:14px 18px}.kv-piano-slot:empty{display:none}.instrument.piano-floating{position:fixed;z-index:100;width:min(900px,calc(100vw - 24px));max-width:none;max-height:65vh;overflow:auto;margin:0;padding:12px 18px;box-sizing:border-box;border-radius:18px;box-shadow:0 20px 80px #101e2b55;background:var(--paper)}.piano-collapsed .instrument-head,.piano-collapsed .keyboard-scroll,.piano-collapsed .instrument-foot{display:none}.piano-collapsed .piano-toolbar{margin:0;border:0;padding:0}.piano-docked .legend,.piano-floating .legend{font-size:9px;gap:8px}.kv-roll-card{background:linear-gradient(135deg,#151f30,#101b28)!important;border:1px solid #2d4054!important;box-shadow:0 16px 48px #11243116;overflow:hidden}.kv-roll-card h2{color:#eef4fd}.kv-roll-card .field>span,.kv-roll-card .tiny,.kv-roll-card .small{color:#a0b5ca}.kv-roll-card select{background:#1c2c40;color:#e6f0fa;border-color:#3c5168}.kv-roll-card canvas{border:1px solid #32465c;border-radius:14px!important;min-height:0!important}.kv-roll-kicker{font-size:10px;letter-spacing:2px;font-weight:700;color:#91ddd6;margin-bottom:7px}.kv-roll-legend{display:flex;gap:16px;flex-wrap:wrap;margin:14px 0 5px;color:#aec0d4;font-size:11px}.kv-roll-legend span:before{content:'';display:inline-block;width:8px;height:8px;margin-right:7px;border-radius:50%;background:#ada1ef}.kv-roll-legend .roll-bass:before{background:#edc478}.kv-roll-legend .roll-upper:before{background:#7adbd4}.kv-roll-card .kv-track-grid>div{border-color:#34465c;color:#c5d3e3}@media(max-width:900px){.instrument.piano-docked{left:12px;right:12px;bottom:calc(7px + env(safe-area-inset-bottom,0px));padding:8px 12px}.piano-docked .instrument-head,.piano-floating .instrument-head{flex-direction:row;align-items:center}.piano-docked .legend span,.piano-floating .legend span{display:none}.piano-docked .instrument-head h3,.piano-floating .instrument-head h3{max-width:60vw}.piano-docked .instrument-foot #midiStatus,.piano-floating .instrument-foot #midiStatus{display:none}.piano-toolbar{gap:4px}.piano-position>span,.piano-grip span{display:none}.piano-position select{max-width:170px;font-size:10px}.piano-grip{min-width:32px}.piano-collapse{font-size:10px!important}.piano-inline .instrument-head{gap:8px}.kv-roll-card{padding:16px!important}.kv-roll-card .section-head{align-items:flex-start;gap:12px;flex-wrap:wrap}}@media(max-height:560px){.piano-docked .instrument-head,.piano-docked .instrument-foot{display:none}.piano-docked .keyboard{height:76px}.piano-docked .pkey{height:72px}.piano-docked .pkey.black{height:45px}}@media print{.instrument.piano-docked,.instrument.piano-floating,.piano-toolbar{display:none!important}.workspace{padding-bottom:0}}
.kv-shell,.kv-shell>*,.kv-shell .grid>*{min-width:0;max-width:100%}.kv-shell{grid-template-columns:minmax(0,1fr)}.kv-piano-slot{width:100%;min-width:0}.kv-roll-card canvas{max-width:100%}@media(max-width:800px){.kv-shell .grid.two{grid-template-columns:minmax(0,1fr)}.kv-shell .controls{max-width:100%}.kv-shell .field{min-width:0;max-width:100%}}