/* Bass engine controls retain intergr8's recessed polymer console. */
.mutation-locks{display:flex;gap:19px;flex-wrap:wrap;margin-top:12px;font:7px monospace;color:#92a57d}.mutation-locks label{display:flex;align-items:center;gap:6px}.mutation-locks input{accent-color:#89aaa1;width:12px;height:12px;margin:0}
.bass-monitor{margin:12px 0;display:grid;grid-template-columns:1fr 1fr 180px;gap:10px;padding:12px;border:4px solid #233020;background:#102218;border-radius:7px;box-shadow:0 0 0 1px #68764e66,inset 0 0 15px #0008}.bass-monitor figure{margin:0;min-width:0}.bass-monitor figcaption{font:7px monospace;color:#88ab7e;letter-spacing:1px;margin-bottom:6px}.bass-monitor canvas{display:block;width:100%;height:80px;background:#102519;border:1px solid #29472b;border-radius:2px}.bass-readings{font:8px/1.9 monospace;color:#91ae83;padding-left:4px}.bass-readings b{font-weight:400;color:#cfce93}.bass-readings .live-note{color:#c8dda6;font-size:12px;margin-bottom:3px}.bass-editor{border:1px solid #1e2b19;box-shadow:inset 0 2px 4px #0006,0 1px #95966c33;background:#35422d;padding:13px;margin-top:12px;border-radius:3px}.bass-editor .sectiontitle{margin-bottom:13px}.bass-tabs{display:flex;gap:8px;flex-wrap:wrap;border-bottom:1px solid #76825944;padding-bottom:11px;margin-bottom:14px}.bass-tabs button,.bass-bank button,.phrase-tools button,.bass-action,.fx-order button,.step-detail button,.performance-bar button{background:linear-gradient(#71785b,#9a9b76);color:#1d2b19;border:3px solid #273620;border-radius:3px;box-shadow:0 0 0 1px #162417,0 1px #9da07555;font:9px monospace;padding:7px 11px;cursor:pointer}.bass-tabs button.active,.bass-bank button.active{background:linear-gradient(#a1582a,#c08245);color:#f2d8a8;border-color:#7d512d}.bass-page[hidden],.advanced-only[hidden]{display:none!important}.bass-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px 20px}.bass-control{min-width:0;display:flex;flex-direction:column;gap:8px;font:8px monospace;color:#b0bc96}.bass-control label{display:flex;justify-content:space-between;align-items:center;gap:5px;letter-spacing:.3px}.bass-control output{color:#d4b67b;font-size:9px}.bass-control input[type=range]{appearance:none;width:100%;height:4px;background:#152a17;border:1px solid #1c321c;accent-color:#bdc68c;margin:4px 0 8px;cursor:ew-resize}.bass-control input[type=range]::-webkit-slider-thumb{appearance:none;width:12px;height:17px;background:linear-gradient(90deg,#828e66,#c1c59a,#6d815c);border:2px solid #1a2d19;box-shadow:0 1px #7d925b;border-radius:2px}.bass-control select,.step-detail input,.step-detail select,.performance-bar select,.bass-control input[type=number]{width:100%;min-width:0;background:#182e1c;color:#c0cda4;border:2px solid #243922;border-radius:2px;font:10px monospace;padding:6px}.bass-group-label{grid-column:1/-1;font:8px monospace;letter-spacing:1.2px;color:#d0c49a;margin:5px 0 0;border-bottom:1px solid #78855344;padding-bottom:9px}.bass-check{font:9px monospace;color:#bec7a4;display:flex;align-items:center;gap:7px}.bass-check input{accent-color:#7da7a2}.fx-order{display:flex;gap:10px;flex-wrap:wrap;margin-top:17px;padding-top:13px;border-top:1px solid #78855344}.fx-order>div{display:flex;gap:7px;align-items:center;background:#243621;border:1px solid #172a17;padding:7px;font:8px monospace;color:#b7c59b}.fx-order button{padding:3px 7px;font-size:9px}.phrase-tools{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:15px}.phrase-tools label{font:9px monospace;color:#b5c19c}.phrase-tools select{background:#1a301c;color:#c2cba7;border:2px solid #293d24;padding:6px;font:9px monospace}.phrase-grid{display:grid;grid-template-columns:repeat(16,minmax(0,1fr));gap:7px}.phrase-step{border:3px solid #1e301c;background:#263a25;border-radius:3px;min-width:0;padding:5px 3px;box-shadow:0 1px #7d8e5c44;text-align:center}.phrase-step button{font:9px monospace;color:#7f9c6a;border:0;padding:5px 0;width:100%;background:none;box-shadow:none}.phrase-step.on{background:#758461}.phrase-step.on button{color:#172e18}.phrase-step.selected{outline:1px solid #d3b775;outline-offset:2px}.phrase-step.playing{box-shadow:0 0 0 2px #d7c977,0 0 9px #a7b56d88}.phrase-step small{font:6px monospace;letter-spacing:0;color:#94ab80}.phrase-step.on small{color:#273d22}.phrase-step input{display:block;margin:4px auto;accent-color:#bdcd96;width:12px;height:12px}.step-detail{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-top:17px}.step-detail label{font:8px monospace;color:#b1c095}.step-detail input{display:block;margin-top:6px;padding:6px;max-width:100%}.bass-description{font:8px/1.7 monospace;color:#8da578;margin:14px 0 0}.resample-actions{display:flex;gap:11px;align-items:center;flex-wrap:wrap;margin:0 0 17px}.resample-actions label{font:9px monospace;color:#acbf92}.resample-actions input{accent-color:#8aa379}.sample-wave{width:100%;height:90px;margin:15px 0;background:#13291a;border:4px solid #263a22;box-shadow:inset 0 1px 4px #0008}.capture-state{font:9px monospace;color:#d3bd7f;margin-left:auto}.performance-bar{border:1px solid #1b2a18;background:linear-gradient(#36462e,#304029);padding:13px;margin:0 0 12px;box-shadow:inset 0 2px 4px #0006;border-radius:3px}.bass-bank{display:flex;gap:9px;align-items:center;flex-wrap:wrap;margin-bottom:14px}.bass-bank>span{font:7px monospace;letter-spacing:1px;color:#a1b18b;margin-right:5px}.performance-row{display:flex;align-items:center;gap:13px;flex-wrap:wrap}.performance-row>label{font:8px monospace;color:#b5c19b;display:flex;gap:8px;align-items:center}.performance-bar select{width:auto}.performance-row input[type=range]{width:72px;height:3px;accent-color:#b4c28d}.performance-row input[type=checkbox]{accent-color:#87a8a1}.performance-row output{font:8px monospace;color:#d1ba83;min-width:26px}.performance-row .spacer{flex:1}.performance-bar #panic{color:#edc88b;background:#644b2b;border-color:#362e1d}.piano{display:flex;gap:2px;margin-top:14px;height:69px;position:relative;max-width:630px}.piano button{flex:1;padding:0 0 7px;background:linear-gradient(#afa487,#d0c19c);border:3px solid #23311d;color:#283922;box-shadow:inset 0 2px 5px #5d573344,0 1px #80915e44;display:flex;align-items:end;justify-content:center;min-width:0;font:8px monospace;border-radius:2px}.piano button.black{background:linear-gradient(#18291b,#34472c);color:#b0c18d;height:45px;margin:0 -10px;z-index:2;flex:.65}.piano button.held{background:linear-gradient(#bb743c,#d99958);color:#2b301b}.keyboard-note{font:7px monospace;color:#8ca077;margin-top:9px;display:flex;gap:15px}.midi-status{font:8px monospace;color:#d3bc7e}.automated .bass-editor{display:none!important}.bass-page .file-input{font:9px monospace;color:#aabb91;max-width:220px}.bass-editor button:focus-visible,.performance-bar button:focus-visible{outline:2px solid #d8c28b;outline-offset:3px}.global-controls>.performance-bar{margin-top:0}.mod-source-output{font:8px monospace}.route .target-select{max-width:200px;width:175px}.route .route-curve{max-width:100px}.bass-monitor .sectiontitle{font-size:7px}
@media(max-width:1050px){.bass-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.phrase-grid{gap:5px}.phrase-step{border-width:2px}.step-detail{grid-template-columns:repeat(3,1fr)}.bass-monitor{grid-template-columns:1fr 1fr 145px}.performance-row{gap:11px}.route .target-select{max-width:165px}}
@media(max-width:680px){.bass-monitor{grid-template-columns:1fr 1fr;padding:8px;gap:8px}.bass-monitor canvas{height:65px}.bass-readings{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:8px 15px;font-size:7px;line-height:1.4}.bass-readings .live-note{font-size:9px;margin:0}.bass-editor{padding:11px;margin-top:11px}.bass-tabs{gap:8px}.bass-tabs button{font-size:8px;padding:7px 9px}.bass-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.bass-control label{font-size:7px}.bass-group-label{font-size:7px}.phrase-grid{grid-template-columns:repeat(8,1fr);gap:8px}.phrase-step{padding:5px 3px}.step-detail{grid-template-columns:repeat(2,1fr);gap:12px}.phrase-tools{gap:9px}.phrase-tools button{font-size:8px}.performance-bar{padding:11px}.bass-bank{gap:8px;margin-bottom:13px}.bass-bank button{font-size:8px;padding:7px 9px}.bass-bank>span{width:100%}.performance-row{gap:12px}.performance-row>label{font-size:7px}.performance-row input[type=range]{width:65px}.performance-row .spacer{display:none}.piano{height:63px;width:100%;margin-top:14px}.piano button.black{margin:0 -6px;height:40px}.piano button{font-size:7px}.keyboard-note{font-size:6px;gap:8px}.capture-state{font-size:8px;margin-left:0;width:100%}.resample-actions{gap:10px}.fx-order{gap:9px}.fx-order>div{font-size:7px}.bass-description{font-size:7px}.route .target-select{max-width:185px;width:165px}}