.echo-patch-bay{container-type:inline-size;position:relative;min-inline-size:0}.echo-patch-bay__grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:var(--echo-space-12);min-inline-size:0}.echo-patch-bay__cables{position:absolute;inset:0;inline-size:100%;block-size:100%;overflow:visible;pointer-events:none;z-index:var(--echo-z-raised,1)}.echo-patch-bay__cables path{fill:none;stroke:var(--echo-cap-highlight);stroke-width:6;stroke-linecap:round;filter:drop-shadow(0 4px 4px color-mix(in oklab,var(--echo-cast-ink,black) calc(.5 * var(--echo-shade, 1) * 100%),transparent))}.echo-patch-bay__cables .echo-patch-bay__pulling{stroke:var(--echo-accent-glow);stroke-dasharray:2 8}.echo-patch-bay__side{display:grid;align-content:start;gap:var(--echo-space-4);min-inline-size:0}.echo-patch-bay__heading{font-family:var(--echo-font-machine,ui-sans-serif,system-ui,sans-serif);font-size:var(--echo-text-3xs);font-weight:var(--echo-weight-bold,700);letter-spacing:var(--echo-tracking-widest,.25em);text-transform:uppercase;color:var(--echo-text-dim)}.echo-patch-bay__row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--echo-space-3) var(--echo-space-5);min-block-size:var(--echo-control-compact,32px)}.echo-patch-bay__row>.echo-patch-bay__name{flex:1 1 7rem}.echo-patch-bay__row>:not(.echo-patch-bay__name):not(.echo-patch-bay__socket){flex:1 1 9rem;min-inline-size:0}.echo-patch-bay__row>.echo-patch-bay__socket{flex:none}.echo-patch-bay__side[data-side=targets] .echo-patch-bay__row{flex-wrap:nowrap}.echo-patch-bay__name{min-inline-size:0;overflow-wrap:anywhere;font-family:var(--echo-font-sans,ui-sans-serif,system-ui,sans-serif);font-size:var(--echo-text-sm);color:var(--echo-text)}.echo-patch-bay__socket{display:inline-grid;place-items:center;inline-size:var(--echo-control-compact,32px);block-size:var(--echo-control-compact,32px);border-radius:var(--echo-radius-full);box-shadow:inset 0 2px 5px color-mix(in oklab,var(--echo-cast-ink,black) calc(.7 * var(--echo-shade, 1) * 100%),transparent),inset 0 -1px 0 rgb(255 255 255/calc(.06 * var(--echo-gloss, 1))),inset 0 0 0 var(--echo-line-width,0) var(--echo-line,transparent);touch-action:none}.echo-patch-bay__socket[data-source]{cursor:grab}@container (max-width: 36rem){.echo-patch-bay__grid{grid-template-columns:minmax(0,1fr)}.echo-patch-bay__cables,.echo-patch-bay__side[data-side=targets],.echo-patch-bay__socket[data-source]{display:none}}@media (forced-colors:active){.echo-patch-bay__cables path{stroke:CanvasText;filter:none}.echo-patch-bay__socket{border:var(--echo-border-hairline,1px) solid CanvasText}}