@import"https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@100..900&display=swap";@import"https://fonts.googleapis.com/css2?family=Open+Sans:wght@300..800&display=swap";@import"https://fonts.googleapis.com/css2?family=Share+Tech+Mono&family=Joti+One&display=swap";.ff-fullsize{position:absolute;top:0;right:0;bottom:0;left:0}.ff-fullscreen{position:fixed;top:0;right:0;bottom:0;left:0}.ff-relative{position:relative}.ff-flex-row{display:flex;flex-direction:row}.ff-flex-column{display:flex;flex-direction:column}.ff-flex-align-center{align-items:center}.ff-flex-align-top{align-items:flex-start}.ff-flex-center{justify-content:center;align-items:center}.ff-flex-gap{gap:1rem}.ff-flex-gap-sm{gap:.5rem}.ff-flex-gap-md{gap:1rem}.ff-flex-gap-lg{gap:2rem}.ff-flex-wrap{flex-wrap:wrap}.ff-flex-spacer,.ff-flex-stretch{flex:1 1 auto}.ff-flex-shrink{flex:0 0 0}.ff-flex-static{flex:0 0 auto}.ff-spacer{height:1rem;width:1rem}.ff-text-center{text-align:center}.ff-text-ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ff-unselectable{-webkit-user-select:none;user-select:none;cursor:auto!important}body{margin:0;padding:0}img{width:100%;height:auto}a{color:inherit}:root{--ff-ref-palette-primary-50: #D1E4F7;--ff-ref-palette-primary-100: #BDD8F3;--ff-ref-palette-primary-200: #96C2ED;--ff-ref-palette-primary-300: #6FABE6;--ff-ref-palette-primary-400: #4894DF;--ff-ref-palette-primary-500: #257DD4;--ff-ref-palette-primary-600: #1D63A9;--ff-ref-palette-primary-700: #164A7D;--ff-ref-palette-primary-800: #0E3052;--ff-ref-palette-primary-900: #071726;--ff-ref-palette-primary-950: #030A11;--ff-ref-palette-secondary-50: #F7DFC7;--ff-ref-palette-secondary-100: #F4D4B3;--ff-ref-palette-secondary-200: #EEBD8B;--ff-ref-palette-secondary-300: #E9A663;--ff-ref-palette-secondary-400: #E38F3B;--ff-ref-palette-secondary-500: #D2781E;--ff-ref-palette-secondary-600: #AA6118;--ff-ref-palette-secondary-700: #824A13;--ff-ref-palette-secondary-800: #5A330D;--ff-ref-palette-secondary-900: #311C07;--ff-ref-palette-secondary-950: #1D1104;--ff-ref-palette-grey-50: #F3F3F3;--ff-ref-palette-grey-100: #E6E6E6;--ff-ref-palette-grey-200: #CCCCCC;--ff-ref-palette-grey-300: #B3B3B3;--ff-ref-palette-grey-400: #9A9A9A;--ff-ref-palette-grey-500: #808080;--ff-ref-palette-grey-600: #696969;--ff-ref-palette-grey-700: #525252;--ff-ref-palette-grey-800: #3B3B3B;--ff-ref-palette-grey-900: #242424;--ff-ref-palette-grey-950: #191919;--ff-ref-palette-cool-50: #F2F3F3;--ff-ref-palette-cool-100: #E5E6E7;--ff-ref-palette-cool-200: #CACCCF;--ff-ref-palette-cool-300: #AFB3B7;--ff-ref-palette-cool-400: #94999F;--ff-ref-palette-cool-500: #7A8086;--ff-ref-palette-cool-600: #64696E;--ff-ref-palette-cool-700: #4E5256;--ff-ref-palette-cool-800: #383B3E;--ff-ref-palette-cool-900: #232527;--ff-ref-palette-cool-950: #111315;--ff-ref-palette-warm-50: #F3F3F2;--ff-ref-palette-warm-100: #E7E6E5;--ff-ref-palette-warm-200: #CFCDCA;--ff-ref-palette-warm-300: #B7B3AF;--ff-ref-palette-warm-400: #9F9A94;--ff-ref-palette-warm-500: #86807A;--ff-ref-palette-warm-600: #6E6964;--ff-ref-palette-warm-700: #56524E;--ff-ref-palette-warm-800: #3E3B38;--ff-ref-palette-warm-900: #262422;--ff-ref-palette-warm-950: #1A1917}html{margin:0}:root{background-color:var(--ff-ref-palette-cool-900);color:var(--ff-ref-palette-cool-100);font-family:Open Sans,sans-serif;font-weight:400;--ff-button-color-background: var(--ff-ref-palette-primary-600);--ff-button-color-background-hover: var(--ff-ref-palette-primary-500)}a,ff-router-link{color:inherit;text-decoration:none}a:hover,ff-router-link:hover{text-decoration:none}p a:hover{text-decoration:underline}ff-icon{fill:var(--ff-ref-palette-cool-100)}code{padding:.1em .3em;font-family:Share Tech Mono,monospace;font-weight:400;background-color:#000}.fx-test{box-sizing:border-box;border:1px solid white}.fx-controls-row{flex:1 1 auto;display:flex;flex-direction:row;gap:.5em;justify-content:space-around}.fx-controls-column{flex:1 1 auto;display:flex;flex-direction:column;gap:.5em;justify-content:start}.fx-panel-section{background-color:var(--ff-ref-palette-cool-950);padding:.5em}.fx-spread{justify-content:space-between}.fx-distribute{justify-content:space-around}.fx-center{align-items:center}.fx-tight{justify-content:center;gap:1.7em}.fx-scroll-container{flex:1 1 auto;position:relative}.fx-scroll-content{position:absolute;top:0;right:0;bottom:0;left:0;overflow:auto}fx-start{margin:0;box-sizing:border-box}fx-start .fx-header-image{object-fit:cover;object-position:center;margin:-5% 0 -15%}fx-start .fx-content{display:block;padding:0 2em;width:auto;min-width:auto;max-width:840px;text-align:center;font-size:1em;font-family:Open Sans,sans-serif;font-weight:400}fx-start .fx-controls-row{flex-wrap:wrap;justify-content:center}fx-start .fx-controls-row .fx-button{flex:0 0 auto}fx-start h1{font-size:calc(2.5em + 2.8vw)}fx-start h2,fx-start h3{color:var(--ff-ref-palette-cool-100);font-family:Roboto Condensed,sans-serif;font-weight:400;font-size:1.3em;text-transform:uppercase;background-color:transparent}fx-start h3{margin:2em 0 1em;font-size:1.7em;border:none;color:#f76d22}fx-start h5{margin:1em 0;font-size:1.2em;color:#f76d22}fx-start p{margin:.5em 0 1em;font-size:1em;line-height:1.6em}fx-start p.fx-frame{padding:.5em 1em;border:2px solid var(--ff-ref-palette-cool-700)}fx-start a{color:#f76d22;text-decoration:none;font-weight:700}fx-start .fx-button{display:inline-block;margin:1em 0 0;padding:.3em 1.5em;font-size:1.2em}fx-start footer{margin:4em 0 0;font-size:.8em}fx-start footer a{color:inherit;text-decoration:none;font-weight:inherit}fx-start footer a:hover{text-decoration:underline}fx-setup{position:fixed;top:0;right:0;bottom:0;left:0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-family:Roboto Condensed,sans-serif;font-weight:400}fx-setup .fx-button{flex-grow:0;margin-top:.5em;padding:.25em 3em}.fx-dialog{width:80%;min-width:550px;max-width:750px;margin:2.5em auto 0;padding:1.5em;background-color:var(--ff-ref-palette-cool-900);box-shadow:4px 4px 24px #000}.fx-midi-error{background-color:#931a1a;margin:2em 0;padding:1em 2em}.fx-midi-error h4{margin:.5em 0;text-align:center;text-transform:uppercase;font-family:Roboto Condensed,sans-serif;font-weight:400;font-size:2em}.fx-midi-error p{text-align:center;font-size:1rem}.fx-content{display:flex;flex-direction:column;box-sizing:border-box;min-width:1000px;max-width:1200px;width:100%;margin:0 auto;padding:0 .5em;font-size:.85em;font-family:Roboto Condensed,sans-serif;font-weight:400}.fx-menu-bar{margin:.5em 0;gap:1em;align-items:baseline}.fx-menu-item{font-size:1.5em;font-family:Roboto Condensed,sans-serif;font-weight:400;cursor:pointer}.fx-part{margin-right:.5em;padding:.1em .4em;font-size:1.4em;font-weight:700;color:var(--ff-ref-palette-cool-200);background-color:var(--ff-ref-palette-cool-950);border:1px solid var(--ff-ref-palette-cool-700);cursor:pointer;-webkit-user-select:none;user-select:none}.fx-part.fx-active{color:var(--ff-ref-palette-cool-100);background-color:#f76d22}fx-editor{display:flex;flex-direction:column;gap:1em}.fx-arp-row{display:flex;gap:.5em}#file-input{display:none}h1{margin:0;font-family:Joti One,sans-serif;font-weight:400;font-size:2.5em;color:#f76d22}h1 a{text-decoration:none}h1 .fx-byline{font-family:Roboto Condensed,sans-serif;font-weight:400;font-size:.65em;text-transform:uppercase;color:var(--ff-ref-palette-cool-100)}h2{display:flex;justify-content:center;margin:0;width:100%;height:.75em;font-family:Roboto Condensed,sans-serif;font-weight:400;font-weight:700;font-size:1.2em;text-align:center;letter-spacing:.05em;text-transform:uppercase;color:#f76d22;background-color:#f76d22}h2 span{translate:0 -.2em;background-color:var(--ff-ref-palette-cool-900);padding:0 .25em;margin-bottom:-.25em}h3{margin:0;color:var(--ff-ref-palette-cool-300);border:1px solid var(--ff-ref-palette-cool-700);font-family:Roboto Condensed,sans-serif;font-weight:400;font-size:.9em;text-align:center;text-transform:uppercase}h5{margin:1em 0;font-size:1.2em}fx-knob{display:block;min-height:0;width:3em;height:4em;color:var(--ff-ref-palette-cool-200);--ff-knob-background: var(--ff-ref-palette-cool-800);--ff-knob-color: #f76d22;font-family:Roboto Condensed,sans-serif;font-weight:400}fx-knob canvas{display:block;width:100%;height:100%}fx-knob.fx-large{padding:0 1em;width:5em;height:6em}fx-knob.fx-small{width:2.5em;height:3.5em}fx-select,fx-options,.fx-options{width:100%;display:flex;gap:.5em}fx-select label,fx-options label,.fx-options label{width:50%;color:var(--ff-ref-palette-cool-200)}fx-select select,fx-options select,.fx-options select{width:100%;font-family:Share Tech Mono,monospace;font-weight:400;font-size:.9em;color:#9dd3ee;background-color:#163046;border:1px solid #193c5b;border-radius:3px}fx-select select:focus,fx-options select:focus,.fx-options select:focus{outline:none;border-color:#9dd3ee}fx-select select option,fx-options select option,.fx-options select option{color:#9dd3ee;background-color:#163046}fx-select select option:checked,fx-options select option:checked,.fx-options select option:checked{color:#163046;background-color:#9dd3ee}fx-select.fx-arp,fx-options.fx-arp,.fx-options.fx-arp{flex:1 1 auto}fx-select.fx-arp select,fx-options.fx-arp select,.fx-options.fx-arp select{color:var(--ff-ref-palette-cool-100);border-color:transparent}fx-select.fx-arp select.fx-opt-0,fx-options.fx-arp select.fx-opt-0,.fx-options.fx-arp select.fx-opt-0{background-color:#257063}fx-select.fx-arp select.fx-opt-1,fx-options.fx-arp select.fx-opt-1,.fx-options.fx-arp select.fx-opt-1{background-color:#163046;color:#9dd3ee;border-color:#193c5b}fx-select.fx-arp select.fx-opt-2,fx-options.fx-arp select.fx-opt-2,.fx-options.fx-arp select.fx-opt-2{background-color:#365e7b}fx-select.fx-arp select.fx-opt-3,fx-options.fx-arp select.fx-opt-3,.fx-options.fx-arp select.fx-opt-3{background-color:#822c2c}fx-select.fx-arp select.fx-opt-4,fx-options.fx-arp select.fx-opt-4,.fx-options.fx-arp select.fx-opt-4{background-color:#82492c}fx-select.fx-arp select.fx-opt-5,fx-options.fx-arp select.fx-opt-5,.fx-options.fx-arp select.fx-opt-5{background-color:#824e2c}fx-select.fx-arp select.fx-opt-6,fx-options.fx-arp select.fx-opt-6,.fx-options.fx-arp select.fx-opt-6{background-color:#82532c}fx-select.fx-arp select.fx-opt-7,fx-options.fx-arp select.fx-opt-7,.fx-options.fx-arp select.fx-opt-7{background-color:#82582c}fx-select.fx-arp select.fx-opt-8,fx-options.fx-arp select.fx-opt-8,.fx-options.fx-arp select.fx-opt-8{background-color:#82652c}fx-select.fx-arp select.fx-opt-9,fx-options.fx-arp select.fx-opt-9,.fx-options.fx-arp select.fx-opt-9{background-color:#826e2c}fx-select.fx-arp select.fx-opt-10,fx-options.fx-arp select.fx-opt-10,.fx-options.fx-arp select.fx-opt-10{background-color:#767a27}fx-select.fx-arp select.fx-opt-11,fx-options.fx-arp select.fx-opt-11,.fx-options.fx-arp select.fx-opt-11{background-color:#8c3d8f}.fx-button{flex:1 1 auto;padding:.2em .5em .1em;font-family:Roboto Condensed,sans-serif;font-weight:400;font-size:.9em;font-weight:700;text-transform:uppercase;color:var(--ff-ref-palette-cool-900);background-color:var(--ff-ref-palette-cool-200);border:none;border-radius:100px;cursor:pointer}.fx-input-name{height:1.5em;width:100%;margin:0;padding:0;color:#9dd3ee;background-color:#163046;border:1px solid #193c5b;border-radius:3px;font-family:Share Tech Mono,monospace;font-weight:400;font-size:1.2em;font-weight:700}.fx-input-name:focus{outline:none;border-color:#9dd3ee}fx-radio{flex:1 1 auto}fx-radio .fx-radio-group{display:flex;gap:.35em}fx-radio label{flex-grow:1;padding:.05em .5em .05em .2em;border:1px solid #193c5b;background-color:#163046;text-align:center;font-size:.9em;cursor:pointer}fx-radio label:has(input:checked){background-color:#c3571d;color:#fff}fx-radio input{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0}fx-check label{display:flex;gap:.5em;color:var(--ff-ref-palette-cool-200)}fx-check input{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0;width:1.2em;height:1.2em;border:1px solid #193c5b;background-color:#163046}fx-check input:checked{background-color:#f76d22;border-color:#f76d22}fx-librarian{display:flex;margin-bottom:.5em;font-family:Roboto Condensed,sans-serif;font-weight:400}fx-librarian .fx-bank-menu{flex:0 0 0}fx-bank{display:flex;flex-direction:column;flex:1 1 auto}fx-bank .fx-button{background-color:var(--ff-ref-palette-cool-300)}fx-bank .fx-button.fx-active{background-color:#ae2121;color:var(--ff-ref-palette-cool-100)}fx-bank .fx-label{flex:1 1 20%;color:var(--ff-ref-palette-cool-200)}fx-bank .fx-bank-name{flex:1 1 100%;font-family:Share Tech Mono,monospace;font-weight:400;font-size:.9em;color:#9dd3ee;background-color:#163046;border:1px solid #193c5b;border-radius:3px}fx-bank .fx-bank-name:focus{outline:none;border-color:#9dd3ee}fx-preset{display:flex;gap:.5em;box-sizing:border-box;margin-bottom:-2px;padding:4px;border-top:2px solid var(--ff-ref-palette-cool-950);border-bottom:2px solid var(--ff-ref-palette-cool-950)}fx-preset.fx-selected{background-color:#217661}fx-preset.fx-drop-before{border-top:2px solid #2c997e}fx-preset.fx-drop-after{border-bottom:2px solid #2c997e}fx-preset .fx-name{flex:1 1 auto;border:1px solid #193c5b;background-color:#163046;color:#9dd3ee;font-family:Share Tech Mono,monospace;font-weight:400}fx-preset .fx-button{flex:0 0 auto;width:1.5em;margin:0;padding:0;background-color:transparent;border-radius:0}fx-preset .fx-button ff-icon{fill:var(--ff-ref-palette-cool-300)}fx-preset .fx-button ff-icon:hover{fill:var(--ff-ref-palette-cool-100)}fx-preset .fx-button.fx-slot{color:var(--ff-ref-palette-cool-200);border:1px solid var(--ff-ref-palette-cool-700)}fx-preset .fx-options{width:auto}