/* Local editing above; shared performance and patch controls below. */
main{padding-top:12px}.global-controls{margin-top:13px;border-top:1px solid #777e5655;padding-top:8px}.global-controls>.toolbar{border:0;box-shadow:none;padding:4px 0 11px;justify-content:space-between}.global-caption{font:7px monospace;letter-spacing:1.6px;color:#98a47d}.global-controls .macros{margin-top:0}.global-controls .patchbar{padding:12px 0 0;gap:13px;align-items:stretch}.global-controls .preset-readout{max-width:none!important;min-height:127px;padding:12px 17px!important;overflow:visible}.global-controls .preset-readout:after{border-radius:4px;pointer-events:none}.readout-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.readout-header small{font:7px monospace;letter-spacing:2px;color:#72a87d}.readout-header #patchStatus{font:7px monospace;letter-spacing:1.2px;color:#78a97a}.readout-header #patchStatus.modified{color:#dec38c;text-shadow:0 0 5px #dcbd7255}.global-controls #patchName{font-size:20px;line-height:1.25;min-height:25px;margin:0 0 12px;letter-spacing:.8px}.global-controls #patchName:after{display:none}.global-controls #patchName.modified{color:#d9dfaa}.terminal-controls{display:flex;align-items:center;gap:14px;position:relative;z-index:4;padding-top:9px;border-top:1px solid #5d8b613f}.terminal-controls .clock{margin:0;gap:13px;color:#7baa81;font:7px monospace;letter-spacing:1px}.terminal-controls .clock small{color:#75a97b;font:7px monospace;letter-spacing:1px}.terminal-controls :is(button,#bpm){font-family:'Courier New',monospace!important;background:#0c2417!important;color:#a7dca5!important;border:1px solid #4a7950!important;border-radius:1px!important;box-shadow:inset 0 0 8px #0005!important;text-shadow:0 0 5px #86c28a66!important;min-height:29px;padding:5px 10px;transform:none!important}.terminal-controls button:hover{background:#25482d!important}.terminal-controls :is(#sync.selected,#play[aria-label="Stop audio"]){background:#9bca96!important;color:#122c19!important;text-shadow:none!important;border-color:#b9d9a6!important;box-shadow:0 0 8px #7bb88033!important}.terminal-controls #bpm{font-size:19px!important;max-width:76px;width:72px;padding:3px 4px;text-align:center;min-height:31px;appearance:textfield}.terminal-controls #bpm::-webkit-inner-spin-button{appearance:none}.terminal-controls #play{font-size:12px;width:45px}.terminal-controls #save{margin-left:auto;font-size:10px;letter-spacing:1px;padding:6px 14px;white-space:nowrap}.terminal-controls #help{font-size:10px;padding:5px 9px;min-width:29px}.global-controls .patchnav{display:grid;grid-template-columns:1fr 1fr;align-content:center;gap:10px;min-width:134px;padding:9px}.global-controls .patchnav #random{grid-column:1/-1;margin:0;padding:8px}.global-controls .patchnav button{min-height:34px}.global-controls .presets{padding-top:14px}.global-controls #presets{margin-top:8px}.generators #add{display:none}body[data-mode="Advanced"] .generators #add{display:block}.automated .generators,.automated .parameters{display:none!important}#advanced[hidden]{display:none!important}#userPresets:empty{display:none}#userPresets{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px;padding:8px 3px}#userPresets button{color:#c1caa4;background:#2a3d27;border:2px solid #162817;border-radius:3px;font:10px monospace;padding:9px 12px;box-shadow:0 1px #7c8f5b44}#userPresets button.active{color:#e5c691;border-color:#9b7d48}#saveDialog{max-width:420px;width:calc(100% - 32px);padding:25px}#saveDialog h2{font:21px monospace;margin:0 0 22px}#saveForm label{display:block;font:11px monospace;margin-bottom:8px;color:#bdc7a1}#patchTitle{width:100%;padding:11px;background:#142b19;border:1px solid #668655;color:#d3dfb4;font:15px monospace;border-radius:2px}#saveForm .save-actions{display:flex;justify-content:flex-end;gap:14px;margin-top:20px}#saveForm p{font:10px/1.6 monospace;color:#92a47b;margin:23px 0 0}#saveForm button{font:11px monospace;padding:8px 12px}.global-controls .mode button{font-size:10px}
@media(max-width:900px){.terminal-controls{gap:10px;flex-wrap:wrap}.terminal-controls .clock{gap:9px}.terminal-controls #save{font-size:9px;padding:6px 10px}.global-controls #patchName{font-size:18px}.global-controls .preset-readout{padding:12px!important}.global-controls .patchnav{min-width:115px}.terminal-controls .clock{font-size:6px}.global-caption{font-size:6px}}
@media(max-width:680px){main{padding-top:9px}.global-controls{margin-top:11px;padding-top:7px}.global-controls>.toolbar{display:block;padding-bottom:10px}.global-caption{display:none}.global-controls .patchbar{display:flex;flex-direction:column;gap:9px;padding-top:11px}.global-controls .preset-readout{width:100%;min-height:127px;border-width:5px;padding:11px!important}.global-controls #patchName{font-size:16px;margin-bottom:11px;line-height:1.3}.terminal-controls{gap:9px;flex-wrap:wrap}.terminal-controls .clock{gap:8px;width:100%;font-size:7px;justify-content:space-between}.terminal-controls #bpm{width:62px;font-size:18px!important}.terminal-controls #save{margin-left:0;flex:1;font-size:10px;padding:7px}.terminal-controls #help{min-width:32px}.global-controls .patchnav{display:flex;align-items:center;justify-content:flex-end;padding:6px;gap:10px}.global-controls .patchnav #random{margin:0;padding:7px 13px}.global-controls .patchnav button{min-height:31px}.readout-header #patchStatus{font-size:6px}.global-controls .presets{padding-top:13px}#userPresets button{font-size:9px}.global-controls .mode button{font-size:9px}}
