/* Compact shared input dock; no resizing of the existing page or pad grid. */
.ss-midi{position:relative;margin:0 auto 12px;width:max-content;z-index:90;background:#142e3f;color:#fff;border:1px solid #87cfe7;border-radius:9px;padding:5px;max-width:calc(100vw - 24px);font-size:12px;box-shadow:0 3px 12px #0007}
.ss-midi[hidden]{display:none}.midi-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap;max-width:480px}.ss-midi button,.ss-midi summary{min-height:44px;padding:9px;font-size:12px;touch-action:manipulation}.ss-midi [data-midi-state]{max-width:160px;overflow-wrap:anywhere}.ss-midi details>summary{cursor:pointer;display:flex;align-items:center}.midi-options{position:absolute;right:0;bottom:100%;background:#17384b;border:2px solid #8bd8ef;border-radius:9px;width:min(380px,calc(100vw - 24px));max-height:65dvh;overflow:auto;padding:12px;box-sizing:border-box}.midi-options label{display:grid;gap:5px;font-weight:700}.midi-options select{max-width:100%;min-height:44px;font-size:14px}.midi-options p{line-height:1.4}.midi-actions{display:flex;flex-wrap:wrap;gap:5px}.midi-flash{color:#b5f58f;font-weight:900}.key.midi-held{background:#ffad49!important;box-shadow:inset 0 0 0 3px #fff}#performance .pf-pad.midi-learning{outline:4px dashed #fff;outline-offset:3px}
@media(max-width:600px){.ss-midi{max-width:calc(100vw - 12px)}.midi-row{gap:4px}.ss-midi [data-midi-state]{max-width:105px}.ss-midi [data-midi-activity]{font-size:10px}}