.MuteControls-module__hrFDdW__muteControls{z-index:100;gap:10px;display:flex;position:fixed;top:20px;left:50%;transform:translate(-50%)}.MuteControls-module__hrFDdW__muteButton{cursor:pointer;color:#fff;background-color:#0009;border:1px solid #fff3;border-radius:4px;padding:10px 15px;font-family:Inter,sans-serif;font-size:14px;font-weight:500;transition:all .2s;box-shadow:0 4px 6px #0003}.MuteControls-module__hrFDdW__muteButton:hover{background-color:#000c;transform:translateY(-2px);box-shadow:0 6px 8px #0000004d}.MuteControls-module__hrFDdW__modalOverlay{z-index:50;background:#00000080;justify-content:center;align-items:flex-start;padding-top:120px;display:flex;position:fixed;inset:0}.MuteControls-module__hrFDdW__modal{color:#fff;background-color:#1f2937;border-radius:8px;width:300px;padding:16px;position:relative}.MuteControls-module__hrFDdW__closeButton{color:#fff;cursor:pointer;background:0 0;border:none;font-size:18px;position:absolute;top:8px;right:8px}.MuteControls-module__hrFDdW__muteButton.MuteControls-module__hrFDdW__muted{background-color:#f44336cc;border-color:#f4433633}.MuteControls-module__hrFDdW__muteButton.MuteControls-module__hrFDdW__muted:hover{background-color:#f44336}.MuteControls-module__hrFDdW__muteButton.MuteControls-module__hrFDdW__active{background-color:#2196f3cc;border-color:#2196f333}.MuteControls-module__hrFDdW__muteButton.MuteControls-module__hrFDdW__active:hover{background-color:#2196f3}.MuteControls-module__hrFDdW__volumeRow{align-items:center;margin-bottom:8px;display:flex}.MuteControls-module__hrFDdW__volumeRow label{text-align:right;width:80px;margin-right:8px}.MuteControls-module__hrFDdW__volumeRow input{flex:1}@media (max-width:768px){.MuteControls-module__hrFDdW__muteControls{justify-content:center;width:100%;padding:0 10px;top:auto;bottom:140px}.MuteControls-module__hrFDdW__muteButton{padding:8px 12px;font-size:12px}.MuteControls-module__hrFDdW__volumeRow{margin-bottom:12px}}
.LoopSequencer-module__-Qywuq__overlay{z-index:20;pointer-events:none;justify-content:center;align-items:center;padding:clamp(.75rem,2vw,2rem) clamp(.75rem,2vw,2rem) clamp(7rem,18vh,10rem);display:flex;position:absolute;inset:0}.LoopSequencer-module__-Qywuq__panel{color:#f8fafc;pointer-events:auto;background:#000000c7;border:1px solid #ffffff38;border-radius:8px;flex-direction:column;width:min(1040px,94vw);max-height:min(76vh,720px);display:flex;overflow:hidden;box-shadow:0 18px 48px #0000008c}.LoopSequencer-module__-Qywuq__header{background:#0c121ac7;border-bottom:1px solid #ffffff2e;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:.75rem;padding:.8rem .9rem;display:grid}.LoopSequencer-module__-Qywuq__eyebrow{color:#94a3b8;text-transform:uppercase;font-size:.68rem;font-weight:700}.LoopSequencer-module__-Qywuq__title{color:#fff;margin:0;font-size:clamp(1rem,2vw,1.45rem);line-height:1.1}.LoopSequencer-module__-Qywuq__instrumentSwitcher{align-items:center;gap:.45rem;min-width:0;display:flex}.LoopSequencer-module__-Qywuq__status{color:#dbeafe;text-align:center;background:#0ea5e92e;border:1px solid #7dd3fc5c;border-radius:6px;min-width:124px;padding:.35rem .5rem;font-size:.78rem;font-weight:700}.LoopSequencer-module__-Qywuq__actions{align-items:center;gap:.35rem;display:flex}.LoopSequencer-module__-Qywuq__lengthControl{border:1px solid #94a3b86b;border-radius:6px;height:34px;display:inline-flex;overflow:hidden}.LoopSequencer-module__-Qywuq__lengthButton{color:#cbd5e1;cursor:pointer;background:#1f2937eb;border:0;border-right:1px solid #94a3b847;min-width:34px;padding:0 .4rem;font-size:.72rem;font-weight:800}.LoopSequencer-module__-Qywuq__lengthButton:last-child{border-right:0}.LoopSequencer-module__-Qywuq__lengthButton:hover:not(:disabled){color:#fff;background:#374151f2}.LoopSequencer-module__-Qywuq__lengthButton:disabled{cursor:not-allowed;opacity:.45}.LoopSequencer-module__-Qywuq__activeLengthButton{color:#04111d;background:#7dd3fc}.LoopSequencer-module__-Qywuq__iconButton{color:#f8fafc;cursor:pointer;background:#1f2937eb;border:1px solid #94a3b86b;border-radius:6px;justify-content:center;align-items:center;width:34px;height:34px;display:inline-flex}.LoopSequencer-module__-Qywuq__controlButton{color:#f8fafc;cursor:pointer;background:#1f2937eb;border:1px solid #94a3b86b;border-radius:6px;justify-content:center;align-items:center;gap:.35rem;min-width:78px;height:34px;padding:0 .6rem;font-size:.76rem;font-weight:800;display:inline-flex}.LoopSequencer-module__-Qywuq__iconButton:hover:not(:disabled),.LoopSequencer-module__-Qywuq__controlButton:hover:not(:disabled){background:#374151f2}.LoopSequencer-module__-Qywuq__iconButton:disabled,.LoopSequencer-module__-Qywuq__controlButton:disabled{cursor:not-allowed;opacity:.45}.LoopSequencer-module__-Qywuq__recordButton{color:#fee2e2;background:#7f1d1dc7;border-color:#f871717a}.LoopSequencer-module__-Qywuq__recordButton:hover:not(:disabled){background:#991b1be6}.LoopSequencer-module__-Qywuq__dangerButton{color:#fecaca;border-color:#f8717175}.LoopSequencer-module__-Qywuq__dangerButton:hover:not(:disabled){background:#7f1d1dc7}.LoopSequencer-module__-Qywuq__icon{width:17px;height:17px}.LoopSequencer-module__-Qywuq__slotStrip{background:#050a12bd;border-bottom:1px solid #ffffff1f;grid-template-columns:repeat(10,minmax(38px,1fr));gap:.35rem;padding:.55rem .8rem;display:grid}.LoopSequencer-module__-Qywuq__slotButton{color:#cbd5e1;cursor:pointer;background:#0f172adb;border:1px solid #94a3b847;border-radius:6px;justify-content:center;align-items:center;gap:.28rem;height:38px;display:flex}.LoopSequencer-module__-Qywuq__slotButton span{font-size:.82rem;font-weight:900}.LoopSequencer-module__-Qywuq__slotButton small{color:#94a3b8;min-width:1.1rem;font-size:.62rem;font-weight:800}.LoopSequencer-module__-Qywuq__slotButton:hover{color:#fff;border-color:#e2e8f085}.LoopSequencer-module__-Qywuq__populatedSlot{border-color:#7dd3fc80}.LoopSequencer-module__-Qywuq__selectedSlot{color:#fff;border-color:#facc15e6;box-shadow:inset 0 0 0 1px #facc1580}.LoopSequencer-module__-Qywuq__playingSlot{color:#dcfce7;background:#166534b8;border-color:#86efac9e}.LoopSequencer-module__-Qywuq__recordingSlot{color:#fee2e2;background:#991b1bd1;border-color:#f87171ad}.LoopSequencer-module__-Qywuq__scroller{padding:.8rem;overflow:auto}.LoopSequencer-module__-Qywuq__stepHeader,.LoopSequencer-module__-Qywuq__row{grid-template-columns:minmax(70px,96px) repeat(16,minmax(28px,1fr));gap:.28rem;min-width:720px;display:grid}.LoopSequencer-module__-Qywuq__stepHeader{margin-bottom:.4rem}.LoopSequencer-module__-Qywuq__cornerLabel,.LoopSequencer-module__-Qywuq__stepButton{border-radius:5px;justify-content:center;align-items:center;height:28px;font-size:.7rem;font-weight:800;display:flex}.LoopSequencer-module__-Qywuq__cornerLabel{color:#94a3b8;border:1px solid #94a3b838}.LoopSequencer-module__-Qywuq__stepButton{color:#cbd5e1;cursor:pointer;background:#0f172adb;border:1px solid #94a3b842}.LoopSequencer-module__-Qywuq__stepButton:hover{color:#fff;border-color:#e2e8f085}.LoopSequencer-module__-Qywuq__selectedStep{color:#fff;border-color:#facc15e6}.LoopSequencer-module__-Qywuq__currentStep{color:#021018;background:#7dd3fc;border-color:#bae6fd}.LoopSequencer-module__-Qywuq__grid{flex-direction:column;gap:.28rem;display:flex}.LoopSequencer-module__-Qywuq__rowLabel{color:#fff;white-space:nowrap;text-overflow:ellipsis;background:color-mix(in srgb,var(--row-color)35%,#111827);border:1px solid color-mix(in srgb,var(--row-color)70%,#fff);border-radius:5px;align-items:center;height:34px;padding:0 .45rem;font-size:.74rem;font-weight:800;display:flex;overflow:hidden}.LoopSequencer-module__-Qywuq__cell{cursor:pointer;background:#0f172ad6;border:1px solid #94a3b847;border-radius:5px;height:34px}.LoopSequencer-module__-Qywuq__cell:hover:not(:disabled){border-color:color-mix(in srgb,var(--row-color)85%,#fff)}.LoopSequencer-module__-Qywuq__cell:disabled{cursor:not-allowed;opacity:.7}.LoopSequencer-module__-Qywuq__activeCell{background:color-mix(in srgb,var(--row-color)82%,#0f172a);border-color:color-mix(in srgb,var(--row-color)84%,#fff);box-shadow:inset 0 0 0 2px #ffffff2e}.LoopSequencer-module__-Qywuq__selectedColumn{outline-offset:-2px;outline:1px solid #facc15cc}.LoopSequencer-module__-Qywuq__currentColumn{box-shadow:0 0 0 2px #7dd3fcb3,inset 0 0 0 1px #ffffff24}@media (max-width:768px){.LoopSequencer-module__-Qywuq__overlay{align-items:stretch;padding:.6rem;position:fixed;inset:5.5rem 0 clamp(13rem,30vh,16rem)}.LoopSequencer-module__-Qywuq__header{grid-template-columns:1fr;align-items:stretch}.LoopSequencer-module__-Qywuq__actions{flex-wrap:wrap}.LoopSequencer-module__-Qywuq__status{width:100%}.LoopSequencer-module__-Qywuq__slotStrip{grid-template-columns:repeat(5,minmax(38px,1fr))}.LoopSequencer-module__-Qywuq__panel{width:100%;max-height:100%}.LoopSequencer-module__-Qywuq__header{grid-template-columns:1fr auto}.LoopSequencer-module__-Qywuq__instrumentSwitcher{gap:.35rem}.LoopSequencer-module__-Qywuq__title{font-size:1rem}.LoopSequencer-module__-Qywuq__actions{flex-wrap:wrap;grid-column:1/-1;justify-content:center}.LoopSequencer-module__-Qywuq__status{min-width:78px}.LoopSequencer-module__-Qywuq__controlButton{min-width:82px}.LoopSequencer-module__-Qywuq__stepHeader,.LoopSequencer-module__-Qywuq__row{grid-template-columns:62px repeat(16,26px);min-width:524px}.LoopSequencer-module__-Qywuq__rowLabel,.LoopSequencer-module__-Qywuq__cell{height:30px}}
