.PacketMux-module__By05yW__root{--tone-a:var(--tone-red);--tone-b:var(--tone-blue);--tone-c:var(--tone-green);margin:var(--sp-6) 0;border:1px solid var(--color-hair-strong);background:var(--color-paper);color:var(--color-ink);font-family:var(--font-mono);border-radius:3px;overflow:hidden}.PacketMux-module__By05yW__controls{}.PacketMux-module__By05yW__controlLabel{letter-spacing:var(--ls-micro);text-transform:uppercase;color:var(--color-ink-2);font-size:10px;font-weight:600}.PacketMux-module__By05yW__status{margin-inline-start:auto;}.PacketMux-module__By05yW__stageHeader{padding:12px var(--sp-4) 0;background:var(--color-paper);justify-content:space-between;display:flex}.PacketMux-module__By05yW__stageHeader span{letter-spacing:var(--ls-micro);text-transform:uppercase;color:var(--color-ink-4);font-size:9px;font-weight:500}.PacketMux-module__By05yW__stage{height:340px;padding:var(--sp-4) var(--sp-5);background:var(--color-paper);position:relative;overflow:hidden}.PacketMux-module__By05yW__producersStack{z-index:6;flex-direction:column;display:flex;position:absolute;top:50%;left:16px;transform:translateY(-50%)}.PacketMux-module__By05yW__producer{appearance:none;background:var(--color-paper-raised);border:1px solid var(--color-hair-strong);cursor:pointer;min-width:162px;height:56px;font-family:var(--font-mono);text-align:start;align-items:stretch;padding:0;transition:background .14s;display:flex}.PacketMux-module__By05yW__producer:hover{background:var(--color-paper-soft)}.PacketMux-module__By05yW__producersStack>.PacketMux-module__By05yW__producer+.PacketMux-module__By05yW__producer{margin-block-start:-1px}.PacketMux-module__By05yW__producersStack>.PacketMux-module__By05yW__producer:first-child{border-start-start-radius:3px;border-start-end-radius:3px}.PacketMux-module__By05yW__producersStack>.PacketMux-module__By05yW__producer:last-child{border-end-end-radius:3px;border-end-start-radius:3px}.PacketMux-module__By05yW__chipMark{border-inline-end:1px solid var(--color-hair-strong);background:var(--color-paper-soft);width:30px;color:var(--color-ink-2);flex-shrink:0;justify-content:center;align-items:center;font-size:10px;line-height:1;display:flex}.PacketMux-module__By05yW__chipBody{flex-direction:column;flex:1;justify-content:center;gap:5px;min-width:88px;padding:11px 14px;display:flex}.PacketMux-module__By05yW__chipName{letter-spacing:var(--ls-label);text-transform:uppercase;color:var(--color-ink);font-size:10px;font-weight:600}.PacketMux-module__By05yW__chipApid{color:var(--color-ink-3);letter-spacing:var(--ls-label);font-variant-numeric:tabular-nums;font-size:9px;font-weight:500}.PacketMux-module__By05yW__chipEmit{color:var(--color-ink-3);border-inline-start:1px solid var(--color-hair-soft);align-items:center;padding:0 12px;font-size:11px;display:flex}.PacketMux-module__By05yW__producer[data-tone=a] .PacketMux-module__By05yW__chipName,.PacketMux-module__By05yW__producer[data-tone=a] .PacketMux-module__By05yW__chipMark{color:var(--tone-a)}.PacketMux-module__By05yW__producer[data-tone=b] .PacketMux-module__By05yW__chipName,.PacketMux-module__By05yW__producer[data-tone=b] .PacketMux-module__By05yW__chipMark{color:var(--tone-b)}.PacketMux-module__By05yW__producer[data-tone=c] .PacketMux-module__By05yW__chipName,.PacketMux-module__By05yW__producer[data-tone=c] .PacketMux-module__By05yW__chipMark{color:var(--tone-c)}.PacketMux-module__By05yW__receiversStack{z-index:6;flex-direction:column;gap:6px;min-width:220px;display:flex;position:absolute;top:50%;right:16px;transform:translateY(-50%)}.PacketMux-module__By05yW__receiver{border:1px solid var(--color-hair-strong);background:var(--color-paper-raised);font-family:var(--font-mono);border-radius:2px;padding:8px 10px}.PacketMux-module__By05yW__receiver[data-tone=a]{border-color:color-mix(in oklab, var(--tone-red) 45%, transparent)}.PacketMux-module__By05yW__receiver[data-tone=b]{border-color:color-mix(in oklab, var(--tone-blue) 45%, transparent)}.PacketMux-module__By05yW__receiver[data-tone=c]{border-color:color-mix(in oklab, var(--tone-green) 45%, transparent)}.PacketMux-module__By05yW__receiverHead{border-block-end:1px dashed var(--color-hair-soft);align-items:center;gap:8px;margin-block-end:6px;padding-block-end:6px;display:flex}.PacketMux-module__By05yW__receiver .PacketMux-module__By05yW__receiverHead .PacketMux-module__By05yW__chipMark{border:1px solid var(--color-hair-strong);background:var(--color-paper-soft);border-radius:2px;width:18px;height:18px;font-size:9px}.PacketMux-module__By05yW__receiver[data-tone=a] .PacketMux-module__By05yW__chipName,.PacketMux-module__By05yW__receiver[data-tone=a] .PacketMux-module__By05yW__chipMark{color:var(--tone-a)}.PacketMux-module__By05yW__receiver[data-tone=b] .PacketMux-module__By05yW__chipName,.PacketMux-module__By05yW__receiver[data-tone=b] .PacketMux-module__By05yW__chipMark{color:var(--tone-b)}.PacketMux-module__By05yW__receiver[data-tone=c] .PacketMux-module__By05yW__chipName,.PacketMux-module__By05yW__receiver[data-tone=c] .PacketMux-module__By05yW__chipMark{color:var(--tone-c)}.PacketMux-module__By05yW__receiver .PacketMux-module__By05yW__receiverHead .PacketMux-module__By05yW__chipName{letter-spacing:.18em;font-size:10px}.PacketMux-module__By05yW__receiverHead .PacketMux-module__By05yW__chipApid{margin-inline-start:auto;font-size:9px}.PacketMux-module__By05yW__cells{flex-wrap:wrap;gap:3px;min-height:18px;display:flex}.PacketMux-module__By05yW__cellEmpty{color:var(--color-ink-4);font-size:10px}.PacketMux-module__By05yW__cellSeq{letter-spacing:.04em;color:var(--color-ink);background:var(--color-paper);border:1px solid var(--color-hair-soft);font-variant-numeric:tabular-nums;border-radius:2px;padding:2px 5px;font-size:9px;font-weight:600;display:inline-flex}.PacketMux-module__By05yW__cellGap{letter-spacing:.04em;color:var(--color-annotation);background:color-mix(in oklab, var(--tone-red) 8%, transparent);border:1px dashed var(--color-annotation);font-variant-numeric:tabular-nums;border-radius:2px;padding:2px 5px;font-size:9px;font-weight:600;display:inline-flex}.PacketMux-module__By05yW__gapNote{letter-spacing:var(--ls-label);text-transform:uppercase;color:var(--color-annotation);margin:6px 0 0;font-size:9px;font-weight:600}.PacketMux-module__By05yW__guideSvg{pointer-events:none;z-index:1;width:100%;height:100%;position:absolute;inset:0}.PacketMux-module__By05yW__guideSvg line{stroke:var(--color-hair-strong);stroke-width:.6px;opacity:.6}.PacketMux-module__By05yW__demuxBox{border:1px solid var(--color-hair-strong);background:var(--color-paper-raised);box-shadow:0 1px 0 #fffcf599 inset, 0 2px 5px color-mix(in oklab, var(--color-ink-2) 8%, transparent);z-index:10;border-radius:2px;align-items:center;gap:9px;padding:7px 13px;display:inline-flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.PacketMux-module__By05yW__demuxLabel{letter-spacing:var(--ls-micro);text-transform:uppercase;color:var(--color-ink);font-size:10px;font-weight:700}.PacketMux-module__By05yW__demuxDot{background:var(--color-ink);border-radius:50%;width:7px;height:7px}.PacketMux-module__By05yW__demuxHint{letter-spacing:var(--ls-label);text-transform:uppercase;color:var(--color-ink-3);font-size:9px;font-weight:500}.PacketMux-module__By05yW__packetLayer{z-index:5;pointer-events:none;position:absolute;inset:0}.PacketMux-module__By05yW__flyingPacket{border:1px solid var(--color-hair-strong);background:var(--color-paper-raised);font-family:var(--font-mono);letter-spacing:.06em;left:18%;top:var(--source-y,50%);border-radius:2px;align-items:center;gap:5px;padding:3px 6px;font-size:9px;line-height:1;animation-name:PacketMux-module__By05yW__pm-fly;animation-timing-function:linear;animation-iteration-count:1;animation-fill-mode:forwards;display:inline-flex;position:absolute;transform:translate(-50%,-50%)}.PacketMux-module__By05yW__flyingPacket[data-tone=a]{border-color:var(--tone-a);color:var(--tone-a)}.PacketMux-module__By05yW__flyingPacket[data-tone=b]{border-color:var(--tone-b);color:var(--tone-b)}.PacketMux-module__By05yW__flyingPacket[data-tone=c]{border-color:var(--tone-c);color:var(--tone-c)}.PacketMux-module__By05yW__flyingPacket[data-dropped]{border-style:dashed;animation-name:PacketMux-module__By05yW__pm-fly-dropped}.PacketMux-module__By05yW__pktApid{font-variant-numeric:tabular-nums;font-weight:700}.PacketMux-module__By05yW__pktSeq{color:var(--color-ink-2);font-variant-numeric:tabular-nums;font-weight:600}.PacketMux-module__By05yW__flyingPacket[data-tone=a] .PacketMux-module__By05yW__pktSeq{color:color-mix(in oklab, var(--tone-red) 70%, transparent)}.PacketMux-module__By05yW__flyingPacket[data-tone=b] .PacketMux-module__By05yW__pktSeq{color:color-mix(in oklab, var(--tone-blue) 70%, transparent)}.PacketMux-module__By05yW__flyingPacket[data-tone=c] .PacketMux-module__By05yW__pktSeq{color:color-mix(in oklab, var(--tone-green) 70%, transparent)}@keyframes PacketMux-module__By05yW__pm-fly{0%{left:22%;top:var(--source-y,50%);opacity:0}6%{opacity:1}20%{top:50%;left:32%}70%{top:50%;left:68%}90%{left:78%;top:var(--target-y,50%);opacity:1}to{left:78%;top:var(--target-y,50%);opacity:0}}@keyframes PacketMux-module__By05yW__pm-fly-dropped{0%{left:22%;top:var(--source-y,50%);opacity:0}6%{opacity:1}20%{top:50%;left:32%}44%{opacity:1;top:50%;left:50%}62%{opacity:0}to{opacity:0;top:50%;left:56%}}.PacketMux-module__By05yW__actionBar{z-index:10;gap:8px;display:flex;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}.PacketMux-module__By05yW__actionBtn{appearance:none;font-family:var(--font-mono);letter-spacing:var(--ls-label);text-transform:uppercase;color:var(--color-ink);background:var(--color-paper-raised);border:1px solid var(--color-hair-strong);cursor:pointer;border-radius:2px;padding:6px 12px;font-size:9px;font-weight:600;transition:background .12s,color .12s,border-color .12s}.PacketMux-module__By05yW__actionBtn:hover:not(:disabled){background:var(--color-ink);color:var(--color-paper)}.PacketMux-module__By05yW__actionBtn[data-active]{background:var(--color-annotation);color:var(--color-paper);border-color:var(--color-annotation)}.PacketMux-module__By05yW__actionBtn:disabled{cursor:default}.PacketMux-module__By05yW__figcaption{block-size:9em;}