*,: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;display:flex;flex-direction:column;height:100vh;overflow:hidden}.mainStage{flex:1 1;padding:24px}.Viewport_viewport__6UwEa,.mainStage{align-items:center;display:flex;justify-content:center;position:relative}.Viewport_viewport__6UwEa{aspect-ratio:16/9;border:1px dashed #5dcaa5bf;border-radius:4px;box-shadow:0 0 48px #5dcaa51f,inset 0 0 60px #5dcaa50d;max-width:960px;width:100%}.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;-webkit-mask-image:linear-gradient(90deg,#000000eb 80%,#0000);mask-image:linear-gradient(90deg,#000000eb 80%,#0000);overflow:hidden;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;transition:background .04s ease}.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}.TelemetryHUD_hud__XFxPu{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#101016d9;border:1px solid #2a2a2e;border-radius:4px;display:flex;flex-direction:column;gap:12px;padding:14px 18px;pointer-events:none;position:absolute;right:36px;top:36px}.TelemetryHUD_metric__\+6c5p{align-items:flex-end;display:flex;flex-direction:column;gap:2px}.TelemetryHUD_metricLabel__OEAeN{color:#c8c8cc99;font-size:9px;letter-spacing:.2em;text-transform:uppercase}.TelemetryHUD_metricValue__0RB8u{color:#5dcaa5;font-size:22px;font-weight:300;letter-spacing:.05em;line-height:1}.Controls_controls__aVu4n{align-items:center;background:linear-gradient(0deg,#16161c,#0e0e10);border-top:1px solid #2a2a2e;display:flex;gap:16px;justify-content:space-between;padding:14px 28px}.Controls_selectGroup__ZHeNp{align-items:center;display:flex;gap:20px}.Controls_selectWrap__FANrA{display:flex;flex-direction:column;gap:4px}.Controls_selectLabel__pW6RC{color:#c8c8cc73;font-size:9px;letter-spacing:.2em;text-transform:uppercase}.Controls_select__ldvXR{appearance:none;-webkit-appearance:none;background-color:initial;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 10px center;background-repeat:no-repeat;border:1px solid #5dcaa559;border-radius:2px;color:#5dcaa5cc;cursor:pointer;font-family:inherit;font-size:11px;letter-spacing:.12em;min-width:148px;outline:none;padding:7px 30px 7px 12px;text-transform:uppercase;transition:border-color .2s,color .2s}.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_buttonGroup__eFo8h{align-items:center;display:flex;flex-shrink:0;gap:12px}.Controls_recordBtn__FWhls{background:#0000;border:1px solid #5dcaa580;border-radius:2px;color:#5dcaa5b3;cursor:pointer;font-family:inherit;font-size:11px;letter-spacing:.25em;padding:10px 24px;text-transform:uppercase;transition:border-color .2s,color .2s}.Controls_recordBtn__FWhls:hover:not(:disabled){border-color:#5dcaa5e6;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}.Controls_engageBtn__naDFV{background:#0000;border:1px solid #5dcaa5b3;border-radius:2px;color:#5dcaa5;cursor:pointer;flex-shrink:0;font-family:inherit;font-size:11px;letter-spacing:.25em;padding:10px 32px;text-transform:uppercase;transition:border-color .2s,color .2s}.Controls_engageBtn__naDFV:hover{border-color:#5dcaa5;color:#5dcaa5}.Controls_disengageBtn__r6ARS{background:#0000;border:1px solid #e07070b3;border-radius:2px;color:#e07070;cursor:pointer;flex-shrink:0;font-family:inherit;font-size:11px;letter-spacing:.25em;padding:10px 32px;text-transform:uppercase;transition:border-color .2s,color .2s}.Controls_disengageBtn__r6ARS:hover{border-color:#e07070;color:#e07070}