@font-face{font-family:Share Tech Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/J7aHnp1uDWRBEqV98dVQztYldFcLowEF-CCqdbj5z-1745720089547.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--main-width-L3: 1400px;--table-height: calc(var(--main-width-L3)/2.367);--bkg-color: rgb(158, 158, 158);--placeholder-color: #ffffff46;--main-font: Arial, sans-serif;--main-font-size: 90%;--main-radius: 2px;--main-shadow: 2px 2px 5px rgba(0, 0, 0, .502);--main-gradient: radial-gradient(rgb(245, 220, 186) 4%, #9198e50f);--main-orange: #ff7009;--main-red: #ff4040;--main-cyan: rgb(30, 236, 254);--main-yellow: #ffb85a}html,body,#root,button,input,textarea,select,a{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}.monospace{font-family:Share Tech Mono,monospace}.ib{display:inline-block}svg{pointer-events:none;shape-rendering:optimizeSpeed}#root,body,html{margin:0;display:flex;justify-content:center;align-items:center;min-height:100vh;width:100%;height:auto;-moz-user-select:none;-ms-user-select:none;-webkit-user-select:none;user-select:none;font-family:var(--main-font);font-size:var(--main-font-size);-ms-touch-action:manipulation;touch-action:manipulation}input,table{-webkit-appearance:none;-moz-appearance:none;appearance:none}.div-L1{width:100%;height:auto;display:flex;flex-direction:column;align-items:center}.div-L2{width:100%;height:100%}.rg{background:repeating-conic-gradient(gray,#5a55601c 19%,gray 33%)}.skin-container{top:0;right:0;bottom:0;left:0;margin:auto;height:100%;position:relative;display:flex;justify-content:center;align-items:center}.div-L3{width:var(--main-width-L3);height:800px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:repeating-conic-gradient(#959595,#5a55601c 19%,#949494 33%);opacity:0;transition:opacity 1s ease-in;position:relative}.fade-in-content{opacity:1!important}.header{width:100%;height:25px;display:flex;flex-direction:row;align-items:center}.hue-bar{width:100%;height:18px;background-color:#0000}.range-slider-handle,.range-slider-handle2{display:inline-block}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:25px;width:5px;margin-top:-5px;border:4px solid #fff}input[type=range]::-moz-range-thumb{height:16px;width:7px;background-color:transparent;border:3px solid #fff}.name-bar{width:100%;height:82px;display:flex;align-items:center;justify-content:center;margin-top:-10px;background-image:url(/assets/TR-909-brand-logo-header-Dg904lEf-1745720089547.svg);background-size:cover;filter:brightness(1);position:relative;fill:red}.name-bar:before{display:none}.status-bar-folder{width:fit-content;height:100%;clip-path:polygon(0 0,0 100%,100% 100%,100% 25%,75% 0)}.status-bar-folder:hover{transform:scale(1.1)}.save-up-reset{display:flex;flex-direction:row}.filter-green{filter:invert(48%) sepia(79%) saturate(2476%) hue-rotate(86deg) brightness(118%) contrast(119%)}.table{width:100%;height:var(--table-height);display:flex;flex-direction:column;background-image:url(/assets/TR-909-body-DGsYSjKO-1745720089547.svg);background-size:cover;will-change:transform}.sound-section{width:100%;height:172px;display:flex;flex-direction:column}.mid-section{width:var(--main-width-L3);height:126px;display:flex;flex-direction:row;align-items:flex-start}.sequencer{width:100%;height:253px;display:flex;flex-direction:row;align-items:center}.footer{display:flex;flex-direction:column;font-size:large;align-items:center;justify-content:space-around}.f-col,.f-col-cen{display:flex;flex-direction:column}.f-col-cen{align-items:center}.f-row{display:flex;flex-direction:row;justify-content:flex-start}.green-light{cursor:pointer;background:radial-gradient(#4aff40d4 25%,#9198e50f);filter:drop-shadow(.1px 2px 2px rgba(74,255,64,.918))}.red-light{cursor:pointer;background:radial-gradient(var(--main-red) 25%,#9198e50f);filter:drop-shadow(.1px 2px 2px var(--main-red))}.red-light-dimmed{cursor:pointer;background:radial-gradient(#ff4040 50%,#9198e50f)}.red-shadow:active{filter:drop-shadow(.1px 2px 2px #a70909ea)}.red-light-active:active{background:radial-gradient(var(--main-red) 50%,#9198e50f)}.red-light-focus:focus{background:radial-gradient(var(--main-red) 50%,#9198e50f)}.orange-light{background:radial-gradient(var(--main-orange) 25%,#9198e50f);filter:drop-shadow(.1px 2px 2px var(--main-orange))}.orange-shadow:active,.orange-light-active:active,.orange-light-focus:focus{background:radial-gradient(var(--main-orange) 50%,#9198e50f)}.blue-light{background-color:#8a2be2}.text-italic{font-style:italic}.text-center,.text-center-only{display:flex;align-items:center;justify-content:center}.text-center{color:#454854}.text-orange-color{color:#ffa277}.scale-80percent{--scale-factor: .8;transform:scale(var(--scale-factor))}.scale-90percent{--scale-factor: .9;transform:scale(var(--scale-factor))}.font-size-80percent{font-size:80%}.transparent{background:radial-gradient(#cccccc47,#2828290f)}.mk-sel-pattern{border-bottom:.4rem solid;border-image-slice:1;border-image-source:radial-gradient(var(--main-cyan) 62%,#9198e50f)}.sel-inst{padding-top:.35rem;border-bottom:.4rem solid;border-image-slice:1;border-image-source:radial-gradient(rgb(235,136,97) 62%,#9198e50f)}.labeled-key{display:flex;justify-content:center;color:#000;opacity:90%}button,.loadKey{cursor:grab;border:none;outline:none;background:radial-gradient(#ccccccab,#2828290f);transform:translateZ(0)}button:hover,.loadKey:hover{filter:drop-shadow(.1px 2px 2px #02030339)}.qt-slot{font-size:120%;color:var(--main-yellow);background-color:transparent}.qt-slot:hover{box-shadow:0 2.8px 2.2px #00000009,0 6.7px 5.3px #0000000c,0 12.5px 10px #0000000f,0 22.3px 17.9px #00000012,0 41.8px 33.4px #00000016,0 100px 80px #0000001f;transform:scale(1.2)}.qt-slot-active{font-size:110%;transform:scale(1.2);background:radial-gradient(var(--main-orange) 20%,#9198e50f)}.bt-slot{color:#fff;background-color:transparent}.bt-slot:hover,.bt-slot-active:hover{box-shadow:0 2.8px 2.2px #00000009,0 6.7px 5.3px #0000000c,0 12.5px 10px #0000000f,0 22.3px 17.9px #00000012,0 41.8px 33.4px #00000016,0 100px 80px #0000001f;transform:scale(1.1)}.bt-slot-active{color:#fff;background:radial-gradient(var(--main-orange) 4%,#9198e50f)}.butt-scaleUp-lil:hover{transform:scale(1.05)}.input-form{outline:none;color:#fff;border:none;text-align:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none}input::placeholder{color:var(--placeholder-color);text-align:center}input::-webkit-input-placeholder{color:var(--placeholder-color);text-align:center}input::-moz-placeholder{color:var(--placeholder-color);text-align:center}input:-ms-input-placeholder{color:var(--placeholder-color);text-align:center}input::-ms-input-placeholder{color:var(--placeholder-color);text-align:center}.mk{border-radius:var(--main-radius);background:var(--main-gradient);box-shadow:var(--main-shadow);filter:brightness(1.1) contrast(1.2)}.mk:active{transform:scale(1.05);background:radial-gradient(#ff9a9a 24%,#9198e50f)}.alt-key,.quantize-key,.glow-cyan{background:radial-gradient(var(--main-cyan) 24%,#9198e50f)}.glow-red{transform:scale(1.05);background-color:#ff9a9a}.glow-orange{background-color:#ffa6002e}.glow-green{background:radial-gradient(#1c9a6a 30%,#9198e50f)}.mk-active-shift:active{background-color:var(--main-yellow)}.fade-out-mk{border-radius:var(--main-radius);background:radial-gradient(gray 24%,#9198e50f);opacity:.9;box-shadow:var(--main-shadow);filter:brightness(1.1) contrast(1.2)}.fade-out,.fade-clear{opacity:.38}.pe-none{pointer-events:none}.editKey{font-weight:700;color:#fff;background-color:#969696}.editKey:active{transform:scale(1.1)}.editKey-active{color:orange;transform:scale(1.05)}.editKey-disable{pointer-events:none}.mute-active{background:radial-gradient(gray 50%,#9198e50f);opacity:.38}.mute-active:active{background:radial-gradient(salmon 50%,#9198e50f);opacity:.8}.solo-active{background:radial-gradient(gray 50%,#9198e50f);opacity:.38}.solo-active:active{background:radial-gradient(var(--main-cyan) 50%,#9198e50f);opacity:.8}.transform{will-change:transform}.red-dot-light{background-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'%20standalone='no'?%3e%3c!DOCTYPE%20svg%20PUBLIC%20'-//W3C//DTD%20SVG%201.1//EN'%20'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3e%3csvg%20width='100%25'%20height='100%25'%20viewBox='0%200%2026%2023'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20xml:space='preserve'%20xmlns:serif='http://www.serif.com/'%20style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;'%3e%3cg%20transform='matrix(1,0,0,1,-917,-1292)'%3e%3cg%20transform='matrix(1.47835,0,0,1.47835,483.537,237.545)'%3e%3cg%20id='red-dot-light'%3e%3cg%20id='dot-led-ON'%20transform='matrix(1.01464,0,0,1.01464,-3.4075,-13.5589)'%3e%3ccircle%20cx='301'%20cy='724'%20r='4'%20style='fill:rgb(240,68,90);'/%3e%3c/g%3e%3cg%20transform='matrix(0.764658,0,0,0.676429,-407.985,-160.682)'%3e%3crect%20x='917'%20y='1292'%20width='23'%20height='23'%20style='fill:none;'/%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/svg%3e");background-size:cover}.box{box-shadow:0 22.3px 17.9px #00000012,0 41.8px 33.4px #00000016,0 40px 40px #0000001f,0 100px 80px #0000001f}.prevent-scroll{pointer-events:none;cursor:not-allowed}.loader-container{position:fixed;top:0;left:0;width:100%;height:100%;margin:-5% 0 0;display:flex;justify-content:center;align-items:center;z-index:9999;opacity:1;transition:opacity .8s ease-out,background .8s ease-out;overflow:hidden}.fade-out-loader{opacity:0;z-index:-1}.progress-bar-container{position:absolute;bottom:30%;width:300px;height:8px;background-color:#0009;border-radius:4px;overflow:hidden}.progress-bar-fill{height:100%;background:linear-gradient(to right,var(--main-red),var(--main-orange));border-radius:4px;transition:width .3s ease-out;box-shadow:0 0 15px #ff7009e6}.progress-indicator{position:absolute;bottom:23%;font-size:18px;font-weight:700;font-family:monospace;color:#ffffffe6;z-index:10;animation:textPulse 2s infinite ease-in-out}.logo-spinner{position:absolute;display:flex;justify-content:center;align-items:center;width:100%;height:100%;z-index:5}.spinning-logo{width:180px;height:180px;animation:spin 8s infinite linear;filter:drop-shadow(0 0 20px rgba(255,64,64,.6));z-index:6}.text-ring{position:absolute;width:350px;height:350px;pointer-events:none;animation:spin 8s infinite linear;display:flex;justify-content:center;align-items:center;z-index:5}.text-ring-content{position:relative;width:100%;height:100%;color:#fff;text-transform:uppercase;font-size:16px;letter-spacing:2px;text-shadow:0 0 8px rgba(255,64,64,.8);--text: "SONIC ARCHETYPE • TR909 • ";--n-letters: 27;--font-size: 20px;--radius: 175px;font-size:var(--font-size);height:calc(var(--radius) * 2);width:calc(var(--radius) * 2);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.text-ring-content span{position:absolute;height:var(--radius);transform-origin:bottom center;top:0;left:calc(50% - 5px);transform:rotate(calc(360deg / var(--n-letters) * var(--i)));display:inline-block;width:10px;font-weight:700}@keyframes spin{0%{transform:rotate(0) scale(1);filter:drop-shadow(0 0 15px rgba(255,64,64,.6))}25%{filter:drop-shadow(0 0 25px rgba(255,112,9,.7))}50%{transform:rotate(180deg) scale(1.15);filter:drop-shadow(0 0 30px rgba(30,238,254,.8))}75%{filter:drop-shadow(0 0 25px rgba(74,255,64,.7))}to{transform:rotate(360deg) scale(1);filter:drop-shadow(0 0 15px rgba(255,64,64,.6))}}@keyframes pulse{0%{transform:scale(.7);opacity:.9}50%{opacity:.5;box-shadow:0 0 100px #fffc}to{transform:scale(1.8);opacity:0}}@keyframes textPulse{0%{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}to{opacity:.7;transform:scale(1)}}.skin{width:100%;height:100%;background:radial-gradient(#fff 1%,#ffffff0f);opacity:1;transition:opacity .5s ease-in}.tooltip{position:absolute;top:774px;left:50%;transform:translate(-50%);color:#fff;padding:5px 10px;font-size:14px;white-space:nowrap;pointer-events:none}