*,:after,:before{box-sizing:border-box;margin:0;padding:0}#root,body,html{-webkit-font-smoothing:antialiased;background:#0e0e10;color:#c8c8cc;font-family:SF Mono,Fira Code,Menlo,monospace;height:100%}.app{background:#0e0e10;height:100vh;justify-content:center;overflow:hidden;position:relative;width:100vw}.app,.stage{align-items:center;display:flex}.stage{flex-direction:column;z-index:1}.leftToggleBtn,.rightToggleBtn{align-items:center;appearance:none;background:#0e0e10d9;border:1px solid #5dcaa54d;border-radius:2px;color:#5dcaa599;cursor:pointer;display:flex;font-family:inherit;font-size:13px;height:28px;justify-content:center;line-height:1;position:absolute;top:16px;transition:border-color .2s,color .2s;width:28px;z-index:50}.leftToggleBtn:hover,.rightToggleBtn:hover{border-color:#5dcaa5b3;color:#5dcaa5}.leftToggleBtn{left:16px}.rightToggleBtn{right:16px}.engageBtn{appearance:none;background:#5dcaa526;border:2px solid #5dcaa5;border-radius:2px;color:#5dcaa5;cursor:pointer;font-family:inherit;font-size:10px;letter-spacing:.28em;margin-top:20px;padding:8px 28px;text-transform:uppercase;transition:border-color .2s,background .2s,color .2s}.engageBtn:hover{background:#5dcaa5d1;color:#111114}.disengageBtn{appearance:none;background:#0000;border:1px solid #e07070a6;border-radius:2px;color:#e07070;cursor:pointer;font-family:inherit;font-size:10px;letter-spacing:.28em;margin-top:20px;padding:8px 24px;text-transform:uppercase;transition:border-color .2s,background .2s}.disengageBtn:hover{background:#e070700d;border-color:#e07070}.Viewport_viewport__6UwEa{align-items:center;aspect-ratio:16/9;border:1px dashed #5dcaa5bf;border-radius:4px;box-shadow:0 0 48px #5dcaa51f,inset 0 0 60px #5dcaa50d;display:flex;justify-content:center;max-width:1000px;position:relative;width:65vw}.Viewport_video__6dJS0{display:block;object-fit:cover}.Viewport_canvas__ZL8Ka,.Viewport_video__6dJS0{border-radius:3px;height:100%;left:0;position:absolute;top:0;transform:scaleX(-1);width:100%}.Viewport_canvas__ZL8Ka{pointer-events:none}.Viewport_label__72l\+t{color:#5dcaa5b3}.Viewport_errorLabel__GazCP,.Viewport_label__72l\+t{font-size:11px;letter-spacing:.25em;text-transform:uppercase;-webkit-user-select:none;user-select:none}.Viewport_errorLabel__GazCP{color:#e07070}.LoopProgress_track__n9mld{background:#ffffff0f;height:6px;left:0;overflow:hidden;position:absolute;right:0;top:0;z-index:10}.LoopProgress_bar__acA4V{height:100%;left:0;position:absolute;top:0;transform:scaleX(0);transform-origin:left;width:100%}.LoopProgress_recording__nyngJ{background:#e05555}.LoopProgress_looping__e1ggQ{background:#5dcaa5;opacity:.7}.LoopProgress_tick__lWeoV{background:#ffffff26;height:100%;position:absolute;top:0;width:1px}.PianoRoll_pianoRoll__-MiGx{bottom:0;left:0;overflow:visible;pointer-events:none;position:absolute;top:0;width:44px;z-index:10}.PianoRoll_whiteKeys__zJgeA{display:flex;flex-direction:column;inset:0;position:absolute}.PianoRoll_whiteKey__SAhRN{background:#1a1a20;border-bottom:1px solid #2a2a2e;border-radius:0 2px 2px 0;flex:1 1;position:relative;transition:background .04s ease}.PianoRoll_whiteKey__SAhRN:after{background:linear-gradient(90deg,#5dcaa566,#0000);bottom:-1px;content:"";height:1px;left:100%;pointer-events:none;position:absolute;width:180px}.PianoRoll_whiteKey__SAhRN.PianoRoll_active__PGaXL{background:#5dcaa5d1}.PianoRoll_blackKeys__XNUoj{inset:0;pointer-events:none;position:absolute}.PianoRoll_blackKey__jhc7b{background:#0e0e10;border-bottom:1px solid #1a1a20;border-radius:0 2px 2px 0;left:0;position:absolute;transition:background .04s ease;width:62%;z-index:1}.PianoRoll_blackKey__jhc7b.PianoRoll_active__PGaXL{background:#5dcaa5}@keyframes PianoRoll_arpFlash__q39A2{0%{box-shadow:inset 0 0 0 100px #ffd166eb}to{box-shadow:inset 0 0 0 100px #ffd16600}}.PianoRoll_flash__wUayY{animation:PianoRoll_arpFlash__q39A2 .18s ease-out forwards}.VocoderTerminal_terminal__xUP2u{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0e0e10eb;border:1px solid #5dcaa54d;border-radius:4px;bottom:12px;display:flex;flex-direction:column;gap:8px;left:56px;padding:10px 12px 12px;position:absolute;width:250px;z-index:50}.VocoderTerminal_terminalHeader__cM\+J6{border-bottom:1px solid #5dcaa526;color:#5dcaa5;cursor:grab;font-size:9px;letter-spacing:.35em;padding-bottom:6px;text-transform:uppercase;-webkit-user-select:none;user-select:none}.VocoderTerminal_terminalHeader__cM\+J6:active{cursor:grabbing}.VocoderTerminal_visualizer__KiuZn{border:1px solid #5dcaa51f;border-radius:2px;display:block;height:60px;width:100%}.VocoderTerminal_sliders__zhBjy{align-items:flex-end;display:flex;flex-direction:row;justify-content:space-around;padding-top:4px}.VocoderTerminal_sliderRow__K97CA{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:6px}.VocoderTerminal_sliderMeta__Fy0KB{align-items:center;display:flex;flex-direction:column;gap:3px}.VocoderTerminal_sliderLabel__X1x4z{color:#c8c8cc80;font-size:7px;letter-spacing:.2em;text-transform:uppercase}.VocoderTerminal_sliderValue__FjVLT{font-feature-settings:"tnum";color:#5dcaa5;font-size:9px;font-variant-numeric:tabular-nums;letter-spacing:.1em}.VocoderTerminal_faderTrack__KjmmX{height:80px;position:relative;width:28px}.VocoderTerminal_slider__keKcB{appearance:none;background:#5dcaa51a;border-radius:2px;cursor:pointer;height:3px;left:50%;outline:none;position:absolute;top:50%;transform:translate(-50%,-50%) rotate(-90deg);transform-origin:center center;width:80px}.VocoderTerminal_slider__keKcB::-webkit-slider-thumb{appearance:none;background:linear-gradient(180deg,#0000 calc(50% - 1px),#5dcaa5e6 calc(50% - 1px),#5dcaa5e6 calc(50% + 1px),#0000 calc(50% + 1px)),#111416;border:1px solid #5dcaa559;border-radius:2px;box-shadow:0 0 8px #0009,0 0 5px #5dcaa526;cursor:pointer;height:28px;margin-top:-13px;-webkit-transition:border-color .12s ease,box-shadow .12s ease;transition:border-color .12s ease,box-shadow .12s ease;width:8px}.VocoderTerminal_slider__keKcB::-webkit-slider-thumb:hover{border-color:#5dcaa5b3;box-shadow:0 0 8px #0009,0 0 10px #5dcaa566}.VocoderTerminal_slider__keKcB::-moz-range-thumb{background:linear-gradient(180deg,#0000 calc(50% - 1px),#5dcaa5e6 calc(50% - 1px),#5dcaa5e6 calc(50% + 1px),#0000 calc(50% + 1px)),#111416;border:1px solid #5dcaa559;border-radius:2px;box-shadow:0 0 8px #0009;cursor:pointer;height:28px;width:8px}.VocoderTerminal_slider__keKcB::-webkit-slider-runnable-track{background:#5dcaa51a;border-radius:2px;height:3px}.VocoderTerminal_slider__keKcB::-moz-range-track{background:#5dcaa51a;border-radius:2px;height:3px}.ArpTerminal_terminal__9iKg-{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0e0e10eb;border:1px solid #5dcaa54d;border-radius:4px;bottom:12px;display:flex;flex-direction:column;gap:8px;padding:10px 12px 12px;position:absolute;right:56px;width:160px;z-index:50}.ArpTerminal_terminalHeader__-SYAi{border-bottom:1px solid #5dcaa526;color:#5dcaa5;cursor:grab;font-size:9px;letter-spacing:.35em;padding-bottom:6px;text-transform:uppercase;-webkit-user-select:none;user-select:none}.ArpTerminal_terminalHeader__-SYAi:active{cursor:grabbing}.ArpTerminal_sliders__Zo63U{align-items:flex-end;display:flex;flex-direction:row;justify-content:space-around;padding-top:4px}.ArpTerminal_sliderRow__uMIsN{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:6px}.ArpTerminal_sliderMeta__oGrZn{align-items:center;display:flex;flex-direction:column;gap:3px}.ArpTerminal_sliderLabel__MgIvn{color:#c8c8cc80;font-size:7px;letter-spacing:.2em;text-transform:uppercase}.ArpTerminal_sliderValue__reva5{font-feature-settings:"tnum";color:#5dcaa5;font-size:9px;font-variant-numeric:tabular-nums;letter-spacing:.1em}.ArpTerminal_faderTrack__wwixi{height:80px;position:relative;width:28px}.ArpTerminal_slider__Fwb3n{appearance:none;background:#5dcaa51a;border-radius:2px;cursor:pointer;height:3px;left:50%;outline:none;position:absolute;top:50%;transform:translate(-50%,-50%) rotate(-90deg);transform-origin:center center;width:80px}.ArpTerminal_slider__Fwb3n::-webkit-slider-thumb{appearance:none;background:linear-gradient(180deg,#0000 calc(50% - 1px),#5dcaa5e6 calc(50% - 1px),#5dcaa5e6 calc(50% + 1px),#0000 calc(50% + 1px)),#111416;border:1px solid #5dcaa559;border-radius:2px;box-shadow:0 0 8px #0009,0 0 5px #5dcaa526;cursor:pointer;height:28px;margin-top:-13px;-webkit-transition:border-color .12s ease,box-shadow .12s ease;transition:border-color .12s ease,box-shadow .12s ease;width:8px}.ArpTerminal_slider__Fwb3n::-webkit-slider-thumb:hover{border-color:#5dcaa5b3;box-shadow:0 0 8px #0009,0 0 10px #5dcaa566}.ArpTerminal_slider__Fwb3n::-moz-range-thumb{background:linear-gradient(180deg,#0000 calc(50% - 1px),#5dcaa5e6 calc(50% - 1px),#5dcaa5e6 calc(50% + 1px),#0000 calc(50% + 1px)),#111416;border:1px solid #5dcaa559;border-radius:2px;box-shadow:0 0 8px #0009;cursor:pointer;height:28px;width:8px}.ArpTerminal_slider__Fwb3n::-webkit-slider-runnable-track{background:#5dcaa51a;border-radius:2px;height:3px}.ArpTerminal_slider__Fwb3n::-moz-range-track{background:#5dcaa51a;border-radius:2px;height:3px}.ArpTerminal_toggleBtn__eKctX{background:#0000;border:1px solid #5dcaa540;border-radius:3px;color:#c8c8cc99;cursor:pointer;font-size:8px;letter-spacing:.15em;padding:5px 8px;text-align:center;text-transform:uppercase;transition:border-color .15s ease,color .15s ease;width:100%}.ArpTerminal_toggleBtn__eKctX:hover{border-color:#5dcaa580;color:#c8c8cce6}.ArpTerminal_toggleBtnActive__QDt3l{background:#5dcaa51f;border:1px solid #5dcaa580;border-radius:3px;color:#5dcaa5;cursor:pointer;font-size:8px;letter-spacing:.15em;padding:5px 8px;text-align:center;text-transform:uppercase;width:100%}.TelemetryHUD_hud__XFxPu{background:#111114;border:1px solid #2a2a2e;border-radius:4px;display:flex;flex-direction:column;height:clamp(180px,30.9375vw,450px);justify-content:space-between;padding:12px 10px;position:absolute;right:24px;top:50%;transform:translateY(-50%);transition:transform .3s ease,opacity .3s ease;width:140px;z-index:10}.TelemetryHUD_collapsed__cD5lF{opacity:0;transform:translateX(120%) translateY(-50%)}.TelemetryHUD_collapseTab__-msUy{align-items:center;appearance:none;background:#111114;border:1px solid #2a2a2e;border-radius:3px 0 0 3px;border-right:none;color:#5dcaa580;cursor:pointer;display:flex;font-family:inherit;font-size:13px;height:40px;justify-content:center;line-height:1;pointer-events:auto;position:absolute;right:100%;top:50%;transform:translateY(-50%);transition:color .2s,border-color .2s;width:20px;z-index:11}.TelemetryHUD_collapseTab__-msUy:hover,.TelemetryHUD_controls__L\+Ohy .TelemetryHUD_collapseTab__-msUy:hover{border-color:#5dcaa580;color:#5dcaa5}.TelemetryHUD_metric__\+6c5p{align-items:flex-end;display:flex;flex-direction:column;gap:1px}.TelemetryHUD_metricLabel__OEAeN{color:#c8c8ccb8;font-size:9px;letter-spacing:.18em;text-transform:uppercase}.TelemetryHUD_metricValue__0RB8u{color:#5dcaa5;font-size:13px;font-weight:300;letter-spacing:.03em;line-height:1}.Controls_controls__aVu4n{background:#111114;border-right:1px solid #2a2a2e;display:flex;flex-direction:column;height:100vh;left:0;position:absolute;top:0;transform:translateX(0);transition:transform .3s ease,opacity .3s ease;width:200px;z-index:10}.Controls_collapsed__KwSdq{opacity:0;transform:translateX(-100%)}.Controls_collapseTab__Q8SF4{align-items:center;appearance:none;background:#111114;border:1px solid #2a2a2e;border-left:none;border-radius:0 3px 3px 0;color:#5dcaa580;cursor:pointer;display:flex;font-family:inherit;font-size:13px;height:40px;justify-content:center;left:100%;line-height:1;position:absolute;top:50%;transform:translateY(-50%);transition:color .2s,border-color .2s;width:20px;z-index:11}.Controls_header__l9d1f{align-items:center;border-bottom:1px solid #2a2a2e;color:#5dcaa5;display:flex;font-size:10px;justify-content:flex-end;letter-spacing:.35em;padding:14px 16px 12px;text-transform:uppercase}.Controls_section__YoajC{border-bottom:1px solid #1e1e22;display:flex;flex-direction:column;gap:10px;padding:12px 16px}.Controls_sectionTitle__CL8jB{border-bottom:1px solid #ffffff14;color:#c8c8cc8c;font-size:7px;letter-spacing:.3em;margin-bottom:2px;padding-bottom:4px;text-transform:uppercase}.Controls_field__xdTiS{display:flex;flex-direction:column;gap:4px}.Controls_label__CPh-P{color:#c8c8cc73;font-size:9px;letter-spacing:.2em;text-transform:uppercase}.Controls_select__ldvXR{appearance:none;-webkit-appearance:none;background-color:#0e0e10;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='m0 0 5 6 5-6z' fill='%235DCAA5' fill-opacity='.7'/%3E%3C/svg%3E");background-position:right 8px center;background-repeat:no-repeat;border:1px solid #5dcaa54d;border-radius:2px;color:#5dcaa5cc;cursor:pointer;font-family:inherit;font-size:11px;letter-spacing:.12em;outline:none;padding:6px 26px 6px 10px;text-transform:uppercase;transition:border-color .2s,color .2s;width:100%}.Controls_select__ldvXR:focus,.Controls_select__ldvXR:hover{border-color:#5dcaa5b3;color:#5dcaa5}.Controls_select__ldvXR option{background:#16161c;color:#c8c8cc;letter-spacing:.08em;text-transform:uppercase}.Controls_bpmInput__4ltT3{appearance:textfield;-webkit-appearance:textfield;background-color:#0e0e10;border:1px solid #5dcaa54d;border-radius:2px;color:#5dcaa5cc;font-family:inherit;font-size:11px;letter-spacing:.12em;outline:none;padding:6px 10px;text-align:center;transition:border-color .2s,color .2s;width:100%}.Controls_bpmInput__4ltT3::-webkit-inner-spin-button,.Controls_bpmInput__4ltT3::-webkit-outer-spin-button{opacity:0}.Controls_bpmInput__4ltT3:focus,.Controls_bpmInput__4ltT3:hover{border-color:#5dcaa5b3;color:#5dcaa5}.Controls_octaveGroup__7Z8yV{align-items:center;display:flex;gap:4px}.Controls_octaveBtn__T1q4Z{align-items:center;appearance:none;background:#0e0e10;border:1px solid #5dcaa54d;border-radius:2px;color:#5dcaa5cc;cursor:pointer;display:flex;flex-shrink:0;font-family:inherit;font-size:13px;height:26px;justify-content:center;line-height:1;transition:border-color .2s,color .2s;width:28px}.Controls_octaveBtn__T1q4Z:hover{border-color:#5dcaa5b3;color:#5dcaa5}.Controls_octaveValue__e02tB{color:#5dcaa5cc;flex:1 1;font-family:inherit;font-size:11px;letter-spacing:.08em;text-align:center}.Controls_toggleBtn__kMvnn{appearance:none;background:#0000;border:1px solid #5dcaa54d;border-radius:2px;color:#5dcaa580;cursor:pointer;font-family:inherit;font-size:10px;letter-spacing:.25em;padding:6px 12px;text-align:left;text-transform:uppercase;transition:border-color .2s,color .2s;width:100%}.Controls_toggleBtn__kMvnn:hover{border-color:#5dcaa599;color:#5dcaa5cc}.Controls_toggleBtnActive__EmjHl{background:#5dcaa50f;border:1px solid #5dcaa5bf;border-radius:2px;color:#5dcaa5;transition:border-color .2s,color .2s,background .2s}.Controls_recordBtn__FWhls,.Controls_toggleBtnActive__EmjHl{appearance:none;cursor:pointer;font-family:inherit;font-size:10px;letter-spacing:.25em;padding:6px 12px;text-align:left;text-transform:uppercase;width:100%}.Controls_recordBtn__FWhls{background:#0000;border:1px solid #5dcaa566;border-radius:2px;color:#5dcaa5b3;transition:border-color .2s,color .2s}.Controls_recordBtn__FWhls:hover:not(:disabled){border-color:#5dcaa5cc;color:#5dcaa5}.Controls_recordBtn__FWhls:disabled{cursor:default}@keyframes Controls_pulse__F3Vdx{0%,to{opacity:1}50%{opacity:.45}}.Controls_recordActive__78zb0{animation:Controls_pulse__F3Vdx .8s ease-in-out infinite;border-color:#e05555cc!important;color:#e05555!important}.MidiModal_overlay__86k8p{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000c;display:flex;inset:0;justify-content:center;position:fixed;z-index:100}.MidiModal_box__eZqzS{background:#111114;border:1px solid #5dcaa54d;border-radius:8px;display:flex;flex-direction:column;gap:16px;max-width:420px;padding:32px;width:90%}.MidiModal_heading__5Ppy-{color:#5dcaa5;font-size:1.1rem;font-weight:600;letter-spacing:.06em;margin:0}.MidiModal_body__YXYvk{color:#ffffffb8;font-size:.82rem;line-height:1.6;margin:0}.MidiModal_code__TXYx2{background:#5dcaa51a;border-radius:3px;color:#5dcaa5;font-family:monospace;font-size:.8em;padding:1px 5px}.MidiModal_link__Ms43T{color:#5dcaa5;text-decoration:none}.MidiModal_link__Ms43T:hover{text-decoration:underline}.MidiModal_actionsStack__H5WG8{display:flex;flex-direction:column;gap:12px;margin-top:4px}.MidiModal_actionsRow__bEaLg{display:flex;gap:10px;margin-top:4px}.MidiModal_ghostBtn__yiGuy{background:#0000;border:1px solid #ffffff26;border-radius:4px;color:#fff;cursor:pointer;font-family:inherit;font-size:.8rem;letter-spacing:.05em;padding:12px 24px;transition:border-color .15s ease,color .15s ease}.MidiModal_ghostBtn__yiGuy:hover{border-color:#5dcaa5cc;color:#5dcaa5}.MidiModal_primaryBtn__VVd3P{background:#5dcaa526;border:2px solid #5dcaa5;border-radius:4px;color:#5dcaa5;cursor:pointer;flex:1 1;font-family:inherit;font-size:.8rem;letter-spacing:.05em;padding:8px 16px;text-align:center;text-decoration:none;transition:background .15s ease,color .15s ease}.MidiModal_primaryBtn__VVd3P:hover{background:#5dcaa5d1;color:#111114}.MidiModal_closeBtn__NZoVk{background:#0000;border:1px solid #ffffff26;border-radius:4px;color:#ffffff80;cursor:pointer;font-family:inherit;font-size:.8rem;letter-spacing:.05em;padding:8px 16px;transition:border-color .15s ease,color .15s ease}.MidiModal_closeBtn__NZoVk:hover{border-color:#ffffff59;color:#fffc}