.help-button{height:36px;padding:0 11px;border:1px solid #4b5043;background:#191b17;border-radius:4px;font-size:.61rem;letter-spacing:.07em;color:#9fa392}.help-button.active{background:#dfff49;color:#10120e;border-color:#dfff49}.tips-active [data-tip]{outline:1px dashed #dfff4988;outline-offset:3px;cursor:help}.tips-active .bass-panel [data-tip]{outline-color:#ff683899}.control-tip{position:fixed;right:18px;bottom:18px;width:min(330px,calc(100vw - 36px));padding:15px 38px 15px 16px;background:#e8e6d8;color:#11130f;border-left:5px solid #dfff49;box-shadow:0 18px 55px #000b;z-index:50;display:none}.control-tip.show{display:block}.control-tip span{display:block;font-family:"DM Mono",monospace;font-size:.52rem;letter-spacing:.14em;color:#65695d}.control-tip strong{display:block;font-size:.82rem;margin:3px 0}.control-tip p{font-size:.72rem;line-height:1.45;margin:0}.control-tip button{position:absolute;right:8px;top:8px;border:0;background:transparent;color:#111;font-size:1.2rem}.header-actions{min-width:500px}.topbar{grid-template-columns:220px 1fr 510px}@media(max-width:1200px){.topbar{grid-template-columns:140px 1fr 500px}.help-button{padding:0 7px}}@media(max-width:820px){.topbar{grid-template-columns:1fr auto}.header-actions{min-width:0}.help-button{font-size:.5rem}.midi-status{display:none}}