.arp-lab{margin-top:12px;background:linear-gradient(145deg,#20231e,#131511);border:1px solid #41463a;border-radius:6px;overflow:hidden}.lab-head{height:55px;padding:8px 15px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #35392f}.lab-transport{display:flex;gap:8px;align-items:center}.lab-transport label,.lab-block>label,.lab-controls label{font-size:.52rem;color:#8a8e80;letter-spacing:.09em;display:flex;flex-direction:column;gap:4px}.lab-transport select,.lab-block select,.modifier-row select{height:29px;background:#0d0f0c;border:1px solid #3a3e34;font-family:"DM Mono",monospace;font-size:.6rem;padding:0 7px}.lab-body{display:grid;grid-template-columns:190px minmax(340px,1.6fr) minmax(190px,.8fr) minmax(250px,1fr)}.lab-block{padding:12px 14px;border-right:1px solid #35392f;min-height:168px;position:relative}.lab-block:last-child{border-right:0}.lab-label{display:block;color:#dfff49;font-family:"DM Mono",monospace;font-size:.58rem;letter-spacing:.15em;margin-bottom:10px}.lab-dial{align-items:center!important}.lab-knob{width:64px;height:64px}.lab-dial output{font-family:"DM Mono";color:#dfff49;font-size:.65rem}.anchor-block{display:grid;grid-template-columns:1fr 1fr;gap:12px}.anchor-block .lab-label{grid-column:1/-1}.anchor-block>label:last-child{justify-content:flex-end}.movement-map{height:78px;display:grid;grid-template-columns:repeat(16,1fr);gap:3px;align-items:center;padding:7px;background:#0c0e0b;border:1px solid #30342b;margin-bottom:12px}.movement-map i{display:block;background:#383c32;border-radius:50%;aspect-ratio:1;transition:.15s}.movement-map i.on{background:#ff6838;box-shadow:0 0 7px #ff683877}.movement-map i.accent{background:#dfff49}.lab-controls{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.lab-controls.vertical{grid-template-columns:1fr 1fr}.lab-controls input,.modifier-row input{width:100%;accent-color:#dfff49}.lab-controls output{font-family:"DM Mono";color:#e8e6d8}.modifier-row{display:grid;grid-template-columns:74px 70px 1fr;gap:6px;align-items:center;margin-bottom:10px}.modifier-row label{font-size:.51rem;color:#a6aa9b;white-space:nowrap}.seed-button{height:29px;width:100%;border:1px solid #4a5041;background:#181b16;color:#dfff49;font-size:.57rem;letter-spacing:.12em}.seed-button:hover{background:#dfff49;color:#10120e}.lab-sequence{padding:8px 14px;border-top:1px solid #35392f}.lab-sequence .step-lights{grid-template-columns:repeat(16,1fr)}.bass-panel:not(.hidden)~.arp-lab .lab-label{color:#ff6838}.bass-panel:not(.hidden)~.arp-lab input{accent-color:#ff6838}.bass-panel:not(.hidden)~.arp-lab .seed-button{color:#ff6838}.bass-panel:not(.hidden)~.arp-lab .step-lights i.active{background:#ff6838;box-shadow:0 0 7px #ff683888}
@media(max-width:1100px){.lab-body{grid-template-columns:180px 1fr}.lab-block{border-bottom:1px solid #35392f}.offset-block,.modifier-block{border-bottom:0}.lab-sequence .step-lights{grid-template-columns:repeat(8,1fr)}}@media(max-width:700px){.lab-head{height:auto;gap:10px;align-items:flex-start}.lab-transport{flex-wrap:wrap;justify-content:flex-end}.lab-body{display:block}.lab-block{border-right:0}.movement-map{grid-template-columns:repeat(8,1fr)}.lab-sequence .step-lights{grid-template-columns:repeat(8,1fr)}}