#comfy-controls{padding:40px;background-color:#ccc;display:block}#comfy-controls.hide,.hide{display:none}.control-panel{position:fixed;top:20px;left:20px;background-color:#f0f0f0;padding:15px 20px;border:1px solid #ccc;border-radius:8px;box-shadow:0 4px 8px #0000001a;z-index:1000;min-width:300px;color:#333;font-family:sans-serif;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;border-bottom:1px solid #ddd;padding-bottom:10px}.panel-header h2{margin:0;font-size:1.2em}.close-btn{background:none;border:none;font-size:1.5em;line-height:1;cursor:pointer;padding:0 5px;color:#888}.close-btn:hover{color:#333}.control-group{margin-bottom:1em}.control-group label,fieldset legend{display:block;margin-bottom:5px;font-weight:700;font-size:.9em}input[type=range],select,input[type=checkbox]{vertical-align:middle;margin-right:5px}input[type=range]{width:calc(100% - 10px)}select{width:100%;padding:5px;border:1px solid #ccc;border-radius:4px;box-sizing:border-box}fieldset{border:1px solid #ddd;border-radius:4px;padding:10px 15px}fieldset legend{padding:0 5px;margin-left:10px}fieldset>div{margin-bottom:10px}fieldset>div:last-child{margin-bottom:0}label[for=playAutoNotesCheckbox]{display:inline-block;margin-bottom:0;font-weight:400}.slider-value{display:inline-block;min-width:3em;text-align:right;font-weight:400;margin-left:5px;background-color:#e0e0e0;padding:1px 4px;border-radius:3px;font-size:.9em}.reset-group{margin-top:20px;text-align:center}.reset-btn{padding:8px 15px;background-color:#6c757d;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:.9em}.reset-btn:hover{background-color:#5a6268}.banner{position:fixed;bottom:20px;right:20px;width:300px;background-color:#f5f5fae6;color:#555;text-align:left;padding:12px 35px 12px 15px;font-size:.85em;font-family:Segoe UI,Candara,DejaVu Sans,Bitstream Vera Sans,Inter,-apple-system,BlinkMacSystemFont,sans-serif;z-index:1001;opacity:1;transition:opacity .8s ease-out;border-radius:5px;box-shadow:0 1px 4px #0000001a}.banner p{margin:0}.banner-close-btn{position:absolute;top:5px;right:5px;background:none;border:none;font-size:1.2em;line-height:1;color:#777;cursor:pointer;padding:5px}.banner-close-btn:hover{color:#333}.banner.fade-out{opacity:0}.banner.hide{display:none}.instrument-group legend{margin-bottom:8px}.instrument-checkbox-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px;max-height:150px;overflow-y:auto;padding:5px;background-color:#e8e8e8;border-radius:4px}.instrument-checkbox-container div{display:flex;align-items:center}.instrument-checkbox-container input[type=checkbox]{margin-right:6px}.instrument-checkbox-container label{font-weight:400;margin-bottom:0;font-size:.9em;cursor:pointer}.instrument-section legend{margin-bottom:8px}.instrument-mode-toggle{margin-bottom:10px;display:flex;align-items:center}.instrument-mode-toggle input[type=checkbox]{margin-right:6px}.instrument-mode-toggle label{font-weight:400;font-size:.9em;margin-bottom:0;cursor:pointer}.instrument-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px;max-height:150px;overflow-y:auto;padding:5px;background-color:#e8e8e8;border-radius:4px}.instrument-container.hide{display:none}.instrument-container div{display:flex;align-items:center}.instrument-container input[type=radio],.instrument-container input[type=checkbox]{margin-right:6px;cursor:pointer}.instrument-container label{font-weight:400;margin-bottom:0;font-size:.9em;cursor:pointer}.inline-checkbox-group{display:flex;align-items:center;gap:.5em;margin-bottom:.5em}.inline-checkbox-group label{display:inline;margin:0}