@import"https://fonts.googleapis.com/css2?family=Audiowide&display=swap";.modui-slider{display:flex;flex-direction:column;gap:.25rem;width:100%}.modui-slider-header{display:flex;justify-content:space-between;align-items:center}.modui-slider-label{font-size:.6875rem;color:#999;font-weight:500}.modui-slider-value{font-size:.6875rem;color:#4caf50;font-weight:600;font-variant-numeric:tabular-nums}.modui-slider-control{display:flex;align-items:center;gap:.375rem;width:100%}.modui-slider-button{flex-shrink:0;width:1.125rem;height:1.125rem;padding:0;padding-bottom:.125rem;background:#2a2a2a;border:1px solid #444;border-radius:.1875rem;color:#999;font-size:.875rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .1s;-webkit-user-select:none;user-select:none}.modui-slider-button:hover:not(:disabled){background:#333;border-color:#555;color:#4caf50}.modui-slider-button:active:not(:disabled){background:#1a1a1a;transform:scale(.95)}.modui-slider-button:disabled{opacity:.3;cursor:not-allowed}.modui-slider-input{flex:1;height:.375rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#3a3a3a;border:1px solid #444;border-radius:.1875rem;outline:none;cursor:pointer}.modui-slider-input:disabled{opacity:.5;cursor:not-allowed}.modui-slider-input::-webkit-slider-track{width:100%;height:.375rem;background:#3a3a3a;border-radius:.1875rem}.modui-slider-input::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:.875rem;height:.875rem;background:#4caf50;border-radius:50%;cursor:pointer;transition:transform .1s;box-shadow:0 0 .25rem #4caf5080}.modui-slider-input::-webkit-slider-thumb:hover{transform:scale(1.15);box-shadow:0 0 .5rem #4caf50b3}.modui-slider-input::-webkit-slider-thumb:active{transform:scale(1.05)}.modui-slider-input:disabled::-webkit-slider-thumb{background:#666;cursor:not-allowed}.modui-slider-input::-moz-range-track{width:100%;height:.375rem;background:#3a3a3a;border:1px solid #444;border-radius:.1875rem}.modui-slider-input::-moz-range-thumb{width:.875rem;height:.875rem;background:#4caf50;border:none;border-radius:50%;cursor:pointer;transition:transform .1s;box-shadow:0 0 .25rem #4caf5080}.modui-slider-input::-moz-range-thumb:hover{transform:scale(1.15);box-shadow:0 0 .5rem #4caf50b3}.modui-slider-input::-moz-range-thumb:active{transform:scale(1.05)}.modui-slider-input:disabled::-moz-range-thumb{background:#666;cursor:not-allowed}.modui-knob{display:flex;flex-direction:column;align-items:center;gap:.5rem;-webkit-user-select:none;user-select:none}.modui-knob-header{display:flex;justify-content:center;align-items:center}.modui-knob-label{font-size:.6875rem;color:#999;font-weight:500;text-align:center}.modui-knob-value{font-size:.6875rem;color:#4caf50;font-weight:600;font-variant-numeric:tabular-nums;text-align:center;margin-top:.25rem}.modui-knob-wrapper{position:relative;display:flex;align-items:center;justify-content:center}.modui-knob-button{position:absolute;width:18px;height:18px;padding:0 0 2px;background:#2a2a2a;border:1px solid #444;border-radius:50%;color:#999;font-size:14px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .1s;-webkit-user-select:none;user-select:none;z-index:1}.modui-knob-button:hover:not(:disabled){background:#333;border-color:#555;color:#4caf50;transform:scale(1.1)}.modui-knob-button:active:not(:disabled){transform:scale(.95)}.modui-knob-button:disabled{opacity:.3;cursor:not-allowed}.modui-knob-button-left{left:0;bottom:0}.modui-knob-button-right{right:0;bottom:0}.modui-knob-control{position:relative;border-radius:50%;transition:transform .1s}.modui-knob-control:hover:not(.modui-knob-disabled){transform:scale(1.05)}.modui-knob-control:active:not(.modui-knob-disabled){transform:scale(.98)}.modui-knob-dragging{transform:scale(1.02)}.modui-knob-disabled{opacity:.5;cursor:not-allowed!important}.modui-knob-svg{display:block;overflow:visible}.modui-knob-track{color:#3a3a3a}.modui-knob-value-arc{color:#4caf50;transition:stroke-dasharray .1s}.modui-knob-center{color:#2a2a2a}.modui-knob-indicator{color:#4caf50}.modui-knob-control:hover:not(.modui-knob-disabled) .modui-knob-center{color:#333}.modui-knob-control:hover:not(.modui-knob-disabled) .modui-knob-value-arc{filter:brightness(1.2)}.modui-knob-dragging .modui-knob-value-arc{filter:brightness(1.3)}.modui-knob-disabled .modui-knob-track{color:#2a2a2a}.modui-knob-disabled .modui-knob-value-arc{color:#666}.modui-knob-disabled .modui-knob-center{color:#1a1a1a}.modui-knob-disabled .modui-knob-indicator{color:#666}.modui-xypad{display:flex;flex-direction:column;gap:.5rem;-webkit-user-select:none;user-select:none}.modui-xypad-header{display:flex;justify-content:space-between;align-items:center;gap:1rem}.modui-xypad-label{font-size:.6875rem;color:#999;font-weight:500;white-space:nowrap}.modui-xypad-surface{position:relative;background:#1a1a1a;border:2px solid #3a3a3a;border-radius:4px;overflow:hidden;transition:border-color .2s}.modui-xypad-surface:hover:not(.modui-xypad-disabled){border-color:#4a4a4a}.modui-xypad-surface:active:not(.modui-xypad-disabled),.modui-xypad-dragging{border-color:#4caf50}.modui-xypad-disabled{opacity:.5;cursor:not-allowed!important}.modui-xypad-grid{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none}.modui-xypad-grid-line{position:absolute;background:#2a2a2a}.modui-xypad-grid-line-v{width:1px;height:100%}.modui-xypad-grid-line-h{width:100%;height:1px}.modui-xypad-crosshair{position:absolute;transform:translate(-50%,-50%);pointer-events:none}.modui-xypad-crosshair-h,.modui-xypad-crosshair-v{position:absolute;background:#4caf504d}.modui-xypad-crosshair-h{left:-100vw;right:-100vw;top:50%;height:1px;transform:translateY(-50%)}.modui-xypad-crosshair-v{top:-100vh;bottom:-100vh;left:50%;width:1px;transform:translate(-50%)}.modui-xypad-handle{position:absolute;width:16px;height:16px;background:#4caf50;border:2px solid #2a2a2a;border-radius:50%;box-shadow:0 0 8px #4caf5099,0 2px 4px #00000080;transform:translate(-50%,-50%);transition:transform .1s,box-shadow .1s}.modui-xypad-surface:hover:not(.modui-xypad-disabled) .modui-xypad-handle{transform:translate(-50%,-50%) scale(1.15);box-shadow:0 0 12px #4caf50cc,0 3px 6px #0009}.modui-xypad-dragging .modui-xypad-handle{transform:translate(-50%,-50%) scale(1.25);box-shadow:0 0 16px #4caf50,0 4px 8px #000000b3}.modui-xypad-disabled .modui-xypad-handle{background:#666;box-shadow:none}.modui-xypad-disabled .modui-xypad-crosshair-h,.modui-xypad-disabled .modui-xypad-crosshair-v{background:#6666664d}.modui-button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem 1rem;background:#2a2a2a;border:1px solid #444;border-radius:4px;color:#999;font-size:.875rem;font-weight:500;line-height:1;cursor:pointer;transition:all .15s;-webkit-user-select:none;user-select:none;white-space:nowrap}.modui-button:hover:not(.modui-button-disabled){background:#333;border-color:#555;color:#ccc}.modui-button:active:not(.modui-button-disabled){transform:scale(.97)}.modui-button-active{background:#3a3a3a;border-color:#4caf50;color:#4caf50}.modui-button-active:hover:not(.modui-button-disabled){background:#404040;border-color:#5dbf64;color:#5dbf64}.modui-button-disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.modui-button-small{padding:.375rem .75rem;font-size:.75rem}.modui-button-medium{padding:.5rem 1rem;font-size:.875rem}.modui-button-large{padding:.75rem 1.5rem;font-size:1rem}.modui-button-icon-only{padding:.5rem}.modui-button-icon-only.modui-button-small{padding:.375rem}.modui-button-icon-only.modui-button-large{padding:.75rem}.modui-button-danger{border-color:#d32f2f;color:#d32f2f}.modui-button-danger:hover:not(.modui-button-disabled){background:#333;border-color:#f44336;color:#f44336}.modui-button-danger.modui-button-active{background:#3a2222;border-color:#f44336;color:#f44336}.modui-button-success{border-color:#4caf50;color:#4caf50}.modui-button-success:hover:not(.modui-button-disabled){background:#333;border-color:#5dbf64;color:#5dbf64}.modui-button-success.modui-button-active{background:#223a22;border-color:#5dbf64;color:#5dbf64}.modui-button-ghost{background:transparent;border-color:transparent}.modui-button-ghost:hover:not(.modui-button-disabled){background:#ffffff0d;border-color:#333}.modui-button-icon{display:inline-flex;align-items:center;justify-content:center;line-height:0}.modui-button-text{line-height:1}.modui-select{position:relative;width:100%;-webkit-user-select:none;user-select:none}.modui-select-trigger{display:flex;align-items:center;justify-content:space-between;width:100%;padding:.5rem .75rem;background:#2a2a2a;border:1px solid #444;border-radius:4px;color:#ccc;font-size:.875rem;line-height:1.5;cursor:pointer;transition:all .15s}.modui-select-trigger:hover:not(:disabled){background:#333;border-color:#555}.modui-select-open .modui-select-trigger{border-color:#4caf50}.modui-select-disabled{opacity:.5}.modui-select-disabled .modui-select-trigger{cursor:not-allowed}.modui-select-value{flex:1;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.modui-select-arrow{display:flex;align-items:center;justify-content:center;margin-left:.5rem;color:#999;transition:transform .15s}.modui-select-open .modui-select-arrow{transform:rotate(180deg)}.modui-select-dropdown{position:absolute;top:calc(100% + .25rem);left:0;right:0;z-index:1000;background:#2a2a2a;border:1px solid #4CAF50;border-radius:4px;box-shadow:0 4px 12px #0000004d;max-height:300px;overflow-y:auto;animation:modui-select-dropdown-in .15s ease-out}@keyframes modui-select-dropdown-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.modui-select-list{margin:0;padding:.25rem;list-style:none}.modui-select-option{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;border-radius:3px;color:#ccc;font-size:.875rem;cursor:pointer;transition:all .1s}.modui-select-option:hover{background:#333;color:#fff}.modui-select-option-selected{background:#4caf501a;color:#4caf50}.modui-select-option-selected:hover{background:#4caf5033}.modui-select-checkmark{display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;color:#4caf50;flex-shrink:0}.modui-select-option-label{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.modui-select-dropdown::-webkit-scrollbar{width:8px}.modui-select-dropdown::-webkit-scrollbar-track{background:#1a1a1a;border-radius:4px}.modui-select-dropdown::-webkit-scrollbar-thumb{background:#444;border-radius:4px}.modui-select-dropdown::-webkit-scrollbar-thumb:hover{background:#555}.modui-oscilloscope{background:#0a0a0a;border-radius:4px;overflow:hidden;border:1px solid #1a1a1a}.modui-oscilloscope-canvas{width:100%;height:100%;display:block}.modui-spectrum-analyzer{background:#0a0a0a;border-radius:4px;overflow:hidden;border:1px solid #1a1a1a}.modui-spectrum-analyzer-canvas{width:100%;height:100%;display:block}.modui-level-meter{background:#0a0a0a;border-radius:4px;overflow:hidden;border:1px solid #1a1a1a}.modui-level-meter-canvas{width:100%;height:100%;display:block}.modui-file-picker{position:relative;width:100%}.modui-file-picker-input{display:none}.modui-file-picker-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 12px;font-size:12px;font-weight:500;background:#2a2a2a;border:1px solid #444;border-radius:4px;color:#fff;cursor:pointer;transition:all .15s;width:100%;font-family:inherit}.modui-file-picker-button:hover:not(.modui-file-picker-disabled){background:#333;border-color:#4caf50}.modui-file-picker-button:active:not(.modui-file-picker-disabled){transform:scale(.98)}.modui-file-picker-disabled{opacity:.5;cursor:not-allowed}.modui-file-picker-icon{display:flex;align-items:center;justify-content:center}.modui-file-picker-label{display:flex;align-items:center}.modui-text-input{display:flex;flex-direction:column;gap:6px;width:100%}.modui-text-input-label{font-size:11px;color:#999;font-weight:500;letter-spacing:.3px}.modui-text-input-field{width:100%;padding:8px 10px;font-size:12px;background:#1a1a1a;border:1px solid #444;border-radius:4px;color:#fff;outline:none;font-family:inherit;transition:all .15s}.modui-text-input-field::placeholder{color:#666}.modui-text-input-field:hover:not(.modui-text-input-disabled){border-color:#555;background:#1f1f1f}.modui-text-input-field:focus{border-color:#4caf50;background:#1f1f1f;box-shadow:0 0 0 2px #4caf5033}.modui-text-input-disabled{opacity:.5;cursor:not-allowed}.modui-progress-bar{display:flex;align-items:center;gap:8px;width:100%}.modui-progress-bar-track{position:relative;flex:1;height:8px;background:#1a1a1a;border-radius:4px;overflow:hidden;border:1px solid #2e2e2e}.modui-progress-bar-fill{position:absolute;top:0;left:0;height:100%;background:linear-gradient(90deg,#4caf50,#66bb6a);transition:width .1s ease-out;pointer-events:none}.modui-progress-bar-input{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer;z-index:1}.modui-progress-bar-input:disabled{cursor:not-allowed}.modui-progress-bar-disabled .modui-progress-bar-fill{background:#444}.modui-progress-bar-value{font-size:11px;color:#999;font-weight:500;min-width:60px;text-align:right;-webkit-user-select:none;user-select:none}.modui-progress-bar-track:hover:not(.modui-progress-bar-disabled .modui-progress-bar-track){border-color:#4caf50}.modui-progress-bar-track:hover:not(.modui-progress-bar-disabled .modui-progress-bar-track) .modui-progress-bar-fill{background:linear-gradient(90deg,#66bb6a,#81c784)}.module-wrapper{position:absolute;background:#2a2a2a;border:2px solid;border-radius:8px;min-width:200px;box-shadow:0 4px 12px #0000004d;cursor:move;-webkit-user-select:none;user-select:none;z-index:10}.module-wrapper.dragging{opacity:.8;z-index:1000}.module-wrapper-header{padding:8px 12px;border-radius:6px 6px 0 0;display:flex;justify-content:space-between;align-items:center;color:#fff;font-weight:600}.module-wrapper-title{font-size:14px}.module-wrapper-delete{background:#fff3;border:none;color:#fff;width:20px;height:20px;border-radius:50%;cursor:pointer;font-size:16px;line-height:1;padding:0;display:flex;align-items:center;justify-content:center}.module-wrapper-delete:hover{background:#ffffff4d}.module-wrapper-body{padding:12px;display:flex;gap:12px;min-height:80px}.ports-column{display:flex;flex-direction:column;gap:8px;justify-content:space-evenly}.ports-left{margin-left:-20px}.ports-right{margin-right:-20px}.port{display:flex;align-items:center;gap:6px;cursor:crosshair;position:relative}.port-dot{width:16px;height:16px;border-radius:50%;background:#1a1a1a;border:2px solid #666}.port-connected .port-dot{background:#4caf50;border-color:#4caf50;box-shadow:0 0 6px #4caf5099}.port-hovered .port-dot{background:#81c784;border-color:#81c784;box-shadow:0 0 12px #81c784cc;transform:scale(1.2)}.port:hover .port-dot{background:#4caf50;border-color:#4caf50;box-shadow:0 0 8px #4caf50;transform:scale(1.1)}.port-label{font-size:11px;color:#ccc;white-space:nowrap}.port-input{flex-direction:row}.port-output{flex-direction:row-reverse}.module-wrapper-content{flex:1;display:flex;flex-direction:column;gap:8px;min-width:120px}.module-wrapper-body:has(.ports-left):not(:has(.ports-right)) .module-wrapper-content{padding-right:20px}.module-wrapper-body:has(.ports-right):not(:has(.ports-left)) .module-wrapper-content{padding-left:20px}*{margin:0;padding:0;box-sizing:border-box;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}input,textarea,[contenteditable=true]{user-select:text;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text}.app{display:flex;height:100vh;width:100vw;background:#1b1b1f;color:#fffff5db;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;overflow:hidden}.sidebar{width:250px;background:#161618;border-right:1px solid #2e2e32;padding:20px;overflow-y:auto}.sidebar-header{display:flex;align-items:center;gap:12px;margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid #2e2e32;text-decoration:none;cursor:pointer;transition:opacity .2s}.sidebar-header:hover{opacity:.8}.sidebar-logo{width:40px;height:40px;object-fit:contain;display:block}.sidebar-title{margin:0;font-size:24px;font-weight:700;color:#fffff5db;font-family:var(--mod-brand-font, "Audiowide", "Segoe UI", sans-serif);text-transform:uppercase;letter-spacing:.1em;line-height:1;display:flex;align-items:center;padding-top:0;transform:translateY(3px);position:relative}.sidebar-title:after{content:"JS";font-family:var(--mod-brand-font, "Audiowide", "Segoe UI", sans-serif);font-size:.35em;color:#00e5ff;margin-left:.25em;position:relative;bottom:-.5em;letter-spacing:normal}.sidebar h2{margin:0 0 20px;font-size:18px;font-weight:600;color:#fffff5db}.module-category{margin-bottom:24px}.module-category h3{margin:0 0 12px;font-size:12px;font-weight:600;text-transform:uppercase;color:#ebebf599;letter-spacing:.5px}.module-category button{display:block;width:100%;padding:10px 12px;margin-bottom:8px;background:#ffffff0d;border:1px solid #2e2e32;border-radius:6px;color:#fffff5db;font-size:13px;cursor:pointer;transition:all .2s;text-align:left}.module-category button:hover{background:#ffffff1a;border-color:#3451b2;transform:translate(2px)}.module-category button:active{transform:translate(0)}.canvas{flex:1;position:relative;overflow:hidden;background-image:repeating-linear-gradient(0deg,rgba(255,255,255,.05) 0px,transparent 1px,transparent 20px,rgba(255,255,255,.05) 21px),repeating-linear-gradient(90deg,rgba(255,255,255,.05) 0px,transparent 1px,transparent 20px,rgba(255,255,255,.05) 21px);background-size:20px 20px}.wires-svg{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}.wires-svg path{cursor:pointer;pointer-events:stroke}.wires-svg path:hover{stroke-width:5!important;filter:drop-shadow(0 0 8px currentColor)!important}.module-box{position:absolute;min-width:200px;background:#202127;border:2px solid #2e2e32;border-radius:12px;cursor:move;box-shadow:0 8px 32px #0006}.module-header{padding:12px 16px;background:#ffffff0d;border-bottom:1px solid #2e2e32;border-radius:10px 10px 0 0;font-weight:600;font-size:14px;color:#fffff5db}.module-body{padding:16px}:root{--mod-brand-font: "Audiowide", "Segoe UI", sans-serif}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}