/* Narrow shared-frequency tools, independent of the Midi/Pro preference. */
#frequencyAdvancedR1120,#frequencyWorkbenchR1120{display:block!important;visibility:visible!important}
#frequencyWorkbenchR1120 .fr1120-workbench{margin:16px 0;background:rgba(8,15,26,.93);color:#eef2f7;padding:12px;border:1px solid rgba(209,181,110,.5);border-radius:14px}
#frequencyWorkbenchR1120 summary,#frequencyAdvancedR1120 summary{cursor:pointer;font-weight:700;padding:8px 0;color:#f1dcaa}
#frequencyWorkbenchR1120 .fr1120-row{display:grid;grid-template-columns:minmax(90px,1fr) minmax(90px,1.5fr) auto;gap:8px;align-items:center;margin:12px 0;font-size:13px}
#frequencyWorkbenchR1120 select{grid-column:2/4;max-width:100%;min-width:0;background:#121e2b;color:#f5f5f5;border:1px solid #7b6e50;border-radius:8px;padding:9px}
#frequencyWorkbenchR1120 input{min-width:0;max-width:100%}#frequencyWorkbenchR1120 output{min-width:42px;font-variant-numeric:tabular-nums;text-align:right}
#frequencyWorkbenchR1120 input[type=checkbox]{width:24px;height:24px}#frequencyWorkbenchR1120 .fr1120-octaves{display:flex;gap:10px}#frequencyWorkbenchR1120 .fr1120-octaves button{flex:1}
#frequencyWorkbenchR1120 .fr1120-note{font-size:12px;line-height:1.5;color:#d8dfeb;margin:12px 0 2px}#frequencyWorkbenchR1120 :focus-visible{outline:2px solid #ead7a1;outline-offset:3px}
@media(max-width:350px){#frequencyWorkbenchR1120 .fr1120-row{grid-template-columns:minmax(76px,1fr) minmax(75px,1.2fr) auto;gap:5px}}

/* Touch and keyboard accessible inline information balloons, never hover-only. */
#tab-frq .fr1120-help{margin:8px 0;padding:0 10px;border:1px solid #7b6e50;border-radius:10px;background:#152235;overflow-wrap:anywhere}
#tab-frq .fr1120-help summary{min-height:44px;box-sizing:border-box;display:list-item;padding:12px 0;font-size:13px}
#tab-frq .fr1120-help p{font-size:13px;line-height:1.6;color:#eef2f7}
#frequencyWorkbenchR1120 .fr1120-row label{min-height:44px;display:flex;align-items:center;cursor:pointer;overflow-wrap:anywhere}
#frequencyWorkbenchR1120 select{min-height:44px}
#frequencyWorkbenchR1120 input[type=checkbox]{width:44px;height:44px;accent-color:#d1b56e}
#frequencyWorkbenchR1120 input:disabled{opacity:.45;cursor:not-allowed}

/* The same inline disclosure serves the frequency tools and harmonics. */
#tab-frq .fr1120-help{min-width:0;max-width:100%;box-sizing:border-box}
#tab-frq .fr1120-help summary{color:#f1dcaa;cursor:pointer;white-space:normal;font-weight:700;line-height:1.5;overflow-wrap:anywhere}
#tab-frq .fr1120-help summary:focus-visible{outline:2px solid #ead7a1;outline-offset:3px}
@media(forced-colors:active){#tab-frq .fr1120-help{background:Canvas!important;border-color:CanvasText!important}#tab-frq .fr1120-help :is(summary,p){color:CanvasText!important;-webkit-text-fill-color:currentColor!important}#tab-frq .fr1120-help summary:focus-visible{outline-color:Highlight}}

body.helpOn #tab-frq button.qb{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;min-width:24px;min-height:24px;width:24px;height:24px;padding:0}
#tab-frq button.qb:focus-visible{outline:2px solid var(--goldh,#ead7a1);outline-offset:3px}
#qBubble[hidden]{display:none!important}