/* A smaller scope and dense instrument-sized controls. */
.instrument{min-height:0!important;grid-template-columns:130px minmax(0,1fr) 230px!important;align-items:stretch}.canvaswrap,.automated .canvaswrap{height:200px!important;min-height:200px!important;max-height:200px!important}.visual{min-height:0!important}.visualtop{height:43px!important}.signaloutputs{padding:7px 12px!important;min-height:26px!important}.generators{padding:12px!important}#generators{gap:8px!important}.gen{width:44px!important;height:44px!important;min-height:44px!important;min-width:44px!important}.gen .genicon{font-size:22px}.bus{margin-top:12px!important}.parameters{padding:12px!important}.paramtitle{margin:8px 0!important;font-size:17px!important}#parameters{display:grid;grid-template-columns:1fr 1fr;gap:9px!important}.param{margin:0!important;min-width:0}.param label{font-size:8px!important;display:flex;flex-direction:column;gap:4px;align-items:flex-start}.param output{font-size:9px}.bass-monitor{margin:8px 0;padding:8px;gap:8px}.bass-monitor canvas{height:46px}.bass-readings{font-size:7px;line-height:1.6}.bass-readings .live-note{font-size:10px}.bass-editor{margin-top:8px;padding:10px}.bass-editor .sectiontitle{margin-bottom:8px}.bass-tabs{padding-bottom:7px;margin-bottom:7px;gap:6px}.bass-tabs button{padding:5px 10px}.control-subtabs{display:flex;gap:4px;margin:0 0 10px}.control-subtabs button{border:1px solid #74805b55;background:#263822;color:#aebc94;padding:5px 12px;font:8px monospace;cursor:pointer;border-radius:2px;box-shadow:inset 0 1px 3px #0006}.control-subtabs button.active{color:#d8c38a;background:#152b1b;border-color:#9e986866}.control-concealed{display:none!important}.bass-group-label{display:none}.bass-grid{grid-template-columns:repeat(8,minmax(0,1fr));gap:10px}.bass-control{gap:6px}.bass-control label{min-height:22px;font-size:8px;align-items:start}.bass-control label output{display:none}.bass-control select{font-size:9px;padding:6px 4px;min-height:32px}.bass-check{font-size:8px}.rotary-control{display:inline-flex;align-items:center;gap:7px;position:relative;min-width:0;vertical-align:middle}.rotary-cap{display:block;flex:0 0 34px;width:34px;height:34px;border:3px solid #1c2c1b;border-radius:50%;background:radial-gradient(circle at 35% 25%,#b0ad86,#858c67 58%,#48563a 72%);box-shadow:0 0 0 2px #4d5d3c,inset 0 1px 2px #e4dfaf88,0 3px 4px #0009;position:relative}.rotary-cap:after{content:'';position:absolute;width:2px;height:10px;top:3px;left:13px;background:#24351e;transform-origin:1px 11px;transform:rotate(var(--angle));box-shadow:1px 0 #c9c69a88}.rotary-control>input[type=range]{position:absolute!important;z-index:2;left:0;top:0;width:34px!important;height:34px!important;margin:0!important;opacity:0;cursor:ns-resize!important;touch-action:none}.rotary-control:focus-within .rotary-cap{outline:1px solid #dcbd7a;outline-offset:3px}.rotary-value,.digital-value{min-width:0;width:58px!important;max-width:100%;background:#14291b!important;color:#c6cd9d!important;border:1px solid #425639!important;border-radius:2px;padding:5px!important;font:10px monospace!important;box-shadow:inset 0 2px 4px #0007;appearance:textfield}.rotary-value::-webkit-inner-spin-button{appearance:none}.bass-control>.rotary-control{flex-direction:column;gap:6px}.bass-description{margin-top:9px;font-size:7px}.performance-bar{padding:9px;margin-bottom:8px}.bass-bank{margin-bottom:8px;gap:6px}.bass-bank button{padding:5px 10px}.performance-row{gap:10px}.performance-row output{display:none}.performance-row .rotary-cap{width:27px;height:27px;flex-basis:27px}.performance-row .rotary-cap:after{left:10px;height:8px;transform-origin:1px 8px}.performance-row .rotary-control>input[type=range]{width:27px!important;height:27px!important}.keyboard-drawer{margin-top:9px;border-top:1px solid #78835944;padding-top:8px}.keyboard-drawer summary{font:8px monospace;color:#b7c099;cursor:pointer;list-style-position:inside}.keyboard-drawer summary span{font-size:7px;color:#859d75;margin-left:12px}.piano{height:48px;margin-top:8px}.piano button.black{height:32px}.keyboard-note{margin-top:5px}.mutation-locks{margin-top:8px;font-size:7px}.macros{min-height:110px!important;margin-top:8px!important}#macros{padding:12px!important}.knob{width:43px!important;height:43px!important}.knob:after{left:19px!important;top:7px!important;transform-origin:1.5px 14px!important;height:10px!important}.macro b{margin-top:8px!important}.output{padding:10px!important}.presets{padding-top:9px!important}#presets{margin-top:5px!important}.preset{min-height:53px!important;padding:7px!important}.phrase-tools{margin-bottom:9px}.phrase-grid{gap:5px}.phrase-step{padding:2px}.step-detail{margin-top:10px;gap:9px}.bass-page[data-page=phrase]>.bass-control{display:inline-block;width:80px;margin-bottom:8px}.sample-wave{height:60px;margin:9px 0}.resample-actions{margin-bottom:8px}.route{padding:8px!important}.route input.digital-value{width:55px!important}footer{padding:9px 0!important}
@media(max-width:1050px){.bass-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.instrument{grid-template-columns:110px minmax(0,1fr) 195px!important}.performance-row{gap:8px}}
@media(max-width:680px){.instrument{grid-template-columns:1fr!important}.canvaswrap,.automated .canvaswrap{height:160px!important;min-height:160px!important;max-height:160px!important}.parameters{grid-column:1/-1!important}#parameters{grid-template-columns:repeat(4,1fr)}.bass-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.gen{width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important}.control-subtabs button{padding:6px 8px}.bass-monitor canvas{height:40px}.rotary-value{width:52px!important}.performance-row{gap:10px}.performance-row .spacer{display:none}}

.param .rotary-value,.output .rotary-value{display:none}.param .rotary-control{margin-top:4px}.bass-bank{display:none}.bass-control:has(input[id$="cutoff"]) label:after,.bass-control:has(input[id$="combFreq"]) label:after{content:"Hz";color:#849975;font-size:7px}

.control-unit{font:7px monospace;color:#819771;white-space:nowrap}.bass-control label:after{display:none}

/* Larger targets include the rim, with clear hover and drag feedback. */
.rotary-cap{width:40px;height:40px;flex-basis:40px}.rotary-cap:after{left:16px;top:4px;height:11px;transform-origin:1px 13px}.rotary-control>input[type=range],.performance-row .rotary-control>input[type=range]{left:-6px!important;top:-6px!important;width:52px!important;height:52px!important;z-index:4!important;cursor:grab!important;touch-action:none!important}.bass-control>.rotary-control>input[type=range]{left:calc(50% - 26px)!important}.rotary-control{isolation:isolate}.rotary-value{position:relative;z-index:5}.rotary-cap{pointer-events:none;transition:box-shadow .12s}.rotary-control:hover .rotary-cap,.rotary-control.dragging .rotary-cap{box-shadow:0 0 0 3px #a5af7b,0 3px 6px #0009,inset 0 1px 2px #e4dfaf88}.rotary-control.dragging>input[type=range],.knob.dragging input{cursor:grabbing!important}.performance-row .rotary-cap{width:32px;height:32px;flex-basis:32px}.performance-row .rotary-cap:after{left:12px;top:3px;transform-origin:1px 10px}.performance-row .rotary-control>input[type=range]{width:48px!important;height:48px!important;left:-8px!important;top:-8px!important}.performance-row .rotary-control{gap:10px}.knob input[type=range]{position:absolute!important;inset:-7px!important;width:calc(100% + 14px)!important;height:calc(100% + 14px)!important;margin:0!important;opacity:0!important;z-index:5!important;touch-action:none!important;cursor:grab!important}.knob:hover,.knob.dragging{outline:2px solid #a5af7b;outline-offset:5px}.knob:before,.knob:after{pointer-events:none}.rotary-control.dragging,.knob.dragging{user-select:none}