.patchbox[data-v-496c3576]{--gap:24px;justify-content:start;gap:var(--gap);-webkit-user-select:none;user-select:none;touch-action:pan-y;grid-template-columns:auto minmax(0,560px);grid-template-areas:"hint hint""sources chimes";align-items:start;padding:8px 0 0;display:grid;position:relative}.dragging[data-v-496c3576]{cursor:grabbing;touch-action:none}.sources[data-v-496c3576]{gap:var(--gap);flex-direction:column;grid-area:sources;display:flex}.face[data-v-496c3576]{border:1px solid var(--line);background:var(--panel);border-radius:12px;padding:12px 14px;position:relative}.face h3[data-v-496c3576]{letter-spacing:.08em;text-transform:uppercase;margin:0 0 6px;font-size:13px}.sources .face[data-v-496c3576]{align-items:flex-end;gap:14px;display:flex}.sources .face h3[data-v-496c3576]{position:absolute;top:10px;left:14px}.sources .knobs[data-v-496c3576]{gap:4px;padding-top:22px;display:flex}.chimes[data-v-496c3576]{z-index:1;grid-area:chimes}.chimes-head[data-v-496c3576]{align-items:center;gap:14px;display:flex}.chimes-head p[data-v-496c3576]{color:var(--muted);margin:0;font-size:14px;line-height:1.45}.play[data-v-496c3576]{color:#7cff6b;cursor:pointer;background:0 0;border:2px solid #7cff6b;border-radius:50%;flex:none;place-items:center;width:46px;height:46px;font-size:15px;display:grid}.play[data-v-496c3576]:hover,.play[aria-pressed=true][data-v-496c3576]{color:var(--bg);background:#7cff6b}.spin[data-v-496c3576]{border:2px solid;border-right-color:#0000;border-radius:50%;width:16px;height:16px;animation:.7s linear infinite spin-496c3576}@keyframes spin-496c3576{to{transform:rotate(1turn)}}.inputs[data-v-496c3576]{justify-content:space-between;gap:8px;margin-top:14px;display:flex}.port[data-v-496c3576]{flex-direction:column;justify-content:flex-end;align-items:center;gap:4px;min-width:56px;display:flex}.jack[data-v-496c3576]{--ring:var(--c,var(--muted));background:var(--jack);cursor:grab;width:28px;height:28px;box-shadow:0 2px 3px var(--shadow-strong);touch-action:none;place-items:center;transition:transform .12s,box-shadow .12s;display:grid;position:relative}.hole[data-v-496c3576],.jack[data-v-496c3576],.jack[data-v-496c3576]:before{border-radius:50%}.jack[data-v-496c3576]:before{content:"";position:absolute;inset:-10px}.hole[data-v-496c3576]{background:var(--hole);pointer-events:none;width:14px;height:14px;box-shadow:inset 0 2px 3px #000000e6}.jack[data-v-496c3576]:hover{transform:scale(1.12)}.target .jack[data-v-496c3576]{animation:1s ease-in-out infinite pulse-496c3576}.hot .jack[data-v-496c3576]{box-shadow:0 0 0 3px var(--glow),0 0 16px var(--glow);animation:none;transform:scale(1.25)}@keyframes pulse-496c3576{50%{box-shadow:0 0 0 2px color-mix(in srgb,var(--glow) 60%,transparent),0 0 16px color-mix(in srgb,var(--glow) 45%,transparent)}}.plabel[data-v-496c3576]{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);white-space:nowrap;font-size:10px;font-weight:700}.out .plabel[data-v-496c3576],.used .plabel[data-v-496c3576]{color:var(--text)}.cable[data-v-496c3576]{pointer-events:none;z-index:2;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.shadow[data-v-496c3576],.shine[data-v-496c3576],.wire[data-v-496c3576]{fill:none;stroke-linecap:round}.shadow[data-v-496c3576]{stroke:var(--shadow);stroke-width:7px;transform:translate(2px,4px)}.wire[data-v-496c3576]{stroke:var(--c);stroke-width:5px}.shine[data-v-496c3576]{stroke:#ffffff59;stroke-width:1.5px;transform:translate(-1px,-1.5px)}.plug[data-v-496c3576]{fill:var(--c);stroke:var(--shadow-strong);stroke-width:2px;pointer-events:none}.plug.beckon[data-v-496c3576]{animation:1.4s ease-in-out infinite beckon-496c3576}@keyframes beckon-496c3576{50%{stroke:var(--glow);stroke-width:4px}}.grip[data-v-496c3576]{fill:#0000;pointer-events:all;cursor:grab;touch-action:none}.dragging .grip[data-v-496c3576]{cursor:grabbing}.hint[data-v-496c3576]{border:1px solid var(--line);border-left:3px solid var(--cable);background:var(--bg);min-height:8em;color:var(--text);border-radius:12px;flex-direction:column;grid-area:hint;justify-content:center;gap:8px;margin:0;padding:16px 18px;font-size:15px;line-height:1.5;display:flex}.hint b[data-v-496c3576]{color:var(--cable);font-size:16px;display:block}.open[data-v-496c3576]{font-size:14px}@media (width<=760px){.patchbox[data-v-496c3576]{grid-template-columns:1fr;grid-template-areas:"hint""sources""chimes";row-gap:16px;padding-bottom:0}.sources[data-v-496c3576]{flex-direction:row;gap:10px}.sources .face[data-v-496c3576]{flex:1;justify-content:space-between;gap:6px;padding:12px 10px}.sources .face h3[data-v-496c3576]{left:10px}.port[data-v-496c3576]{min-width:40px}.chimes[data-v-496c3576]{flex-direction:column;min-width:0;display:flex}.inputs .port[data-v-496c3576]{flex:1;min-width:0}.inputs .plabel[data-v-496c3576]{white-space:normal;text-align:center}.inputs[data-v-496c3576]{order:-1;margin:0 0 14px}.hint[data-v-496c3576]{min-height:11em}}