*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--background-dark: #333;--text-light: #fff;--primary-color: #08080896;--secondary-color: #6c757d;--accent-color: #3498db;--warning-color: #e74c3c;--soft-transparent: #0000005c;--text-light: rgb(223, 223, 223);--text-dark: rgb(201, 201, 201);--button-radius: 8px;--button-padding: .5rem 1rem;--button-margin: .25rem}.btn-custom-dark{background:var(--primary-color)!important;color:var(--text-light)!important}.descreet-hr{margin:16px 0 8px}.btn-custom-dark:hover{background:#111!important;color:var(--text-dark)!important}.btn-custom-secondary{background:var(--secondary-color)!important;color:var(--text-light)!important}.btn-custom-secondary:hover{background:#5a6268!important;color:var(--text-dark)!important}.btn-custom-accent{background:var(--accent-color)!important;color:#fff!important}.btn-custom-accent:hover{background:linear-gradient(to bottom,var(--accent-color),#2980b9)!important;color:#fff!important}.btn-custom-warning{background:var(--warning-color)!important;color:#fff!important}.btn-custom-warning:hover{background:linear-gradient(to bottom,var(--warning-color),#c0392b)!important;color:#fff!important}.btn-custom-success{background:#0b7d00!important;color:#fff!important}.btn-custom-success:hover{background:#0a7a00a0!important}.btn-outline-light{border:none;margin:0;padding:.375rem .75rem;background:transparent;color:#fff;box-shadow:0 0 0 1px #ccc}.btn-glass{background-color:#3434346b;color:#fff;text-align:center;display:inline-block;width:38px;height:38px;padding:0;margin:2px;border-radius:5px;transition:all .3s ease;border:none}.btn-glass:hover{background-color:#494949b3}input.soft-transparent[type=text]{background-color:var(--soft-transparent);background-color:#ffffff8c;color:#fff;border:1px solid rgb(79,79,79)}input.soft-transparent-border-light[type=text]{border:1px solid rgba(255,255,255,.253)!important}input.soft-transparent-border-dark[type=text]{border:1px solid rgba(0,0,0,.253)!important}input.soft-transparent[type=text]::placeholder{color:#000;opacity:.5}::-webkit-scrollbar{width:8px;height:100%}::-webkit-scrollbar:hover{width:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{border-radius:8px;background:#585858}::-webkit-scrollbar-thumb:hover{background:#b0b0b0;width:8px}html{overflow-y:overlay!important}.noselect{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.htmlContent{padding:16px 16px 22px}body{-webkit-user-select:none;-ms-user-select:none;user-select:none;overflow:hidden;display:flex;flex-direction:column;background:radial-gradient(at 50% 35%,#444,#000);background-color:#000!important}.card{padding:2em}@media only screen and (max-width: 1400px){#DimThree{width:100vw!important}h6{font-size:small!important}}@media (max-width: 768px){::-webkit-scrollbar{width:0px}}@media (max-width: 1000px){.md\:btn-sm{padding:.25rem .5rem!important;font-size:.875rem!important;line-height:1.5!important}}h4.svelte-j0fap2{padding:6px 0 0 4px;margin-top:0}@media (max-width: 800px){h4.svelte-j0fap2{font-size:1.1rem;padding:10px 0 0 4px;font-weight:400}}button.svelte-1m7y7uq{margin:0 8px 0 10px;padding:2px 0;background:none;border:none}@media (min-width: 800px){button.svelte-1m7y7uq img:where(.svelte-1m7y7uq){transition:transform .2s ease-in-out}}.flipped.svelte-1m7y7uq{transform:scaleX(-1)}.btn-glass.svelte-wf3bfb{font-size:24px;padding-bottom:4px}@media (max-width: 800px){.btn-glass.svelte-wf3bfb{padding-bottom:0}}.rightHeader.svelte-1dinhis{display:flex;flex-direction:row;justify-content:right;align-items:center;padding:0 10px;height:100%}#dropdownActionType.svelte-iv7itg{background-color:#2c2c2c;border-color:#2c2c2c}.hud-elm.svelte-iv7itg{color:#fff}.search-container.svelte-rb0y0y{position:relative}.placeholder-overlay.svelte-rb0y0y{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#fff;opacity:.5;pointer-events:none}.center-element.svelte-rb0y0y{cursor:text;background-color:#2c2c2c!important;color:#fff!important;border-color:#2c2c2c;text-align:center}input.svelte-rb0y0y::placeholder{color:#fff;opacity:.5}#dropdownGkSti.svelte-ks95u9{color:#fff;border-color:#2c2c2c;background-color:#2c2c2c}.hud-elm.svelte-ks95u9{background-color:#3434346b;color:#fff}.hud-container.svelte-1y0d8hw{display:grid;grid-template-columns:1fr 2fr 1fr;align-items:center;width:100%}.navbar.svelte-nn0uf2{display:grid;grid-template-columns:7fr 7fr 6fr;align-items:center;width:100%;padding:0;background:radial-gradient(at 0% 50%,#1b1b1b,#202020);background:radial-gradient(at 0% 50%,#2a2a2a,#1b1b1b);color:#fff;box-shadow:0 2px 4px #0000004d}.navbar-left.svelte-nn0uf2{display:flex;align-items:center;justify-content:flex-start;margin:8px 0}.navbar-center.svelte-nn0uf2{display:flex;align-items:center;justify-content:center}.navbar-right.svelte-nn0uf2{display:flex;align-items:center;justify-content:flex-end}@media (max-width: 768px){.navbar.svelte-nn0uf2{grid-template-columns:1fr 1fr;grid-template-rows:auto auto;grid-template-areas:"navbar-left navbar-right" "navbar-center navbar-center"}.navbar-left.svelte-nn0uf2{grid-area:navbar-left}.navbar-center.svelte-nn0uf2{grid-area:navbar-center;border-top:1px solid rgb(79,79,79)}.navbar-right.svelte-nn0uf2{grid-area:navbar-right}}canvas.svelte-1o7mpr0{width:100%!important;height:100%!important}.rounded.svelte-1o7mpr0{border-bottom-left-radius:12px!important;border-bottom-right-radius:12px!important}.instrumentPlank.svelte-b36wm2{background:#1b1b1b;display:flex;min-height:12vh;max-height:30vh;width:100%}.center-section.svelte-b36wm2{width:100%}#resizer-handle.svelte-b36wm2{width:100%;height:10px;border-radius:2px;background:linear-gradient(#333,#111,#0c0c0c);cursor:ns-resize}#resizer.svelte-b36wm2{height:20px;margin-top:2px;width:100%;background-color:#1b1b1b;touch-action:none}div.svelte-h9xypl:hover{cursor:pointer}.actionButtonsContainer.svelte-h9xypl{min-width:38px}.settingsBox.svelte-1i5r8tc{margin:0 10px;border:1px solid black;border-radius:10px;display:flex;overflow:hidden;flex-direction:column;background-color:#2e2e2e}.settingsTitle.svelte-1i5r8tc{background-color:#1d1d1d;height:2rem}span.svelte-1i5r8tc{font-size:.8rem;letter-spacing:2px}div.svelte-1i5r8tc:hover{cursor:pointer}.settingsBox.svelte-1j4f1ta{width:10rem;border:1px solid black;border-radius:10px;display:flex;overflow:hidden;position:absolute;flex-direction:column;right:6px;z-index:3;background-color:#2e2e2e}.settingsTitle.svelte-1j4f1ta{background-color:#1d1d1d;height:2rem}button.svelte-1j4f1ta{padding:2px}span.svelte-1j4f1ta{font-size:.8rem;letter-spacing:2px}.setting.svelte-1e3aelr{display:flex;justify-content:space-between;flex-grow:1;flex-basis:0;border-top:1px solid black;padding:4px 8px}.textContainer.svelte-1e3aelr{flex-grow:1;text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center}.title.svelte-1e3aelr{font-size:10px;color:#fff;margin-bottom:0;letter-spacing:1px}p.svelte-1e3aelr{color:#f5f5f5;font-size:.8rem;font-weight:700;letter-spacing:2px;text-shadow:1px 1px 1px black;margin:0}.skip.svelte-1e3aelr{color:#fff;font-size:1.5rem;margin-top:px;text-shadow:2px 2px 2px black}.skip.svelte-1e3aelr:hover{cursor:pointer}.displayBtn.svelte-18pbpcg{color:#fff;font-size:1.5rem;height:100%;width:100%;flex-grow:1;text-align:center;text-shadow:2px 2px 2px black;opacity:.5;transition:opacity .3s}.displayBtn.active.svelte-18pbpcg{opacity:1}.displayBtn.svelte-18pbpcg:hover{cursor:pointer}div.svelte-hdmix0{color:#fff;font-size:1.5rem;height:100%;width:100%;margin:0;flex-grow:1;text-align:center;text-shadow:2px 2px 2px black;opacity:.5}div.svelte-hdmix0:hover{cursor:pointer;opacity:1}.setting.svelte-13efm0v{display:flex;align-items:center;justify-content:space-between;flex-grow:1;flex-basis:0;border-top:1px solid black}.btnContainer.svelte-13efm0v{flex:1}.btnGroup.svelte-13efm0v{display:flex;width:100%;height:100%}input[type=file].svelte-wvni0y{display:none}.uploadFile.svelte-wvni0y{border:1px dashed black!important}.uploadFile.svelte-wvni0y,button.svelte-wvni0y{margin:8px}p.svelte-wvni0y{font-size:16px;margin:0}.playing.svelte-wvni0y{background-color:red!important;color:#fff!important}.midiContainer.svelte-wvni0y{display:flex;flex-direction:row;align-items:center;justify-content:center}canvas.svelte-1v51l5i{margin-bottom:-4px;width:100%!important;padding:0 40px 0 34px}.pianoAnimation.svelte-1v51l5i{position:relative;background:linear-gradient(to right,#121212,#000 1.8%,#000 97.8%,#121212);border-bottom:2px solid rgb(255,255,255)}.setting.svelte-ovgcyf{display:flex;align-items:center;flex-grow:1;flex-basis:0;border-top:1px solid black}.btnContainer.svelte-ovgcyf{flex:1}.btnGroup.svelte-ovgcyf{display:flex;width:100%;height:100%}#lowerSection.svelte-d01xax{box-shadow:0 2px 4px #0003;display:flex;border-left:1px solid #0f0f0f;flex-direction:column;flex-grow:1;z-index:2}#intrumentPlank.svelte-d01xax{align-items:flex-end;flex:1}.windowWrapper.svelte-vi4zsf{border:1px solid rgb(79,79,79);text-align:left;min-width:340px;position:relative;margin:10px 4px 10px 10px;border-radius:12px;background:radial-gradient(at 80% 45%,#fcfcfc24,#38383851)}.featureBody.svelte-vi4zsf{width:100%;margin-bottom:-5px}.settingsDiv{display:none;border:2px solid rgb(89,84,84);border-top:none;font-size:small;height:140px;z-index:10;background-color:#000;color:#000;border-top-left-radius:3px;border-top-right-radius:3px}@media (max-height: 768px){.windowWrapper.svelte-vi4zsf{margin-left:8px}}@media (max-width: 500px){.windowWrapper.svelte-vi4zsf{margin:4px 0}}.arpRow.svelte-1iybylj{width:100%;position:relative;display:grid;height:20px}.icon.svelte-1iybylj{padding-top:1px;display:flex;align-items:center;justify-content:center}.column.svelte-1iybylj{background-color:#fff;height:100%;border:1px solid black;touch-action:none;-webkit-user-select:none;user-select:none;cursor:pointer}p.svelte-1iybylj{margin:0 6px;font-size:12px;font-weight:600;text-align:center}.rowLabel.svelte-1iybylj{padding:10px 0}.rowName.svelte-1iybylj{width:80px;font-size:14px;text-align:center}.box.svelte-1iybylj{position:absolute;height:100%;top:0;border:1px solid black;pointer-events:none;-webkit-user-select:none;user-select:none}.rowContainer.svelte-1iybylj{border:1px solid black;border-right:0px;border-left:0px;display:flex;flex-direction:row;align-items:center;border-radius:5px;height:20px;padding-right:4px}.hoverBox.svelte-1iybylj{position:absolute;height:100%;top:0;border:1px dashed black;pointer-events:none;opacity:.1}.dragBox.svelte-1iybylj{position:absolute;height:100%;top:0;border:2px solid #007acc;pointer-events:none;opacity:.3;display:flex;align-items:center;justify-content:center}.dragLength.svelte-1iybylj{font-size:10px;font-weight:700;color:#007acc;text-shadow:1px 1px 1px white}hr.svelte-1iybylj{margin:.2rem}.playOptions.svelte-15alqr1{width:100%;color:#f5f5f5;display:flex;justify-content:space-between;align-items:center}.playDeleteBtns.svelte-15alqr1{display:flex;justify-content:end;flex-wrap:wrap}.columnControls.svelte-15alqr1{width:84px;height:30px;display:flex;justify-content:center;align-items:center;flex-wrap:wrap}.noteLengthContainer.svelte-15alqr1{display:flex;justify-content:center;align-items:center}.noteSelect.svelte-15alqr1{width:140px;height:30px;background-color:#fff;border:1px solid #ccc;border-radius:4px;color:#333;font-size:14px}.noteSelect.svelte-15alqr1:focus{border-color:#00d42a;box-shadow:0 0 0 .2rem #00d42a40}.ctrlBtn.svelte-15alqr1{font-size:medium;width:80px;margin:2px}.current-position-container.svelte-ur4jyl{display:flex;align-items:center;margin-top:14px}.resetTransport.svelte-ur4jyl{width:92px;background-color:#2c2c2c;color:#fff;font-size:xx-small;text-align:center;font-weight:700;height:18px;border:0;padding-top:2px}.positions.svelte-ur4jyl{display:flex;flex-grow:1;height:14px}.position-column.svelte-ur4jyl{flex:1;background-color:#ccc;opacity:.3}.position-column.active.svelte-ur4jyl{background-color:#1b1b1bc8;opacity:1}.popup-overlay.svelte-1mm1pwq{position:absolute;top:0;left:0;right:0;bottom:0;border-radius:12px;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:100;min-height:200px}.popup.svelte-1mm1pwq{background:#2c2c2c;border-radius:8px;box-shadow:0 4px 20px #0000004d;min-width:300px;max-width:400px;color:#fff}.popup-header.svelte-1mm1pwq{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #444}.popup-header.svelte-1mm1pwq h4:where(.svelte-1mm1pwq){margin:0;color:#fff;font-size:1.1em}.close-btn.svelte-1mm1pwq{background:none;border:none;color:#ccc;font-size:20px;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:3px}.close-btn.svelte-1mm1pwq:hover{color:#fff;background:#444}.popup-content.svelte-1mm1pwq{padding:20px}.input-group.svelte-1mm1pwq{margin-bottom:20px}.input-group.svelte-1mm1pwq input:where(.svelte-1mm1pwq){width:100%;padding:8px 12px;border:1px solid #555;border-radius:4px;background:#1a1a1a;color:#fff;font-size:14px}.input-group.svelte-1mm1pwq input:where(.svelte-1mm1pwq):focus{outline:none;border-color:#31b800;box-shadow:0 0 0 2px #31b80033}.input-group.svelte-1mm1pwq input:where(.svelte-1mm1pwq)::placeholder{color:#888}.popup-buttons.svelte-1mm1pwq{display:flex;gap:12px;justify-content:flex-end}.popup-buttons.svelte-1mm1pwq .btn:where(.svelte-1mm1pwq){padding:8px 16px;border:none;border-radius:4px;cursor:pointer;font-size:14px;min-width:80px;transition:all .2s}.btn-secondary.svelte-1mm1pwq{background:#555;color:#fff}.btn-secondary.svelte-1mm1pwq:hover{background:#666}.btn-primary.svelte-1mm1pwq{background:#31b800;color:#fff}.btn-primary.svelte-1mm1pwq:hover:not(:disabled){background:#28a000}.btn-primary.svelte-1mm1pwq:disabled{background:#555;opacity:.5;cursor:not-allowed}.chord-info.svelte-1hmsg1o{flex:0 0 auto;white-space:nowrap}.center-note.svelte-1hmsg1o{border:1px solid #080808;min-width:3.5rem;width:3.5rem;font-weight:600;cursor:default;position:relative;overflow:hidden}.center-note.svelte-1hmsg1o:disabled{opacity:1}.quality-dropdown.svelte-1hmsg1o{min-width:120px;display:flex;align-items:center;justify-content:flex-start;text-align:left}.quality-text.svelte-1hmsg1o{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:80px;text-align:left;flex:1}.dropdown-menu-dark.svelte-1hmsg1o{background-color:#2c2c2c;border-color:#4f4f4f}.dropdown-menu-dark.svelte-1hmsg1o .dropdown-header:where(.svelte-1hmsg1o){color:#adb5bd}.dropdown-menu-dark.svelte-1hmsg1o .dropdown-item:where(.svelte-1hmsg1o){color:#fff;text-align:left}.dropdown-menu-dark.svelte-1hmsg1o .dropdown-item:where(.svelte-1hmsg1o):hover{background-color:#495057;color:#fff}.dropdown-menu-dark.svelte-1hmsg1o .dropdown-divider:where(.svelte-1hmsg1o){border-color:#495057}@media (max-width: 768px){.center-note.svelte-1hmsg1o{min-width:3rem;width:3rem}.quality-dropdown.svelte-1hmsg1o{min-width:100px}.quality-text.svelte-1hmsg1o{min-width:60px}}.btn-icon.svelte-d7avhk{display:flex;align-items:center;justify-content:center;padding:.375rem;aspect-ratio:1;min-width:38px}.btn-icon.btn-sm.svelte-d7avhk{padding:.25rem;min-width:31px}.pattern-dropdown.svelte-d7avhk{min-width:120px;display:flex;align-items:center;justify-content:flex-start;text-align:left}.pattern-text.svelte-d7avhk{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:80px;text-align:left;flex:1}.dropdown-menu-dark.svelte-d7avhk{background-color:#2c2c2c;border-color:#4f4f4f}.dropdown-menu-dark.svelte-d7avhk .dropdown-header:where(.svelte-d7avhk){color:#adb5bd}.dropdown-menu-dark.svelte-d7avhk .dropdown-item:where(.svelte-d7avhk){color:#fff;text-align:left}.dropdown-menu-dark.svelte-d7avhk .dropdown-item:where(.svelte-d7avhk):hover{background-color:#495057;color:#fff}.custom-item.svelte-d7avhk{font-style:italic}.custom-badge.svelte-d7avhk{font-size:.75rem;background:#31b800;color:#fff;padding:.2rem .5rem;border-radius:.25rem;font-weight:500;font-style:normal}.grid-selector.svelte-9iop3a{width:100%}.arpeggioContainer.svelte-1qfquts{width:100%;overflow:hidden}.btnContainer.svelte-dide7v{flex:1}.btnGroup.svelte-dide7v{display:flex;width:100%;height:100%}.chordCell.svelte-14nfrjq{border-radius:8px;width:100%;height:3.4rem}.cell-emoji.svelte-14nfrjq{font-size:1.6rem;margin:-.5rem;min-width:2rem}.cell-title.svelte-14nfrjq{font-size:.9rem;margin:.2rem .2rem .2rem .4rem;font-weight:600;min-width:1.5rem}.cell-romanNumeral.svelte-14nfrjq{font-size:.9rem;margin:.2rem .4rem .2rem .2rem;font-weight:600;min-width:.8rem}button.svelte-14nfrjq{width:100%;height:100%;border-radius:12px;border:1px solid rgb(97,97,97);background-color:var(--primary-color);display:flex;align-items:center;justify-content:center;flex-grow:1;flex-wrap:wrap;padding:2px}@media (max-width: 768px){.cell-emoji.svelte-14nfrjq{font-size:1.4rem}.cell-title.svelte-14nfrjq,.cell-romanNumeral.svelte-14nfrjq{font-size:.7rem}}.rowContainer.svelte-drlxi7{display:flex;flex-direction:column;background:linear-gradient(to bottom,#a3a3a380,#9d9d9d,#b1b1b180);border-radius:8px;padding:8px}.rowGroup.svelte-drlxi7{display:flex;flex-direction:row;justify-content:space-between;gap:4px}input.svelte-drlxi7{width:100%;font-size:medium;margin:0 auto}.practiceButton.svelte-1bbwge8{float:right;min-width:90px}#volumeMessage.svelte-1bbwge8{font-weight:500;font-size:.9em;margin-left:6px}.option-box.svelte-1bbwge8{display:flex;justify-content:space-between;flex-wrap:nowrap;height:40px;width:100%}@media (max-width: 1000px){#volumeMessage.svelte-1bbwge8{font-size:.7em}}img.svelte-15wdyzw{max-width:100%}.hidden.svelte-15wdyzw{display:none}#musicPlayer.svelte-15wdyzw{display:flex;justify-content:center;align-items:center;flex-direction:column}.container.svelte-y3agmp{text-align:center}.keys.svelte-y3agmp{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:8px}.key.svelte-y3agmp{flex-basis:14%;text-align:center;font-weight:500}h2.svelte-y3agmp{color:#f5f5f5}#feedBack.svelte-y3agmp{position:relative;height:10px;display:flex;justify-content:center}#message.svelte-y3agmp{position:absolute;top:-12px;font-weight:600}@media (max-width: 768px){.key.svelte-y3agmp{flex-basis:calc(100% / 6 - 10px)}}.container.svelte-1szx4bc{text-align:center}.keys.svelte-1szx4bc{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:8px}.key.svelte-1szx4bc{flex-basis:14%;text-align:center;font-weight:500}#practiceHud.svelte-1szx4bc{padding:0 8px}#hintMessage.svelte-1szx4bc{float:left;color:#f5f5f5;font-size:.8em;font-weight:600;width:110px;margin-left:6px;text-align:center;margin-right:-63px}h2.svelte-1szx4bc{color:#f5f5f5}#feedBack.svelte-1szx4bc{position:relative;height:10px;display:flex;justify-content:center}#message.svelte-1szx4bc{position:absolute;top:-12px;font-weight:600}.black-bg.svelte-1szx4bc{background-color:#000;color:#fff;border-color:gray}.black-bg.svelte-1szx4bc:hover{background-color:#000;color:#fff;border-color:#000}@media (max-width: 768px){.key.svelte-1szx4bc{flex-basis:calc(100% / 6 - 10px)}#hintMessage.svelte-1szx4bc{width:90px;margin-right:-43px}}.songButtons.svelte-zy7upy{width:100%;border-radius:8px;padding:10px;font-size:1rem}.grid-selector.svelte-f2pa2n{width:100%;height:220px}.setting.svelte-1h9e91l{display:flex;align-items:center;flex-grow:1;flex-basis:0;border-top:1px solid black}.btnContainer.svelte-1h9e91l{flex:1}.btnGroup.svelte-1h9e91l{display:flex;width:100%;padding:4px 0}.ribbonTop.svelte-1tqjknr{height:2.5rem;padding:1rem .5rem 1rem 1rem}.titleDragArea.svelte-1tqjknr{flex-grow:1}h6.svelte-1tqjknr{font-weight:400;margin-top:4px!important}.iconButton.svelte-1tqjknr{border:none;background-color:transparent;font-size:20px;cursor:pointer;padding:0 2px}@media (max-width: 768px){h6.svelte-1tqjknr{padding-top:4px}}.settings-drawer.svelte-sg1ogf{position:absolute;top:0;right:0;width:0;max-width:42vw;height:100%;background:#2c2c2cf2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;display:flex;flex-direction:column;overflow:hidden;transition:width .3s ease-out;z-index:10;border-radius:12px}.settings-drawer.show.svelte-sg1ogf{width:220px;border-left:1px solid #555}.settings-header.svelte-sg1ogf{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;border-bottom:1px solid #555;background:#333333e6;border-radius:12px 12px 0 0;min-width:220px}.settings-header.svelte-sg1ogf h4:where(.svelte-sg1ogf){margin:0;color:#fff;font-size:.9em}.close-btn.svelte-sg1ogf{background:none;border:none;color:#ccc;cursor:pointer;padding:2px;border-radius:4px;transition:all .2s}.close-btn.svelte-sg1ogf:hover{color:#fff;background:#444}.settings-content.svelte-sg1ogf{flex:1;overflow-y:auto;padding:12px;min-width:220px}.category-section.svelte-sg1ogf{margin-bottom:16px;border:1px solid #444;border-radius:6px;overflow:hidden}.category-section.svelte-sg1ogf:last-child{margin-bottom:0}.category-header.svelte-sg1ogf{display:flex;align-items:center;gap:6px;padding:8px 12px;background:#333c;border-bottom:1px solid #444}.category-icon.svelte-sg1ogf{font-size:1em}.category-title.svelte-sg1ogf{font-weight:600;font-size:.8em;color:#ddd;text-transform:uppercase;letter-spacing:1px}.category-content.svelte-sg1ogf{padding:12px;background:#2c2c2cf2;background:transparent}@media (max-width: 768px){.settings-drawer.svelte-sg1ogf{max-width:50vw}.settings-drawer.show.svelte-sg1ogf{width:180px}.settings-header.svelte-sg1ogf,.settings-content.svelte-sg1ogf{min-width:180px}.settings-header.svelte-sg1ogf h4:where(.svelte-sg1ogf){font-size:.8em}}.windowWrapper{position:relative}.settings-overlay.svelte-wgz8sw{position:fixed;top:0;left:0;right:0;bottom:0;background:#0000004d;display:flex;justify-content:flex-end;z-index:1000}.settings-drawer.svelte-wgz8sw{background:#2c2c2c;width:280px;max-width:48vw;height:100vh;box-shadow:-4px 0 20px #0000004d;color:#fff;display:flex;flex-direction:column;animation:svelte-wgz8sw-slideIn .2s ease-out}@keyframes svelte-wgz8sw-slideIn{0%{transform:translate(100%)}to{transform:translate(0)}}.settings-header.svelte-wgz8sw{display:flex;justify-content:space-between;align-items:center;padding:12px;border-bottom:1px solid #444;background:#333}.settings-header.svelte-wgz8sw h4:where(.svelte-wgz8sw){margin:0;color:#fff;font-size:1em}.close-btn.svelte-wgz8sw{background:none;border:none;color:#ccc;font-size:24px;cursor:pointer;padding:4px;border-radius:4px}.close-btn.svelte-wgz8sw:hover{color:#fff;background:#444}.settings-content.svelte-wgz8sw{flex:1;overflow-y:auto;padding:20px}.category-section.svelte-wgz8sw{margin-bottom:24px;border:1px solid #444;border-radius:8px;overflow:hidden}.category-header.svelte-wgz8sw{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#333c;border-bottom:1px solid #444}.category-icon.svelte-wgz8sw{font-size:1.2em}.category-title.svelte-wgz8sw{font-weight:600;font-size:.9em;color:#ddd;text-transform:uppercase;letter-spacing:1px}.category-content.svelte-wgz8sw{padding:16px;background:#2c2c2cf2}.setting-group.svelte-wgz8sw{margin-bottom:20px}.setting-group.svelte-wgz8sw:last-child{margin-bottom:0}.setting-group.svelte-wgz8sw label:where(.svelte-wgz8sw){display:block;margin-bottom:8px;color:#ccc;font-size:14px;font-weight:500}.slider.svelte-wgz8sw{width:100%;height:6px;border-radius:3px;background:#555;outline:none;-webkit-appearance:none}.slider.svelte-wgz8sw::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:#31b800;cursor:pointer}.range-labels.svelte-wgz8sw{display:flex;justify-content:space-between;font-size:12px;color:#888;margin-top:4px}.current-value.svelte-wgz8sw{color:#ccc;font-weight:700}.dropdown.svelte-wgz8sw{width:100%;padding:8px 12px;border:1px solid #555;border-radius:4px;background:#1a1a1a;color:#fff;font-size:14px}.toggle-buttons.svelte-wgz8sw{display:flex;gap:8px}.btn-toggle.svelte-wgz8sw{flex:1;padding:8px;border:1px solid #555;border-radius:4px;background:#1a1a1a;color:#fff;cursor:pointer;transition:all .2s;font-size:12px}.btn-toggle.active.svelte-wgz8sw{background:#31b800;border-color:#31b800}.btn-toggle.svelte-wgz8sw:hover:not(.active){background:#333}.settings-drawer.svelte-1seuebp{position:fixed;bottom:0;left:0;right:0;background:#2c2c2cfa;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-top:1px solid #555;color:#fff;z-index:1000;animation:svelte-1seuebp-slideUp .3s ease-out;border-radius:12px 12px 0 0;box-shadow:0 -4px 20px #0000004d;min-height:30vh;max-height:44vh;overflow:hidden}@keyframes svelte-1seuebp-slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.settings-header.svelte-1seuebp{display:flex;justify-content:space-between;align-items:center;padding:12px 20px;border-bottom:1px solid #555;background:#333333e6}.settings-header.svelte-1seuebp h4:where(.svelte-1seuebp){margin:0;color:#fff;font-size:1.1em}.close-btn.svelte-1seuebp{background:none;border:none;color:#ccc;font-size:24px;cursor:pointer;padding:4px;border-radius:4px}.close-btn.svelte-1seuebp:hover{color:#fff;background:#444}.settings-content.svelte-1seuebp{padding:20px;overflow-y:auto;max-height:calc(44vh - 60px);min-height:calc(30vh - 60px)}.category-section.svelte-1seuebp{margin-bottom:20px;border:1px solid #444;border-radius:8px;overflow:hidden}.category-section.svelte-1seuebp:last-child{margin-bottom:0}.category-header.svelte-1seuebp{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#333c;border-bottom:1px solid #444}.category-icon.svelte-1seuebp{font-size:1.2em}.category-title.svelte-1seuebp{font-weight:600;font-size:.9em;color:#ddd;text-transform:uppercase;letter-spacing:1px}.category-content.svelte-1seuebp{padding:16px;background:#2c2c2cf2}.settings-grid.svelte-1seuebp{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.setting-group.svelte-1seuebp{display:flex;flex-direction:column;gap:8px}.setting-group.svelte-1seuebp label:where(.svelte-1seuebp){color:#ccc;font-size:14px;font-weight:500}.control-row.svelte-1seuebp{display:flex;align-items:center;gap:12px}.slider.svelte-1seuebp{flex:1;height:6px;border-radius:3px;background:#555;outline:none;-webkit-appearance:none}.slider.svelte-1seuebp::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:#31b800;cursor:pointer}.value.svelte-1seuebp{font-size:13px;color:#aaa;min-width:50px;text-align:right;font-weight:500}.dropdown.svelte-1seuebp{padding:8px 12px;border:1px solid #555;border-radius:6px;background:#1a1a1a;color:#fff;font-size:14px;cursor:pointer}@media (max-width: 768px){.settings-drawer.svelte-1seuebp{max-height:44vh}.settings-grid.svelte-1seuebp{grid-template-columns:1fr;gap:12px}}@media (min-width: 1024px){.settings-drawer.svelte-1seuebp{max-height:30vh;min-height:30vh}.settings-content.svelte-1seuebp{max-height:calc(30vh - 60px);min-height:calc(30vh - 60px)}}#clock.svelte-116i62y{position:relative}.setting.svelte-mtwa7b{display:flex;align-items:center;flex-grow:1;flex-basis:0;border-top:1px solid black}.btnContainer.svelte-mtwa7b{flex:1}.btnGroup.svelte-mtwa7b{display:flex;width:100%;height:100%}.setting.svelte-15kcd39{display:flex;align-items:center;flex-grow:1;flex-basis:0;border-top:1px solid black}.btnContainer.svelte-15kcd39{flex:1}.btnGroup.svelte-15kcd39{display:flex;width:100%;height:100%}.titleBox.svelte-bix4ci{display:flex;align-items:center;justify-content:center;width:100%}.title.svelte-bix4ci{font-size:10px;color:#fff;letter-spacing:1px}.sliderContainer.svelte-bix4ci{display:flex;flex-direction:column;align-items:center;padding:4px 12px;border-top:1px solid black;min-height:40px}.slider.svelte-bix4ci{width:100%;background-color:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:10px;margin-bottom:10px;border-radius:5px;background:#fff;outline:none;opacity:.7}.slider.svelte-bix4ci:hover{opacity:1}.slider.svelte-bix4ci::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:15px;height:15px;border-radius:50%;background:#fff;cursor:pointer;border:1px solid #313131}.slider.svelte-bix4ci::-moz-range-thumb{width:15px;height:15px;border-radius:50%;background:#fff;cursor:pointer;border:1px solid #313131}.canvas-container.svelte-15tufdx{margin-bottom:5px}input[type=text].svelte-vzqhrz{background-color:#0000003c;color:#fff}input.svelte-vzqhrz::placeholder{color:#fff;opacity:.5}button.svelte-1vdfgxy{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.gRowBlock.svelte-1l0q33x{display:flex;justify-content:space-between}h5.svelte-1l0q33x{max-width:200px;-webkit-user-select:none;user-select:none;color:azure}.noteContainer.svelte-1l0q33x{display:flex;flex-wrap:wrap;gap:6px;padding-bottom:8px}#youtube.svelte-151n0rw{height:300px;width:100%;padding:0}.noResize.svelte-151n0rw{display:none}#overlay.svelte-151n0rw{position:relative;height:300px;margin-bottom:-300px;z-index:2}.song-head.svelte-7394fj{padding:0 8px}#keyText.svelte-7394fj{color:azure;display:inline;margin:4px 0}.selectedYT.svelte-7394fj{background-color:#610202!important}.songButtons.svelte-8u8umw{width:100%;border-radius:8px}#myProfile.svelte-1tdpp9m{color:#d2d2d2}.avatar.svelte-1mj7ipc{vertical-align:middle;width:32px;height:32px;border-radius:50%}.user-title.svelte-1mj7ipc{font-size:14px}#youtube.svelte-ooy5vn,#youtubeLink.svelte-ooy5vn{width:100%}.card.svelte-sytpv3{margin:10px;border-radius:5px;background-color:#3c3c3c4f;background-color:#41414137}.post-container.svelte-4esj7t{border:1px solid rgb(110,110,110);border-radius:8px}canvas.svelte-1b3z7h8{width:100%}#status.svelte-4e2bmi{background-color:#b0a73e}#midiNum.svelte-4e2bmi{background-color:#449045}#velocity.svelte-4e2bmi{background-color:#516998}.signal-input.svelte-4e2bmi{border-radius:6px;width:40px}.MidiData.svelte-4e2bmi,#noteArray.svelte-s0nqaf{display:flex;flex-wrap:wrap;gap:4px}hr.svelte-x8oel7{margin:10px 0}.elm-group.svelte-x8oel7{margin:5px 0}.midi-slot-container.svelte-x8oel7{width:200px;padding:6px 12px;border:1px solid rgb(0,0,0);color:#fff;border-radius:6px;background:linear-gradient(45deg,#001507bf,#003e1460 60%,#001507bf)}.not-selected.svelte-x8oel7{background-color:#959595!important;border-color:#646464!important}.invalid-message.svelte-x8oel7{float:left;font-size:14px}.active.svelte-x8oel7{background-color:#aadaaa!important}.inputCollection.svelte-1fs3lcx{border-radius:6px}#container.svelte-1fs3lcx{display:flex;flex-wrap:wrap;gap:16px 12px}#inputRecorder.svelte-1dog6un{display:grid;border-radius:6px;grid-template-columns:1fr 1fr 1fr}p.svelte-1dog6un{display:inline-block;color:#fff;margin-bottom:8px}.midi-message.svelte-1dog6un{font-weight:500;display:inline-block}#status.svelte-1dog6un{color:#fff262}#midiNum.svelte-1dog6un{color:#3cff40}#velocity.svelte-1dog6un{color:#a7c4ff}.htmlContent.svelte-1mvfnkj{height:100%;overflow-y:auto}.btn-lg.svelte-1mvfnkj{font-size:1.5rem;padding:1rem 2rem;border-radius:1rem}.btn-lg.svelte-1mvfnkj:active{transform:scale(.95)}.bpm-display.svelte-1mvfnkj{transition:all .2s ease-in-out}.bpm-display.svelte-1mvfnkj:hover{background-color:#ffffff1a}.settings-overlay.svelte-b9mxir{position:fixed;top:0;left:0;right:0;bottom:0;background:#0000004d;display:flex;justify-content:flex-end;z-index:1000}.settings-drawer.svelte-b9mxir{background:#2c2c2c;width:280px;max-width:48vw;height:100vh;box-shadow:-4px 0 20px #0000004d;color:#fff;display:flex;flex-direction:column;animation:svelte-b9mxir-slideIn .2s ease-out}@keyframes svelte-b9mxir-slideIn{0%{transform:translate(100%)}to{transform:translate(0)}}.settings-header.svelte-b9mxir{display:flex;justify-content:space-between;align-items:center;padding:12px;border-bottom:1px solid #444;background:#333}.settings-header.svelte-b9mxir h4:where(.svelte-b9mxir){margin:0;color:#fff;font-size:1em}.close-btn.svelte-b9mxir{background:none;border:none;color:#ccc;font-size:32px;cursor:pointer;width:12px;height:12px;display:flex;align-items:center;justify-content:center;padding-right:12px;border-radius:4px}.close-btn.svelte-b9mxir:hover{color:#fff;background:#444}.settings-content.svelte-b9mxir{flex:1;overflow-y:auto;padding:20px}.no-settings.svelte-b9mxir{text-align:center;color:#888;padding:40px 20px}.setting-group.svelte-b9mxir{margin-bottom:24px}.setting-group.svelte-b9mxir label:where(.svelte-b9mxir){display:block;margin-bottom:8px;color:#ccc;font-size:14px;font-weight:500}.slider.svelte-b9mxir{width:100%;height:6px;border-radius:3px;background:#555;outline:none;-webkit-appearance:none}.slider.svelte-b9mxir::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:#31b800;cursor:pointer}.slider.svelte-b9mxir::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:#31b800;cursor:pointer;border:none}.range-labels.svelte-b9mxir{display:flex;justify-content:space-between;font-size:12px;color:#888;margin-top:4px}.dropdown.svelte-b9mxir{width:100%;padding:8px 12px;border:1px solid #555;border-radius:4px;background:#1a1a1a;color:#fff;font-size:14px}.dropdown.svelte-b9mxir:focus{outline:none;border-color:#31b800;box-shadow:0 0 0 2px #31b80033}.toggle-buttons.svelte-b9mxir{display:flex;gap:8px}.btn-toggle.svelte-b9mxir{flex:1;padding:8px;border:1px solid #555;border-radius:4px;background:#1a1a1a;color:#fff;cursor:pointer;transition:all .2s}.btn-toggle.active.svelte-b9mxir{background:#31b800;border-color:#31b800}.btn-toggle.svelte-b9mxir:hover:not(.active){background:#333}.btn-reset.svelte-b9mxir{width:100%;padding:12px;border:1px solid #666;border-radius:4px;background:#444;color:#fff;cursor:pointer;font-size:14px;transition:all .2s}.btn-reset.svelte-b9mxir:hover{background:#555;border-color:#777}.settings-drawer.svelte-1airdbw{position:absolute;top:0;right:0;width:0;max-width:42vw;height:100%;background:#2c2c2cf2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;display:flex;flex-direction:column;overflow:hidden;transition:width .3s ease-out;z-index:10;border-radius:12px}.settings-drawer.show.svelte-1airdbw{width:220px;border-left:1px solid #555}.settings-header.svelte-1airdbw{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;border-bottom:1px solid #555;background:#333333e6;border-radius:12px 12px 0 0;min-width:220px}.settings-header.svelte-1airdbw h4:where(.svelte-1airdbw){margin:0;color:#fff;font-size:.9em}.close-btn.svelte-1airdbw{background:none;border:none;color:#ccc;font-size:32px;cursor:pointer;width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:3px}.close-btn.svelte-1airdbw:hover{color:#fff;background:#444}.settings-content.svelte-1airdbw{flex:1;overflow-y:auto;padding:12px;min-width:220px}.no-settings.svelte-1airdbw{text-align:center;color:#888;padding:20px 10px;font-size:.8em}.setting-group.svelte-1airdbw{margin-bottom:16px}.setting-group.compact.svelte-1airdbw{margin-bottom:12px}.setting-group.svelte-1airdbw label:where(.svelte-1airdbw){display:block;margin-bottom:4px;color:#ccc;font-size:12px;font-weight:500}.control-row.svelte-1airdbw{display:flex;align-items:center;gap:8px}.slider.svelte-1airdbw{flex:1;height:4px;border-radius:2px;background:#555;outline:none;-webkit-appearance:none}.slider.svelte-1airdbw::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;background:#31b800;cursor:pointer}.slider.svelte-1airdbw::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:#31b800;cursor:pointer;border:none}.value.svelte-1airdbw{font-size:11px;color:#aaa;min-width:35px;text-align:right}.dropdown-section.svelte-1airdbw{border-top:1px solid #555;padding-top:12px;margin-top:12px}.dropdown.svelte-1airdbw{width:100%;padding:4px 8px;border:1px solid #555;border-radius:3px;background:#1a1a1a;color:#fff;font-size:11px}.dropdown.svelte-1airdbw:focus{outline:none;border-color:#31b800}.toggle-buttons.svelte-1airdbw{display:flex;gap:4px}.btn-toggle.svelte-1airdbw{flex:1;padding:4px 8px;border:1px solid #555;border-radius:3px;background:#1a1a1a;color:#fff;cursor:pointer;font-size:11px;transition:all .2s}.btn-toggle.active.svelte-1airdbw{background:#31b800;border-color:#31b800}.btn-toggle.svelte-1airdbw:hover:not(.active){background:#333}.btn-reset.svelte-1airdbw{width:100%;padding:8px;border:1px solid #666;border-radius:4px;background:#444;color:#fff;cursor:pointer;font-size:12px;transition:all .2s}.btn-reset.svelte-1airdbw:hover{background:#555;border-color:#777}@media (max-width: 768px){.settings-drawer.svelte-1airdbw{width:0}.close-btn.svelte-1airdbw{padding-right:28px}.settings-drawer.show.svelte-1airdbw{width:220px}.settings-header.svelte-1airdbw,.settings-content.svelte-1airdbw{min-width:180px}.setting-group.svelte-1airdbw{margin-bottom:12px}.settings-header.svelte-1airdbw h4:where(.svelte-1airdbw){font-size:.8em}.value.svelte-1airdbw{min-width:30px;font-size:10px}}.settings-drawer.svelte-6f5zkc{position:fixed;bottom:0;left:0;right:0;background:#2c2c2cfa;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-top:1px solid #555;color:#fff;z-index:1000;animation:svelte-6f5zkc-slideUp .3s ease-out;border-radius:12px 12px 0 0;box-shadow:0 -4px 20px #0000004d;min-height:30vh;max-height:44vh;overflow:hidden}@keyframes svelte-6f5zkc-slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.settings-header.svelte-6f5zkc{display:flex;justify-content:space-between;align-items:center;padding:12px 20px;border-bottom:1px solid #555;background:#333333e6}.settings-header.svelte-6f5zkc h4:where(.svelte-6f5zkc){margin:0;color:#fff;font-size:1.1em}.close-btn.svelte-6f5zkc{background:none;border:none;color:#ccc;font-size:24px;cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s}.close-btn.svelte-6f5zkc:hover{color:#fff;background:#444}.settings-content.svelte-6f5zkc{padding:20px;overflow-y:auto;max-height:calc(44vh - 60px);min-height:calc(30vh - 60px)}.no-settings.svelte-6f5zkc{text-align:center;color:#888;padding:40px 20px;font-size:1em}.settings-grid.svelte-6f5zkc{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:20px}.secondary-controls.svelte-6f5zkc{display:flex;gap:20px;align-items:flex-start;flex-wrap:wrap;border-top:1px solid #555;padding-top:20px}.dropdown-controls.svelte-6f5zkc{display:flex;gap:15px;flex:1;min-width:300px}.action-controls.svelte-6f5zkc{display:flex;gap:15px;align-items:flex-end}.setting-group.svelte-6f5zkc{display:flex;flex-direction:column;gap:8px}.setting-group.svelte-6f5zkc label:where(.svelte-6f5zkc){color:#ccc;font-size:14px;font-weight:500}.control-row.svelte-6f5zkc{display:flex;align-items:center;gap:12px}.slider.svelte-6f5zkc{flex:1;height:6px;border-radius:3px;background:#555;outline:none;-webkit-appearance:none;min-width:150px}.slider.svelte-6f5zkc::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:#31b800;cursor:pointer;transition:all .2s}.slider.svelte-6f5zkc::-webkit-slider-thumb:hover{background:#28a000;transform:scale(1.1)}.slider.svelte-6f5zkc::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:#31b800;cursor:pointer;border:none;transition:all .2s}.value.svelte-6f5zkc{font-size:13px;color:#aaa;min-width:50px;text-align:right;font-weight:500}.dropdown.svelte-6f5zkc{padding:8px 12px;border:1px solid #555;border-radius:6px;background:#1a1a1a;color:#fff;font-size:14px;min-width:140px;cursor:pointer}.dropdown.svelte-6f5zkc:focus{outline:none;border-color:#31b800;box-shadow:0 0 0 2px #31b80033}.toggle-buttons.svelte-6f5zkc{display:flex;gap:6px}.btn-toggle.svelte-6f5zkc{padding:8px 16px;border:1px solid #555;border-radius:6px;background:#1a1a1a;color:#fff;cursor:pointer;font-size:14px;transition:all .2s}.btn-toggle.active.svelte-6f5zkc{background:#31b800;border-color:#31b800;color:#fff}.btn-toggle.svelte-6f5zkc:hover:not(.active){background:#333;border-color:#666}.btn-reset.svelte-6f5zkc{padding:10px 20px;border:1px solid #666;border-radius:6px;background:#444;color:#fff;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s;white-space:nowrap}.btn-reset.svelte-6f5zkc:hover{background:#555;border-color:#777}@media (min-width: 1024px){.settings-drawer.svelte-6f5zkc{min-height:30vh;max-height:30vh}.settings-content.svelte-6f5zkc{max-height:calc(30vh - 60px);min-height:calc(30vh - 60px);padding:16px}.settings-grid.svelte-6f5zkc{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}.secondary-controls.svelte-6f5zkc{padding-top:16px;gap:16px}}@media (max-width: 1023px) and (min-width: 769px){.settings-drawer.svelte-6f5zkc{min-height:30vh;max-height:35vh}.settings-content.svelte-6f5zkc{max-height:calc(35vh - 60px);min-height:calc(30vh - 60px)}}@media (max-width: 768px){.settings-drawer.svelte-6f5zkc{min-height:30vh;max-height:44vh}.settings-content.svelte-6f5zkc{max-height:calc(44vh - 60px);min-height:calc(30vh - 60px);padding:15px}.settings-grid.svelte-6f5zkc{grid-template-columns:1fr;gap:12px}.secondary-controls.svelte-6f5zkc{flex-direction:column;gap:12px;padding-top:15px}.dropdown-controls.svelte-6f5zkc{flex-direction:column;gap:10px;min-width:auto}.action-controls.svelte-6f5zkc{flex-direction:row;gap:12px;width:100%;justify-content:space-between}.setting-group.svelte-6f5zkc{gap:6px}.setting-group.svelte-6f5zkc label:where(.svelte-6f5zkc){font-size:13px}.slider.svelte-6f5zkc{min-width:100px}.btn-reset.svelte-6f5zkc{padding:8px 16px;font-size:13px}.btn-toggle.svelte-6f5zkc{padding:6px 12px;font-size:13px}}@media (max-width: 480px){.settings-drawer.svelte-6f5zkc{min-height:30vh;max-height:42vh}.settings-content.svelte-6f5zkc{max-height:calc(42vh - 60px);min-height:calc(30vh - 60px);padding:12px}.action-controls.svelte-6f5zkc{flex-direction:column;gap:10px}}.camera-container.svelte-1y9lc5i{margin:10px;position:relative}.webcam.svelte-1y9lc5i{width:100%;object-fit:cover;border-radius:12px}.video-controls.svelte-1y9lc5i{display:flex;justify-content:flex-end;align-items:center;gap:8px;margin-bottom:8px}.btn-settings.svelte-1y9lc5i{padding:6px 12px;border:1px solid #555;border-radius:4px;background:#2c2c2c;color:#fff;cursor:pointer;font-size:12px}.btn-settings.svelte-1y9lc5i:hover{background:#333}.drag-handle.svelte-1y9lc5i{cursor:row-resize;padding-bottom:4px;margin-bottom:2px;text-align:center;touch-action:none}.drag-icon.svelte-1y9lc5i{text-align:center;margin:-2px;color:#d3d3d3;font-size:12px;-webkit-user-select:none;user-select:none}div.svelte-84rpqi:focus{outline:none}.featureColumn.svelte-84rpqi{display:flex;flex-direction:column;width:100%;height:100%;padding:0;position:relative}.dndzone.svelte-84rpqi{height:100%;padding:1px}.centerArea.svelte-84rpqi{overflow-y:scroll;height:100%;width:100%;margin-top:0}@media (max-width: 768px){.centerArea.svelte-84rpqi::-webkit-scrollbar{display:none}}.upperPlaygroundColumn.svelte-5s4ol1{display:flex;flex-direction:column;max-height:inherit;overflow-y:hidden;border-right:1px solid rgb(43,43,43);width:100%}.upperSectionColumnBody.svelte-5s4ol1{display:flex;flex:auto;justify-content:center;overflow:hidden;align-items:flex-start}@media (max-width: 768px){.upperSectionColumnBody.svelte-5s4ol1{padding:0}}@media (max-height: 768px) and (orientation: landscape){.upperSectionColumnBody.svelte-5s4ol1{padding:0}}.side-playground.svelte-164v3zo{display:flex}#resizer.svelte-164v3zo{background-color:#1c1c1c;cursor:ew-resize;touch-action:none}#upperPlayground.svelte-1lcoeyu{display:grid;grid-template-columns:repeat(var(--columns),1fr);overflow:auto;flex-grow:1;height:100vh}main.svelte-yp4ki9{flex-grow:1}.center.svelte-yp4ki9{flex-grow:1;display:flex;flex-direction:column}.instrumentOption.svelte-19cr1xn{display:flex;flex-direction:row;font-size:22px}button.svelte-19cr1xn{height:2.4rem;font-size:1.24rem;border-radius:5px;background-color:#3434346b;margin:2px 3px;transition:all .3s ease;border:1px solid rgb(33,33,33);opacity:.7}button.active.svelte-19cr1xn{opacity:1.2;background-color:#5c5c5c6b}.title.svelte-19cr1xn{font-size:10px;color:#fff}.range-container.svelte-19cr1xn{display:flex;flex-direction:column;margin:10px;max-height:20px;justify-content:flex-end;align-items:center}.form-range.svelte-19cr1xn{width:96%;opacity:.8}.instrumentOption.svelte-1p1cehr{display:flex;flex-direction:row;font-size:22px}button.svelte-1p1cehr{height:2.4rem;font-size:1.24rem;border-radius:5px;background-color:#3434346b;margin:2px 3px;transition:all .3s ease;border:1px solid rgb(33,33,33);opacity:.7}button.active.svelte-1p1cehr{opacity:1.2;background-color:#5c5c5c6b}.title.svelte-1p1cehr{font-size:10px;color:#fff}.range-container.svelte-1p1cehr{display:flex;flex-direction:column;margin:10px;max-height:20px;justify-content:flex-end;align-items:center}.form-range.svelte-1p1cehr{width:96%;opacity:.8}.icon-container.svelte-1dgd2o7{padding:.3rem;padding-top:20px}.feature.svelte-1o293aw{display:grid;background-color:#313131;grid-template-columns:auto 1fr;align-items:center;width:100%;font-weight:400;border:1px solid rgb(33,33,33);color:#fff;padding:6px 10px;cursor:pointer}.feature.svelte-1o293aw:hover{background-color:#4a4a4a}.only-emoji.svelte-1o293aw{font-size:1.2rem}.icon-container.svelte-1o293aw{display:flex;justify-content:center;align-items:center;width:2rem}.feature-name.svelte-1o293aw{font-size:1rem;padding:2px 0 0 6px;display:flex;align-items:start;white-space:nowrap}@media (pointer: coarse){.feature.svelte-1o293aw:hover{background-color:transparent!important}}.setting.svelte-7ya9pu{display:flex;justify-content:center;flex-grow:1;flex-basis:0;border-top:1px solid black;padding:4px 8px}.textContainer.svelte-7ya9pu{flex-grow:1;text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center}.title.svelte-7ya9pu{font-size:10px;color:#fff;margin-bottom:4px;letter-spacing:1px}.dropdown-select.svelte-7ya9pu{width:100%;padding:2px 5px;font-size:.8rem;background-color:#fffc;border:1px solid #313131;border-radius:4px;color:#000;text-align:center;cursor:pointer}.dropdown-select.svelte-7ya9pu:hover{background-color:#fff}.dropdown-select.svelte-7ya9pu:focus{outline:none;border-color:#fff;box-shadow:0 0 3px #ffffff80}.midi-connect.svelte-1cop73k{background-color:#393939;color:#fff;font-size:.8rem;font-weight:600;padding:2px}.midi-connect.svelte-1cop73k:hover{background-color:#4c4c4c;color:#fff}.midi-title.svelte-1cop73k{font-size:10px;color:#fff;margin-bottom:4px;letter-spacing:1px}.nav-menu.svelte-1f3gk5f{width:100%}.category-header.svelte-1f3gk5f{display:grid;grid-template-columns:auto 1fr;align-items:center;width:100%;font-weight:500;background-color:#1b1b1b;border:1px solid rgb(33,33,33);color:#fff;padding:6px 10px;cursor:pointer}.icon-container.svelte-1f3gk5f{display:flex;justify-content:center;align-items:center;width:2rem}.only-emoji.svelte-1f3gk5f{font-size:1.5rem}.category-header.svelte-1f3gk5f:hover{background-color:#282828}.category-name.svelte-1f3gk5f{font-size:1rem;padding:4px 0 0 8px;display:flex;align-items:start}@media (pointer: coarse){.category-header.svelte-1f3gk5f:hover{background-color:transparent!important}}.sidebar.svelte-716g17{padding:0;width:60px;background-color:#1b1b1b;height:-webkit-fill-available;overflow:hidden;scrollbar-width:thin;transition:width .14s ease-in-out;box-shadow:0 2px 4px #0003;box-shadow:3px 0 4px #0006;-webkit-user-select:none;-ms-user-select:none;user-select:none}.sidebar.open.svelte-716g17{width:200px}.sidebar.mobile.svelte-716g17{z-index:3;width:200px;overflow-y:scroll;border-radius:0 6px 6px 0;top:0}.overlay.svelte-716g17{display:none}.overlay.mobile.svelte-716g17{display:block;z-index:3;background-color:#000000bd;width:100%;height:-webkit-fill-available;top:0}main.svelte-kd2kw7{display:flex;flex-direction:column;height:100dvh}