.ne-shell{--ne-banda-chrome:4.5rem;width:100%;min-height:100vh;padding-top:var(--ne-banda-chrome);background-color:#1a1a1a;position:relative}.ne-shell .apps-back-button{z-index:9999;cursor:pointer;align-items:center;height:2.25rem;display:flex;position:absolute;top:1rem;left:2rem}@media (max-width:768px){.ne-shell{--ne-banda-chrome:5.5rem}.ne-shell .apps-back-button{left:1rem}}.ne-page{height:auto;min-height:calc(100vh - var(--ne-banda-chrome));color:#dadada;scrollbar-gutter:stable;--slider-color:#00aae4;background:#1a1a1a;margin:0;font-family:DM Sans,ui-sans-serif,system-ui,sans-serif;font-size:14px;line-height:1.5}.ne-page,.ne-page *,.ne-page :before,.ne-page :after{box-sizing:border-box}.ne-page .app-root{z-index:10;flex:1;grid-template-columns:1fr;min-height:0;margin:0;padding:0;display:grid;position:relative}.ne-page .canvas-scroll{min-width:0;height:100%;min-height:0;position:relative;overflow:auto}.ne-page .controls-panel{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;z-index:10;background:#121212;border-bottom:1px solid #444;width:auto;height:auto;min-height:0;max-height:60vh;margin:0;padding:10px 14px;position:static;overflow:hidden auto}.ne-page .controls-resize-handle{cursor:col-resize;background:0 0;width:6px;height:100%;position:absolute;top:0;right:-3px}.ne-page .controls-resize-handle:hover{background:#ffffff0f}.ne-page .controls-panel.hidden{display:none}@media (min-width:1024px){.ne-page{height:calc(100vh - var(--ne-banda-chrome));min-height:0}.ne-page .app-root{grid-template-columns:clamp(320px, var(--controls-panel-w,420px), 80vw) 1fr;height:100%}.ne-page .controls-panel{border-bottom:none;border-right:1px solid #444;height:100%;max-height:none;position:sticky;top:0;left:0}}@media (max-width:1023.98px){.ne-page .controls-resize-handle{display:none}}.ne-page .controls-panel h1{margin:0 0 6px;font-size:16px;font-weight:600}.ne-page .block{border-top:1px solid #262636;flex-direction:column;gap:12px;margin-top:12px;padding-top:8px;display:flex}.ne-page .block h2{color:#e0e0ff;margin:0 0 6px;font-size:13px;font-weight:600}.ne-page .controls-panel input:not([type=range]):not([type=checkbox]):not([type=radio]):not([type=color]),.ne-page .controls-panel textarea{font-family:JetBrains Mono,Consolas,monospace}.ne-page .controls-panel select option,.ne-page .controls-panel select optgroup{color:#f5f5ff;background:#181819}.ne-page input[type=range]{appearance:none;cursor:pointer;background:0 0;width:100%}.ne-page input[type=range]::-webkit-slider-runnable-track{background:#242833;border-radius:999px;height:4px;box-shadow:0 0 0 1px #1f2933}.ne-page input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--slider-color);border:3px solid #1f2933;border-radius:50%;width:16px;height:16px;margin-top:-6px;box-shadow:0 0 0 1px #1f2933}.ne-page input[type=range]::-moz-range-track{background:#242833;border-radius:999px;height:4px;box-shadow:0 0 0 1px #1f2933}.ne-page input[type=range]::-moz-range-thumb{background:var(--slider-color);border:3px solid #1f2933;border-radius:50%;width:16px;height:16px;box-shadow:0 0 0 1px #1f2933}.ne-page input[type=range]:focus-visible{outline:none}.ne-page input[type=range]:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 3px #2563eb}.ne-page input[type=range]:focus-visible::-moz-range-thumb{box-shadow:0 0 0 3px #2563eb}.ne-page input[type=radio],.ne-page input[type=checkbox]{accent-color:var(--slider-color);cursor:pointer}.ne-page .tabs-block{padding-top:0}.ne-page .tabs-header{border-bottom:1px solid #333;flex-wrap:wrap;align-items:flex-end;gap:2px;margin-bottom:0;padding:6px 2px 0;display:flex}.ne-page .tab-btn{color:#888;cursor:pointer;white-space:nowrap;z-index:1;font-variation-settings:"wght" 600;background:#1e1e1e;border:1px solid #333;border-radius:6px 6px 0 0;align-items:center;gap:4px;margin-bottom:-1px;padding:5px 11px;font-size:10.5px;font-weight:600;transition:background .12s,color .12s;display:inline-flex;position:relative}.ne-page .tab-btn:hover{color:#bbb;background:#252525}.ne-page .tab-btn.active{color:#e0e0e0;z-index:2;background:#121212;border-color:#333 #333 #121212;font-weight:600}.ne-page .tab-btn.tab-modified{color:#e8f0ff;background:#1a3a5c}.ne-page .tab-btn.tab-modified.active{color:#fff;background:#1e4a7a}.ne-page .tab-btn.tab-encendida{color:#e6ffe9;background:#1f5a2b;border-color:#3fb950}.ne-page .tab-btn.tab-encendida.active{color:#fff;background:#2a7a3c;border-bottom-color:#2a7a3c}.ne-page .tab-content{flex-direction:column;gap:8px;padding-top:10px;display:flex}.ne-page .mode-btn{color:#888;cursor:pointer;background:#1e1e1e;border:1px solid #333;border-radius:6px;flex:1;padding:4px 10px;font-size:10.5px;font-weight:600;transition:background .12s,color .12s}.ne-page .mode-btn:hover{color:#bbb;background:#252525}.ne-page .mode-btn.active{color:#e0e0e0;background:#252535;border-color:#456}.ne-page{--hitA:#ff4fa2;--hitB:#64c8ff;--hitC:#ccb534;--hitD:#8b5cf6;--hitE:#fb923c;--hitF:#22c55e;--hitG:#f43f5e;--hitRoot:#ff4fa2;--hitThird:#64c8ff;--hitFifth:#ccb534;--hitOther:#fff}.ne-page .ci-piano{--w:calc(62px * var(--ci-piano-escala,1));--gap:0px;width:calc(7 * var(--w) + 7 * var(--gap));height:calc(110px * var(--ci-piano-escala,1));-webkit-user-select:none;user-select:none;border-radius:0;outline:2px solid #4a4f5a;flex-wrap:nowrap;margin:10px 0 14px;font-size:0;display:flex;position:relative}.ne-page .ci-piano .note{box-sizing:border-box;color:#fff;background:0 0;border:none;border-radius:0;padding:0;font-weight:700;position:relative}.ne-page .ci-piano .ci-white,.ne-page .ci-piano .ci-black{background:var(--panel-2);color:#fff;box-shadow:none;border:1px solid #4a4f5a}.ne-page .ci-piano .ci-white{flex:0 0 var(--w);height:calc(110px * var(--ci-piano-escala,1));vertical-align:top;margin-right:var(--gap);padding-bottom:calc(8px * var(--ci-piano-escala,1));z-index:1;font-size:calc(.92rem * var(--ci-piano-escala,1));border-right:none;justify-content:center;align-items:flex-end;display:inline-flex}.ne-page .ci-piano .ci-white:last-of-type{border-right:1px solid #4a4f5a;margin-right:0}.ne-page .ci-piano .ci-black{width:calc(36px * var(--ci-piano-escala,1));height:calc(66px * var(--ci-piano-escala,1));padding-bottom:calc(6px * var(--ci-piano-escala,1));font-size:calc(.8rem * var(--ci-piano-escala,1));cursor:pointer;z-index:2;justify-content:center;align-items:flex-end;display:flex;position:absolute;top:0}.ne-page .ci-piano .ci-black[data-note=C\#]{left:calc(1 * var(--w) - (18px * var(--ci-piano-escala,1)) + 0 * var(--gap))}.ne-page .ci-piano .ci-black[data-note=D\#]{left:calc(2 * var(--w) - (18px * var(--ci-piano-escala,1)) + 1 * var(--gap))}.ne-page .ci-piano .ci-black[data-note=F\#]{left:calc(4 * var(--w) - (18px * var(--ci-piano-escala,1)) + 3 * var(--gap))}.ne-page .ci-piano .ci-black[data-note=G\#]{left:calc(5 * var(--w) - (18px * var(--ci-piano-escala,1)) + 4 * var(--gap))}.ne-page .ci-piano .ci-black[data-note=A\#]{left:calc(6 * var(--w) - (18px * var(--ci-piano-escala,1)) + 5 * var(--gap))}.ne-page .ci-piano button.note{cursor:pointer}.ne-page .ci-piano .ci-key-tag{font-size:calc(.6rem * var(--ci-piano-escala,1));letter-spacing:.01em;color:inherit;opacity:.82;pointer-events:none;-webkit-user-select:none;user-select:none;padding:0;font-size:.72rem;font-weight:800;line-height:1;position:absolute;top:auto;bottom:34px;left:50%;transform:translate(-50%)}.ne-page .ci-piano .ci-black .ci-key-tag{font-size:.62rem;top:auto;bottom:26px}.ne-page .ci-piano .ci-key-alt{letter-spacing:.01em;color:inherit;opacity:.82;pointer-events:none;-webkit-user-select:none;user-select:none;padding:0;font-size:.72rem;font-weight:800;line-height:1;position:absolute;top:auto;bottom:21px;left:50%;transform:translate(-50%)}.ne-page .ci-piano .ci-black .ci-key-alt{font-size:.62rem;top:auto;bottom:16px}.ne-page .ci-piano .ci-key-pick{z-index:3;flex-direction:column;gap:2px;display:flex;position:absolute;top:4px;left:50%;transform:translate(-50%)}.ne-page .ci-piano .ci-key-pick-opt{color:#7a7a90;cursor:pointer;text-align:center;white-space:nowrap;background:#0b0d128c;border-radius:0;padding:2px 4px;font-size:.6rem;font-weight:800;line-height:1}.ne-page .ci-piano .ci-key-pick-opt:hover{color:#64c8ff}.ne-page .ci-piano .ci-key-pick-opt.on{color:#64c8ff;background:#64c8ff29;box-shadow:inset 0 0 0 1px #64c8ff}.ne-page .ci-piano .ci-black .ci-key-pick-opt{padding:2px 3px;font-size:.55rem}.ne-page .ci-piano .ci-key-main{letter-spacing:.01em;font-weight:900}.ne-page .ci-piano button.note:active{transform:translateY(1px)}.ne-page .ci-piano .note.active-root{color:#0b0d12!important;background:#fff!important;border-color:#ffffffd9!important}.ne-page .ci-piano .note.active-a{background:var(--hitA)!important;border-color:#383843!important}.ne-page .ci-piano .note.active-b{background:var(--hitB)!important;border-color:#383843!important}.ne-page .ci-piano .note.active-c{background:var(--hitC)!important;border-color:#383843!important}.ne-page .ci-piano .note.active-d{background:var(--hitD)!important;border-color:#383843!important}.ne-page .ci-piano .note.active-e{background:var(--hitE)!important;border-color:#383843!important}.ne-page .ci-piano .note.active-f{background:var(--hitF)!important;border-color:#383843!important}.ne-page .ci-piano .note.active-g{background:var(--hitG)!important;border-color:#383843!important}.ne-page .ci-piano .note.active-root{background:var(--hitRoot)!important;border-color:#383843!important}.ne-page .ci-piano .note.active-root-note{color:#0b0d12!important;background:#fff!important;border-color:#ffffffd9!important}.ne-page .ci-piano .note.active-third{background:var(--hitThird)!important;border-color:#383843!important}.ne-page .ci-piano .note.active-fifth{background:var(--hitFifth)!important;border-color:#383843!important}.ne-page .ci-piano .note.active-other{background:var(--hitOther)!important;border-color:#383843!important}.ne-page .ci-piano .note.active-i0{background:var(--hit0)!important;border-color:#383843!important}.ne-page .ci-piano .note.active-i1{background:var(--hit1)!important;border-color:#383843!important}.ne-page .ci-piano .note.active-i2{background:var(--hit2)!important;border-color:#383843!important}.ne-page .ci-piano .note.active-i3{background:var(--hit3)!important;border-color:#383843!important}.ne-page .ci-piano .note.active-i4{background:var(--hit4)!important;border-color:#383843!important}.ne-page .ci-piano .note.active-i5{background:var(--hit5)!important;border-color:#383843!important}.ne-page .ci-piano .note.active-i6{background:var(--hit6)!important;border-color:#383843!important}.ne-page .ci-piano .note.active-i7{background:var(--hit7)!important;border-color:#383843!important}.ne-page .ci-piano .note.active-i8{background:var(--hit8)!important;border-color:#383843!important}.ne-page .ci-piano .note.active-i9{background:var(--hit9)!important;border-color:#383843!important}.ne-page .ci-piano .note.active-i10{background:var(--hit10)!important;border-color:#383843!important}.ne-page .ci-piano .note.active-i11{background:var(--hit11)!important;border-color:#383843!important}.ne-page .ne-carril{overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;overflow:auto hidden}.ne-page .ne-carril::-webkit-scrollbar{width:0;height:0;display:none}
/*# sourceMappingURL=0.a.-rnuy8z_p.css.map*/