@import"https://fonts.cdnfonts.com/css/geist";.knob-container{display:flex;flex-direction:column;align-items:center;gap:var(--space-xs);-webkit-user-select:none;user-select:none}.knob-container--small{--knob-size: var(--knob-size-sm)}.knob-container--disabled:not(.knob-container--highlighted){opacity:.5;pointer-events:none}.knob-container--highlighted .knob{outline:2px solid var(--text-primary);outline-offset:2px;animation:pulse-highlight 1.5s ease-in-out infinite}@keyframes pulse-highlight{0%,to{outline-color:var(--text-primary)}50%{outline-color:var(--text-secondary)}}.knob{position:relative;width:var(--knob-size, 48px);height:var(--knob-size, 48px);border-radius:var(--radius-round);box-shadow:var(--knob-shadow, var(--shadow-knob)),var(--knob-glow, 0 0 0 transparent);cursor:grab;transition:box-shadow var(--transition-medium)}.knob--dragging{cursor:grabbing;--knob-shadow: var(--shadow-knob-active)}.knob--highlighted{cursor:pointer}.knob__glow{position:absolute;inset:var(--knob-glow-inset, -10px);border-radius:var(--radius-round);opacity:calc(var(--knob-glow-opacity-min, 0) + (var(--knob-glow-opacity, .95) - var(--knob-glow-opacity-min, 0)) * var(--glow-amount));pointer-events:none;transform:scale(calc(1 + var(--knob-glow-scale-min, 0) + (var(--knob-glow-scale, .12) - var(--knob-glow-scale-min, 0)) * var(--glow-amount)));transition:opacity .12s linear,transform .12s linear}.knob__track{position:absolute;inset:0;color:var(--text-muted);pointer-events:none}.knob__indicator{position:absolute;inset:0;display:flex;justify-content:center;pointer-events:none}.knob__tick{width:2px;height:14px;background:var(--text-primary);border-radius:1px;margin-top:6px}.knob__label{font-size:var(--font-size-sm);color:var(--text-secondary);padding-top:var(--space-xs);text-align:center;max-width:calc(var(--knob-size, 48px) + 16px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.knob__tooltip{position:fixed;transform:translate(12px,16px);z-index:var(--z-overlay);pointer-events:none;padding:6px 8px;border-radius:var(--radius-sm);background:#3d3a37eb;color:#f5f2ed;box-shadow:0 6px 12px #0003;font-size:var(--font-size-xs);line-height:1.2;letter-spacing:.02em}.knob__tooltip-value{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.knob-container--small .knob{width:var(--knob-size-sm);height:var(--knob-size-sm)}.knob-container--small .knob__tick{height:8px;margin-top:5px}.knob-container--small .knob__label{max-width:calc(var(--knob-size-sm) + 12px)}.module-card{background:var(--surface-module);border-radius:var(--radius-lg);box-shadow:var(--shadow-module);padding:var(--space-sm);min-width:var(--module-min-width);min-height:var(--module-min-height);transition:box-shadow var(--transition-slow),opacity var(--transition-slow)}.module-card:hover{box-shadow:var(--shadow-module-hover)}.module-card--bypassed{opacity:.6}.module-card--bypassed .module-card__knobs{filter:grayscale(.3)}.module-card--assign-mode{opacity:.7}.module-card--assign-mode:has(.knob-container--highlighted){opacity:1}.module-card--modulator{transition:box-shadow var(--transition-slow),opacity var(--transition-slow),transform var(--transition-slow)}.module-card--modulator.module-card--assigning{box-shadow:var(--shadow-module),0 0 0 2px var(--accent-color)}.module-card--modulator.module-card--collapsed .module-card__header{margin-bottom:0;padding-bottom:0;border-bottom:none}.module-card--modulator.module-card--collapsed{min-height:auto;padding-bottom:var(--space-xs)}.module-card__header{display:flex;align-items:center;gap:var(--space-xs);margin-bottom:var(--space-sm);padding-bottom:var(--space-xs);border-bottom:1px solid rgba(0,0,0,.06)}.module-card__collapse{display:flex;align-items:center;justify-content:center;width:18px;height:18px;border:none;background:transparent;color:var(--text-muted);cursor:pointer;border-radius:var(--radius-sm);padding:0;transition:color var(--transition-fast)}.module-card__collapse:hover{color:var(--text-primary)}.module-card__bypass{width:10px;height:10px;border-radius:var(--radius-round);background:var(--accent-neutral);border:none;padding:0;margin-left:var(--space-xs);cursor:pointer;transition:background var(--transition-medium),box-shadow var(--transition-medium);flex-shrink:0}.module-card__bypass:hover{background:var(--text-primary)}.module-card__bypass--off{background:var(--text-muted);opacity:.5}.module-card--modulator .module-card__bypass{--led-amount: 0;transition:background var(--transition-medium),box-shadow .12s linear,transform .12s linear,opacity .12s linear}.module-card--modulator .module-card__bypass:not(.module-card__bypass--off){box-shadow:0 0 calc(2px + var(--led-amount) * 20px) var(--accent-color);opacity:calc(.5 + var(--led-amount) * .5);transform:scale(calc(1 + var(--led-amount) * .45))}.module-card--modulator .module-card__bypass--off{box-shadow:none;transform:none}.module-card__title{flex:1;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.module-card__close{display:flex;align-items:center;justify-content:center;width:20px;height:20px;border:none;background:transparent;color:var(--text-muted);cursor:pointer;border-radius:var(--radius-sm);transition:color var(--transition-fast),background var(--transition-fast);flex-shrink:0}.module-card__close:hover{color:var(--text-primary);background:#0000000d}.module-card__assign{display:flex;align-items:center;justify-content:center;width:20px;height:20px;border:none;background:transparent;color:var(--text-muted);cursor:pointer;border-radius:var(--radius-sm);padding:0;transition:color var(--transition-fast),background var(--transition-fast);flex-shrink:0}.module-card__assign:hover{color:var(--text-primary);background:#0000000d}.module-card__assign--active{color:var(--accent-color);background:#00000014}.module-card__assign--assigned{color:var(--accent-color)}.module-card__content{padding-top:var(--space-xs)}.module-card__collapsed-content{display:flex;justify-content:center;padding-top:var(--space-xs)}.module-card__knobs{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-md);padding:var(--space-xs);justify-items:center}.module-card__knobs>:nth-child(3):last-child{grid-column:1 / -1}.connection-dot{position:relative;width:34px;height:34px;flex-shrink:0;border:none;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;z-index:var(--z-connection);border-radius:var(--radius-round);transition:background var(--transition-medium)}.connection-dot:before{content:"";position:absolute;width:20px;height:20px;border-radius:var(--radius-round);background:var(--surface-button);opacity:1;transition:transform var(--transition-medium),opacity var(--transition-medium),background var(--transition-medium)}.connection-dot__icon{display:flex;align-items:center;justify-content:center;color:var(--text-primary);opacity:0;transform:scale(.8);transition:opacity var(--transition-medium),transform var(--transition-medium),color var(--transition-medium)}.connection-dot:hover:before{opacity:0;transform:scale(0)}.connection-dot:hover .connection-dot__icon{opacity:1;transform:scale(1);color:var(--text-secondary)}.connection-dot:hover{background:var(--surface-button)}.connection-dot--active:before{background:var(--text-primary)}.connection-dot--active .connection-dot__icon{color:var(--text-primary)}.connection-dot--disabled{opacity:0;pointer-events:none}.add-menu{position:relative;z-index:var(--z-overlay);background:var(--surface-module);border-radius:var(--radius-md);box-shadow:var(--shadow-module-hover),0 4px 12px #00000026;min-width:160px;padding:var(--space-xs);animation:menu-appear .15s ease-out}@keyframes menu-appear{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.add-menu--modulator{min-width:120px}.add-menu__title{font-size:var(--font-size-xs);color:var(--text-muted);padding:var(--space-xs) var(--space-sm);border-bottom:1px solid rgba(0,0,0,.06);margin-bottom:var(--space-xs)}.add-menu__list{display:flex;flex-direction:column;gap:1px}.add-menu__item{display:block;width:100%;text-align:left;padding:var(--space-sm);border:none;background:transparent;color:var(--text-primary);font-size:var(--font-size-sm);font-family:var(--font-family);cursor:pointer;border-radius:var(--radius-sm);transition:background var(--transition-fast)}.add-menu__item:hover{background:#0000000d}.add-menu__item:active{background:#00000014}.modulator-stack{display:flex;flex-direction:column;align-items:center;position:relative;min-height:0;overflow:visible}.modulator-stack__line{position:absolute;top:0;left:50%;width:1px;height:100%;background:linear-gradient(to bottom,var(--text-muted) 0%,transparent 100%);opacity:.3;pointer-events:none}.modulator-stack__item{display:flex;flex-direction:column;align-items:center;position:relative;z-index:var(--z-modulator);margin-top:var(--space-xs)}.modulator-stack__dot{position:absolute;left:50%;top:0;transform:translate(-50%,-50%);z-index:var(--z-connection)}.modulator-stack__add{position:relative;bottom:16px;z-index:var(--z-connection)}.patch-block{position:relative;z-index:var(--z-module);display:inline-flex;flex-direction:column;align-items:flex-start;gap:var(--space-sm);padding:var(--space-md);border-radius:var(--radius-lg);background:#00000024}.patch-block--empty{min-width:160px;align-items:center;justify-content:center}.patch-block__empty-wrapper{position:relative}.patch-block__empty-add{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-sm);width:160px;height:120px;background:var(--surface-module);border:1px dashed var(--text-muted);border-radius:var(--radius-lg);cursor:pointer;transition:border-color var(--transition-medium),background var(--transition-medium)}.patch-block__empty-add:hover{border-color:var(--text-secondary);background:var(--surface-module-hover)}.patch-block__empty-add-icon{font-size:24px;color:var(--text-muted);font-weight:300;line-height:1;transition:color var(--transition-medium)}.patch-block__empty-add:hover .patch-block__empty-add-icon{color:var(--text-secondary)}.patch-block__empty-add-text{font-size:var(--font-size-sm);color:var(--text-muted);transition:color var(--transition-medium)}.patch-block__empty-add:hover .patch-block__empty-add-text{color:var(--text-secondary)}.patch-block--placeholder .patch-block__empty-add{width:100%;height:100%;background:transparent;border:none;gap:var(--space-xs);padding:var(--space-md);color:var(--surface-module)}.patch-block--placeholder .patch-block__empty-add:hover{background:transparent}.patch-block--placeholder .patch-block__empty-add-text{color:var(--surface-module);font-size:var(--font-size-sm);letter-spacing:.02em}.patch-block--placeholder .patch-block__empty-add:hover .patch-block__empty-add-text{color:var(--surface-module-hover)}.patch-block--placeholder .patch-block__empty-add-icon{font-size:18px;color:var(--surface-module);font-weight:300;line-height:1}.patch-block--placeholder .patch-block__empty-add:hover .patch-block__empty-add-icon{color:var(--surface-module-hover)}.patch-block__chain{display:flex;flex-direction:column;align-items:flex-start;gap:0;position:relative}.patch-block__modules-row{display:flex;align-items:center;gap:0}.patch-block__module-cell{display:flex;align-items:center;justify-content:center;width:var(--module-min-width)}.patch-block__connector-cell{display:flex;align-items:center;justify-content:center;width:var(--space-xs);overflow:visible;z-index:calc(var(--z-module) + 1);position:relative}.patch-block__modulators-row{display:flex;align-items:flex-start;gap:0}.patch-block__modulator-cell{display:flex;justify-content:center;width:var(--module-min-width);overflow:visible}.patch-block__connector-spacer{width:var(--space-xs)}.patch-block__menu-wrapper{position:absolute;top:100%;left:50%;transform:translate(-50%);margin-top:var(--space-xs);z-index:var(--z-overlay)}.assign-mode-overlay{position:fixed;top:0;left:0;right:0;z-index:var(--z-assign-mode);pointer-events:none}.assign-mode-overlay__banner{display:flex;align-items:center;justify-content:center;gap:var(--space-lg);padding:var(--space-sm) var(--space-lg);background:#3d3a37f2;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:auto;animation:banner-slide .2s ease-out}@keyframes banner-slide{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}.assign-mode-overlay__text{color:var(--surface-module);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.assign-mode-overlay__cancel{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);border:1px solid rgba(255,255,255,.2);background:transparent;color:var(--surface-module);font-size:var(--font-size-sm);font-family:var(--font-family);cursor:pointer;border-radius:var(--radius-sm);transition:background var(--transition-fast),border-color var(--transition-fast)}.assign-mode-overlay__cancel:hover{background:#ffffff1a;border-color:#ffffff4d}.canvas{position:relative;width:100%;height:100vh;background:var(--surface-canvas);overflow:auto}.canvas__blocks{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-xl);padding:var(--space-xl) var(--space-lg)}:root{--grid-size: 16px;--grid-half: 8px;--surface-module: #e8e4df;--surface-module-hover: #ebe8e3;--surface-module-disabled: #ddd9d4;--surface-button: #bfbab3;--surface-button-hover: #908d8a;--surface-button-disabled: #ddd9d4;--surface-canvas: radial-gradient(circle at 50% 0%, #9d9590, #7e7770);--text-primary: #3d3a37;--text-secondary: #6b6762;--text-muted: #8a8580;--accent-neutral: #fcfaf8;--accent-sage: #8faa8f;--accent-dusty-blue: #8a9fb0;--accent-warm-amber: #c4a574;--accent-muted-rose: #b89a9a;--accent-soft-violet: #a89ab8;--accent-moss: #9aaa8a;--shadow-module: 2px 2px 6px rgba(0, 0, 0, .08), inset 1px 1px 2px rgba(255, 255, 255, .5);--shadow-module-hover: 3px 3px 8px rgba(0, 0, 0, .1), inset -1px -1px 2px rgba(255, 255, 255, .6);--shadow-knob: inset 1px 1px 1px rgba(255, 255, 255, .4), inset -1px -1px 1px rgba(0, 0, 0, .2), 1px 3px 3px rgba(0, 0, 0, .2), 2px 6px 6px rgba(0, 0, 0, .2);--shadow-knob-active: inset 1px 1px 1px rgba(255, 255, 255, .4), inset -1px -1px 1px rgba(0, 0, 0, .2), 1px 3px 3px rgba(0, 0, 0, .2), 2px 6px 6px rgba(0, 0, 0, .2);--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-round: 50%;--font-family: "Geist", system-ui, -apple-system, sans-serif;--font-size-xs: 10px;--font-size-sm: 12px;--font-size-md: 14px;--font-size-lg: 16px;--font-weight-normal: 400;--font-weight-medium: 500;--transition-slow: .3s ease-out;--transition-medium: .2s ease-out;--transition-fast: .1s ease-out;--module-min-width: 180px;--module-min-height: 220px;--module-padding: var(--space-sm);--knob-size: 48px;--knob-size-sm: 40px;--knob-glow-blur-min: 2px;--knob-glow-blur: 12px;--knob-glow-spread-min: 0px;--knob-glow-spread: 3px;--knob-glow-opacity-min: .3;--knob-glow-opacity: .8;--knob-glow-scale-min: 0;--knob-glow-scale: .7;--knob-glow-inset: -6px;--z-canvas: 0;--z-module: 10;--z-modulator: 10;--z-connection: 20;--z-overlay: 100;--z-assign-mode: 200}*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;overflow:hidden}body{font-family:var(--font-family);font-size:var(--font-size-md);color:var(--text-primary);background:var(--surface-canvas);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{height:100%}.app{height:100%;display:flex;flex-direction:column}button{font-family:inherit;font-size:inherit;cursor:pointer}:focus-visible{outline:2px solid var(--text-secondary);outline-offset:2px}:focus:not(:focus-visible){outline:none}::selection{background:var(--text-muted);color:var(--surface-module)}