#app[data-v-0433a3b8]{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;width:100vw;overflow-x:hidden}.knob[data-v-463e1ac5]{width:30px;margin:0 auto;background:transparent;-webkit-user-select:none;-moz-user-select:none;user-select:none;border-radius:5px;position:relative}.knob.mapping[data-v-463e1ac5]{background:#ff0}.knob-inner[data-v-463e1ac5]{width:30px;height:30px;border:3px solid #111;border-radius:50%;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none}.knob-handle[data-v-463e1ac5]{position:absolute;background:#445863;background:#fff;border-bottom-left-radius:3px;border-top-left-radius:3px;transform:rotate(-50deg);height:6px;width:9px;left:-3px;bottom:-4px}.value[data-v-463e1ac5]{margin-top:.3em;font-size:.7rem;padding:.1em .2em;color:#90ee90;background:#272727;border-radius:5px;position:absolute;bottom:0;right:0;transform:translate(50%,40%)}.mapped-cmd[data-v-463e1ac5]{position:absolute;top:22px;left:50%;min-width:50px;transform:translateX(-50%);background:#000;font-size:.8rem;z-index:2}.click[data-v-46fb9790]{display:flex;align-items:center;justify-content:center;gap:1em;background:#333;padding:.25rem 0}.on-off[data-v-46fb9790]{display:inline-block;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer}.on-off div[data-v-46fb9790]{padding:.5em;background:#bc8f8f;min-width:50px}.click-on div[data-v-46fb9790]{background:green}.signature[data-v-46fb9790]{display:flex;justify-content:center;font-size:1.2rem;-webkit-user-select:none;-moz-user-select:none;user-select:none}.signature .current-signature[data-v-46fb9790]{padding:.2em}.signature .signature-control[data-v-46fb9790]{font-weight:700;cursor:pointer;padding:.2em .4em}.slider-container[data-v-46fb9790]{display:flex;align-items:center;gap:.5em}.label[data-v-46fb9790]{-webkit-user-select:none;-moz-user-select:none;user-select:none}.label.tempo[data-v-46fb9790]{min-width:65px;text-align:right}.label.volume[data-v-46fb9790]{text-align:left;min-width:60px}.mute-unmute[data-v-46fb9790]{background:#111;padding:.5em}.mute-unmute.muted[data-v-46fb9790]{background:red}.header[data-v-779fe366]{position:relative;display:flex;align-items:center;justify-content:center;background:#222;padding:.4em;width:100%;gap:.5em;border-top:3px solid #111;border-bottom:3px solid #111}.header.playing[data-v-779fe366]{border-color:green}.header.recording[data-v-779fe366]{border-color:#dc143c}.main-container[data-v-779fe366]{width:100%;display:flex;justify-content:center;align-items:center;gap:1em}.btn[data-v-779fe366]{padding:.4em 1em;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.left[data-v-779fe366]{overflow:hidden;display:flex;align-items:center;gap:1rem}.file-menu[data-v-779fe366]{position:relative;z-index:1}.file-menu.active[data-v-779fe366]{color:teal}.menu[data-v-779fe366]{position:fixed;top:42px;min-width:40px;background:#fff}.menu-btn[data-v-779fe366]{padding:.5rem 4rem .5rem 1rem}.menu-btn[data-v-779fe366],.menu-item[data-v-779fe366]{-webkit-user-select:none;-moz-user-select:none;user-select:none}.menu-item[data-v-779fe366]{padding:.5rem 2rem .5rem 1rem;color:#222}.menu-item[data-v-779fe366]:hover{position:relative;background:#333;color:#fff}.has-submenu[data-v-779fe366]{position:relative}.has-submenu .menu-item.active[data-v-779fe366]{background:#333;color:#fff}.sub-menu[data-v-779fe366]{background:#ddd;position:absolute;top:0;right:0;transform:translateX(100%);white-space:nowrap}.mid[data-v-779fe366]{flex:1;display:flex;justify-content:center;gap:2rem}.playback-btn[data-v-779fe366]{cursor:pointer}.play.active[data-v-779fe366]{color:#0df70d}.rec.active[data-v-779fe366]{color:red}.right[data-v-779fe366]{display:flex;align-items:center;gap:.5rem}.follow[data-v-779fe366]{background:#111}.follow.active[data-v-779fe366]{background:#5c5cff}.midi.active[data-v-779fe366]{background:var(--color-1)}.backdrop[data-v-779fe366]{position:fixed;top:0;left:0;width:100%;height:100vh;z-index:0;background:transparent}.sidebar-wrapper[data-v-79cf7cb4]{border-left:1px solid transparent;border-right:1px solid transparent;border-top:1px solid transparent}.sidebar-wrapper.focused[data-v-79cf7cb4]{border-color:#9c9c00}.sidebar[data-v-79cf7cb4]{padding:0 .25rem;height:var(--mid-section-height);overflow-y:auto;min-width:200px;display:flex;flex-direction:column;align-items:flex-start;gap:.5rem;background:#111}.label[data-v-79cf7cb4]{padding:.5rem .5rem;background:#555;text-align:left;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:default}.menu[data-v-79cf7cb4]{width:100%}.nodes-container[data-v-79cf7cb4]{text-align:left}.nodes-container .node-item[data-v-79cf7cb4]{display:flex;align-items:center;margin-bottom:.25rem;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:default}.nodes-container .node-item-name[data-v-79cf7cb4]{flex:1;padding:.25rem}.nodes-container .node-item[data-v-79cf7cb4]:hover{background:#333}.nodes-container .node-item.selected[data-v-79cf7cb4]{background:#444}.preset-item[data-v-79cf7cb4]{padding:.25rem .5rem .25rem 1em;margin-left:.75rem;margin-bottom:.25rem;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:default}.preset-item[data-v-79cf7cb4]:hover{background:#333}.preset-item.selected[data-v-79cf7cb4]{background:#444}.arrow[data-v-79cf7cb4]{display:inline-block;padding:0 .25rem;cursor:pointer}.rotate[data-v-79cf7cb4]{transform:rotate(90deg)}.sync[data-v-24d9324e]{background:grey;-webkit-user-select:none;-moz-user-select:none;user-select:none}.sync.synced[data-v-24d9324e]{background:green}.sync-buttons[data-v-24d9324e]{margin:.2em 0;background:#222}.sync-button[data-v-24d9324e]{cursor:pointer;display:inline-block;padding:.3em;margin:0 .2em}.sync-button.selected[data-v-24d9324e]{background:var(--color-1)}.set-as-tempo[data-v-24d9324e]{font-size:.8rem;cursor:pointer;margin-top:.5em;padding:.2em;background:#111}.inner-node-audio-params[data-v-611f2c55]{display:grid;padding-top:.2em;grid-template-areas:"h1 h2 h3" "t1 t2 t3" "m1 m2 m3" "b1 b2 b3"}.heading[data-v-611f2c55]{font-weight:700}.heading.low[data-v-611f2c55]{grid-area:h1;color:teal}.heading.mid[data-v-611f2c55]{grid-area:h2;color:coral}.heading.high[data-v-611f2c55]{grid-area:h3;color:#ff0}.lowFreq[data-v-611f2c55]{grid-area:t1}.lowGain[data-v-611f2c55]{grid-area:m1}.midFreq[data-v-611f2c55]{grid-area:t2}.midGain[data-v-611f2c55]{grid-area:m2}.midQ[data-v-611f2c55]{grid-area:b2}.highFreq[data-v-611f2c55]{grid-area:t3}.highGain[data-v-611f2c55]{grid-area:m3}.status[data-v-ae7b2a2c]{margin-bottom:.4em;color:#90ee90}.control-btns[data-v-ae7b2a2c]{display:flex;flex-direction:column;justify-content:flex-start;gap:.5em;min-height:70px}.control-btn[data-v-ae7b2a2c]{padding:.4em;min-width:60px;cursor:pointer;background:var(--color-1)}.control-btn.rec-btn[data-v-ae7b2a2c]{background:#dc143c}.control-btn.clear-btn[data-v-ae7b2a2c]{background:#000}.upload-loop[data-v-ae7b2a2c]{margin-top:.5em;width:100%;background:#222;position:relative}.upload-loop .label[data-v-ae7b2a2c]{padding:.3em;overflow-x:hidden;text-overflow:ellipsis;white-space:nowrap}.upload-loop input[data-v-ae7b2a2c]{opacity:0;position:absolute;top:0;left:0;width:100%;height:100%}.upload-loop[data-v-ae7b2a2c]:hover{background:var(--color-1)}.download-loop[data-v-ae7b2a2c]{margin-top:.2em}.download-loop .label[data-v-ae7b2a2c]{cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none;color:#bbb;padding:.2em}.download-loop .label[data-v-ae7b2a2c]:hover{color:var(--color-2)}.surgeon-body[data-v-b96655bc]{font-size:.9rem}.oscillator[data-v-b96655bc]{display:flex;margin-bottom:.5rem}.oscillator .oscillator-inner[data-v-b96655bc]{width:100%;background:#272727}.oscillator .oscillator-inner .node-name[data-v-b96655bc]{margin:0}.oscillator[data-v-b96655bc]:last-child{margin-bottom:0}.top[data-v-b96655bc]{display:flex;align-items:center;justify-content:space-between}.top .octave-transpose[data-v-b96655bc]:focus{border-color:#ff0;outline:none}.top .octave-transpose[data-v-b96655bc]{display:flex;align-items:center;gap:1em;border:2px solid transparent;transition:border-color .1s ease-out}.top .mute-unmute[data-v-b96655bc],.top .octave-transpose[data-v-b96655bc]{-webkit-user-select:none;-moz-user-select:none;user-select:none;padding:0 .2em}.top .mute-unmute[data-v-b96655bc]{align-self:flex-start;background:#444}.top .mute-unmute.muted[data-v-b96655bc]{background:#dc143c}.top .label[data-v-b96655bc]{display:inline-block;margin-right:.2em}.params-container .param[data-v-b96655bc]{min-width:50px}.params-container .param-name[data-v-b96655bc]{padding:0 0 .3em 0;font-size:.8rem}.params-container .param[data-v-533ce7f7]{min-width:50px}.params-container .param-name[data-v-533ce7f7]{padding:0 0 .3em 0;font-size:.8rem}.upload-loop[data-v-02da402e]{width:100%;background:#222;position:relative}.upload-loop .label[data-v-02da402e]{padding:2em .3em;overflow-x:hidden;text-overflow:ellipsis;white-space:nowrap}.upload-loop input[data-v-02da402e]{opacity:0;position:absolute;top:0;left:0;width:100%;height:100%}.upload-loop[data-v-02da402e]:hover{background:var(--color-1)}.stop-btn[data-v-02da402e],.stop-placeholder[data-v-02da402e]{height:20px}.stop-btn[data-v-02da402e]{cursor:pointer}.param[data-v-76c45f43]:not(.visible){display:none}.lfo-container[data-v-76c45f43]{margin-top:.2em;padding:.1em 0;background:#111}.lfo-container .select-wrapper[data-v-76c45f43]{display:flex;gap:.5em;justify-content:center;align-items:center;margin-top:.3em;-webkit-user-select:none;-moz-user-select:none;user-select:none}.lfo-container .param-name[data-v-76c45f43]{padding:0 0 .2em 0}.lfo-container .set-as-tempo[data-v-76c45f43],.lfo-container .sync-container[data-v-76c45f43]{margin:.3em 0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.lfo-container .set-as-tempo[data-v-76c45f43]{font-size:.8rem;cursor:pointer}.lfo-container .sync-container[data-v-76c45f43]{background:#a9a9a9;cursor:default}.lfo-container .sync-container[data-v-76c45f43]:hover{background:grey}.lfo-container .sync.synced[data-v-76c45f43]{background:green}.lfo-container .sync-buttons[data-v-76c45f43]{padding-top:.2em;background:#222}.lfo-container .sync-button[data-v-76c45f43]{cursor:pointer;display:inline-block;padding:.3em;margin:0 .2em}.lfo-container .sync-button.selected[data-v-76c45f43]{background:var(--color-1)}.node-wrapper{height:100%}.node{position:relative;display:flex;flex-direction:column;justify-content:space-between;gap:0;background:#333;color:#f3f3f3;border:2px solid transparent;padding-bottom:.5rem;transition:all .2s ease-out;text-align:center}.node.folded{width:34px;overflow:hidden}.node.folded .backdrop{display:block;position:absolute;width:100%;height:100%;background:rgba(0,0,0,.82);z-index:1;cursor:pointer}.node.folded .backdrop .name-folded{transform:rotate(-90deg) translateX(-100%);position:inherit;bottom:50%;width:100%;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none;letter-spacing:1px}.node-header{justify-content:space-between;align-items:flex-start}.node-header,.node-header .top-left{display:flex;gap:.5rem}.node-header .top-left .preset-icon{cursor:pointer}.node-header .top-left .preset-icon:hover{color:coral}.node-header .top-left .preset-names{position:absolute;top:1.5rem;background:#111;width:100%;text-align:left;padding:.5rem}.node-header .node-name{flex:1;text-align:center;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap;color:var(--color-1);font-size:1.1rem;cursor:pointer}.node-header .top-right{display:flex;justify-content:flex-end}.delete{-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer;background:#444;padding:0 .2em}.params-container{display:flex;flex-wrap:wrap;justify-content:center;background:#272727}.param{min-width:65px;padding:.2em;cursor:default;border:2px solid transparent;transition:border-color .2s ease-out,background-color .2s ease-out;font-size:.95rem}.param-name{padding:.3em .2em .5em;-webkit-user-select:none;-moz-user-select:none;user-select:none;font-size:.9rem;text-align:center}.types{padding:.2em 0;background:#272727}.instrument-enabler{cursor:pointer}.instrument-enabler .instrument-enabler-inner{width:15px;height:15px;background:red}.instrument-enabler .instrument-enabler-inner.enabled{background:green}.Surgeon{width:310px}.BiquadFilter{width:154px}.Compressor{width:200px}.Delay{width:154px}.node-footer{display:flex;justify-content:space-around}.pad-container[data-v-bd298b34]{position:fixed;padding:0;top:0;left:0;z-index:99999;width:100%;height:100vh;background:grey;-webkit-user-select:none;-moz-user-select:none;user-select:none}.top[data-v-bd298b34]{height:1rem}.pad[data-v-bd298b34]{position:relative;z-index:10;height:calc(100vh - 1rem);background:teal;-webkit-user-select:none;-moz-user-select:none;user-select:none;background:transparent}.pad p[data-v-bd298b34]{text-align:left;font-size:1.5rem;font-family:Courier New,Courier,monospace;padding:3px;font-weight:700;letter-spacing:1px}.under[data-v-bd298b34]{background:linear-gradient(coral,teal);position:absolute;left:0;width:100%;height:100vh}.under .band[data-v-bd298b34]{height:calc(8.33333vh - .08333rem)}.band[data-v-bd298b34]:active{background:#fff}@media (min-width:500px){.pad-container[data-v-bd298b34]{display:none}}canvas[data-v-3245d1f7]{width:13px;height:3rem;display:block;background:#fff}.right-controls[data-v-3465899a]{display:flex;align-items:center;gap:1rem;padding:.5rem .5rem .5rem 1.5rem;background:#111}.right-controls.selected[data-v-3465899a]{background:#333}.node-controls[data-v-3465899a]{display:flex;align-items:center;gap:1rem}.rec-enabled-disabled[data-v-3465899a]{cursor:pointer;width:94px}.rec-btn[data-v-3465899a]{-webkit-user-select:none;-moz-user-select:none;user-select:none}.rec-enabled[data-v-3465899a]{color:red}.rec-disabled[data-v-3465899a]{color:grey}.mute-unmute[data-v-3465899a]{cursor:pointer}.mute-unmute .mute[data-v-3465899a],.mute-unmute .unmute[data-v-3465899a]{width:30px;padding:.2em;margin:0 auto;text-align:center}.mute-unmute .mute[data-v-3465899a]{background:#111}.mute-unmute .unmute[data-v-3465899a]{background:red}.level[data-v-3465899a]{flex:1}.backdrop[data-v-03a4883e]{position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(0,0,0,.4);z-index:100}.backdrop[data-v-03a4883e],.content[data-v-03a4883e]{display:flex;align-items:center;justify-content:center}.content[data-v-03a4883e]{background:#fff;color:#222;padding:2rem;border-radius:1rem;flex-direction:column}h3[data-v-03a4883e]{margin-bottom:1rem;-webkit-user-select:none;-moz-user-select:none;user-select:none}.progress-container[data-v-03a4883e]{background:#333;width:100%;height:26px;border-radius:10px}.progress[data-v-03a4883e]{background:teal;height:100%;transition:width .2s ease-out;border-radius:10px}.progress-indicator[data-v-03a4883e]{color:#fff;letter-spacing:2px;transform:translateY(-20px)}.btn[data-v-03a4883e],.progress-indicator[data-v-03a4883e]{-webkit-user-select:none;-moz-user-select:none;user-select:none;font-weight:700}.btn[data-v-03a4883e]{margin-top:1rem;padding:.5rem 1rem;font-size:1.25rem;cursor:pointer}.btn[data-v-03a4883e]:hover{color:coral}.analyser-container[data-v-a4fde328]{position:relative;width:400px;height:240px}canvas[data-v-a4fde328]{width:100%;display:block;background:#c9c9c9;transition:width .1s linear}.switch[data-v-a4fde328]{position:absolute;top:0;right:0;color:#fff;background:grey;padding:.2em}canvas{height:100%;width:100%}.home-wrapper{height:100vh;background:transparent}.home-inner{height:100vh;display:flex;flex-direction:column}.top-section{z-index:1}.mid-section{height:var(--mid-section-height);display:flex}.right-col{background:#000;flex:1;border:1px solid transparent;border-bottom:0}.right-col.focused{border-color:#9c9c00}.info-wrapper{background:#222}.info-container{margin-left:var(--left-controls-width);width:calc(100% - var(--left-controls-width) - var(--right-controls-width));overflow-x:auto;display:flex;align-items:center;background:teal}.info-container:first-child{padding-left:.25rem}.info-container:last-child{padding-right:.25rem}.info-item{padding:.25rem 0 .25rem 0;min-width:95px}.info-item.last{flex:1;text-align:right}.tracklist-wrapper{height:calc(100vh - var(--top-section-height) - var(--top-controls-height) - var(--bottom-section-height));overflow-y:scroll;display:flex;flex-direction:column;justify-content:space-between}.tracklist{position:relative}.track{display:flex;align-items:center;justify-content:space-between;background:#111}.track.selected{background:#333}.left-controls{width:var(--left-controls-width);padding:1.4rem .5rem;overflow:auto;white-space:nowrap;padding-right:2rem;-webkit-user-select:none;-moz-user-select:none;user-select:none}.left-ctrls-inner{display:flex;align-items:center;gap:.5rem;padding-right:100px}.timeline{position:relative;background:transparent;z-index:1;flex:1;height:64px}.right-controls-wrapper{width:var(--right-controls-width)}.canvas-overlay{position:absolute;z-index:0;top:0;background:#fff}.master{padding:0 .75rem;background:#003535}.master-knob-wrapper{margin-right:1rem}.bottom-section{flex:1;display:flex;justify-content:center;align-items:center;background:transparent}.bottom-section .current-track-empty-state{font-size:1.75rem}.track-detail{flex:1;display:flex;gap:1em;overflow-x:auto;overflow-y:hidden;height:380px}.node,.track-instrument .container{height:100%}.track-effects{flex:1;display:flex;gap:.5em}.analyser-render-wrapper{margin-left:1rem;align-self:end}.welcome-msg{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);font-size:2rem}:root{--color-1:teal;--color-2:coral;--top-section-height:54px;--bottom-section-height:386px;--mid-section-height:calc(100vh - var(--top-section-height) - var(--bottom-section-height));--top-controls-height:68px;--right-controls-width:248px;--left-controls-width:180px}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.cursor-default{cursor:default}.pointer{cursor:pointer}.e-resize{cursor:e-resize}.invisible{visibility:hidden}.custom-scrollbar::-webkit-scrollbar{height:10px;width:12px}.custom-scrollbar::-webkit-scrollbar-track{box-shadow:inset 0 0 2px #fff}.custom-scrollbar::-webkit-scrollbar-thumb{background:#e4ad9a}.no-scrollbar::-webkit-scrollbar{height:1px;width:1px;display:none}*{margin:0;padding:0;box-sizing:border-box}body{color:#ddd;background:#021d1d;font-family:Avenir,Helvetica,Arial,sans-serif;cursor:default}select{background:#272727;color:#f3f3f3;-webkit-user-select:none;-moz-user-select:none;user-select:none}select:focus{outline:none}canvas{display:block}