/* Standalone, scoped port of the existing NeuRig routing simulator. */
.routing-demo-section{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:16px;line-height:1.5;color:#edf6fa;--rm-color:#64dcff;padding-block:100px}
.routing-demo-section *,.routing-demo-section *:before,.routing-demo-section *:after{box-sizing:border-box}
.routing-demo-section p,.routing-demo-section h2,.routing-demo-section h3{margin:0}
.routing-demo-section button{font-family:inherit;font-weight:400;line-height:1.4;letter-spacing:normal;cursor:pointer;margin:0;appearance:none}
.routing-demo-section button:focus-visible{outline:2px solid #8eeaff;outline-offset:4px}
.routing-demo-section img{max-width:100%;height:auto;display:block}
.routing-demo-section h2{line-height:1.05;font-weight:620;letter-spacing:-.05em}
.routing-demo-section h2 em{color:#a9bac4;font-style:normal}
.routing-demo-section h3{font-weight:600;letter-spacing:-.03em}
.routing-demo-section .eyebrow{font-size:11px;font-weight:650;letter-spacing:.15em;color:#77bbd2;line-height:1.5}
.routing-demo-section .rm-neurig em{font-style:normal;color:#64dcff}
.routing-demo-section [hidden]{display:none!important}
/* Interactive routing map. All coordinates are measured from visible controls. */
.routing-demo-section{border-top:1px solid #283744;background:radial-gradient(ellipse at 30% 40%,#17334538,transparent 55%),#080e14}
.routing-demo-section .rm-intro{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:end;margin-bottom:36px}
.routing-demo-section .rm-intro h2{margin-top:13px;font-size:clamp(2.4rem,4.3vw,4.25rem)}
.routing-demo-section .rm-intro-copy>p{color:#b0c2ce;line-height:1.65;font-size:1rem}
.routing-demo-section .rm-intro-copy .rm-audio{font-size:.78rem;line-height:1.55;margin-top:20px;padding:11px 14px;border-left:2px solid #f1b678;background:#eeb36a09;color:#c6b5a4;border-radius:0 5px 5px 0}
.routing-demo-section .rm-audio strong{color:#f4d3ab}
.routing-demo-section .rm-demo{border:1px solid #344956;border-radius:18px;background:#0b141d;overflow:hidden;box-shadow:0 26px 80px #0004}
.routing-demo-section .rm-example-note{padding:15px 24px;border-bottom:1px solid #304350;color:#9fb6c5;font-size:.75rem;line-height:1.6}.routing-demo-section .rm-example-note strong{color:#d9edf6}
.routing-demo-section .rm-presets{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-bottom:1px solid #304350;padding:10px;gap:8px;background:#0c151e}
.routing-demo-section .rm-presets button{border:1px solid transparent;border-radius:9px;background:transparent;text-align:left;padding:15px 17px;color:#a2b3bf;transition:background .2s,border-color .2s}
.routing-demo-section .rm-presets button:hover{background:#182731}.routing-demo-section .rm-presets button[aria-pressed=true]{background:#183342;border-color:#64dcff8a;color:#effaff;box-shadow:inset 0 -2px #64dcff}
.routing-demo-section .rm-presets span,.routing-demo-section .rm-presets strong,.routing-demo-section .rm-presets small{display:block}.routing-demo-section .rm-presets span{font:700 .63rem/1.4 ui-monospace,monospace;letter-spacing:.07em;color:#6f96a9}.routing-demo-section .rm-presets [aria-pressed=true] span{color:#64dcff}.routing-demo-section .rm-presets strong{font-size:1rem;line-height:1.3;margin:6px 0}.routing-demo-section .rm-presets small{font-size:.72rem;line-height:1.5;color:#99afbc}
.routing-demo-section .rm-example-heading{display:flex;justify-content:space-between;gap:16px;padding:20px 28px;align-items:center;border-bottom:1px solid #24353f}
.routing-demo-section .rm-example-heading>div{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.routing-demo-section .rm-example-heading strong{font-size:.96rem}.routing-demo-section .rm-example-heading [data-rm-description]{color:#8fa5b4;font-size:.82rem}.routing-demo-section .rm-live-dot{width:7px;height:7px;border-radius:50%;background:#8ce9b3;box-shadow:0 0 10px #8ce9b366}
.routing-demo-section .rm-demo-badge{font:600 .59rem/1.4 ui-monospace,monospace;letter-spacing:.06em;color:#708896;white-space:nowrap}
.routing-demo-section .rm-stage{height:675px;position:relative;isolation:isolate;background:radial-gradient(ellipse at 26% 30%,#21323e55,transparent 50%),radial-gradient(#91aeba12 .6px,transparent .8px);background-size:auto,18px 18px}
.routing-demo-section .rm-cables{position:absolute;inset:0;width:100%;height:100%;z-index:3;overflow:visible;pointer-events:none}
.routing-demo-section .rm-cable{fill:none;stroke:#6a8595;stroke-width:3;stroke-linejoin:round;stroke-linecap:round}.routing-demo-section .rm-cable-midi{stroke:#9b7c4f}.routing-demo-section .rm-cable-under{stroke:#04080b;stroke-width:8}
.routing-demo-section .rm-route{fill:none;stroke:var(--rm-color);stroke-width:1.8;stroke-dasharray:4 7;stroke-linecap:round;stroke-linejoin:round;animation:routing-demo-flow 2s linear infinite;transition:opacity .2s;opacity:.65}
.routing-demo-section .rm-route.is-emphasized{stroke-width:3;opacity:1;filter:drop-shadow(0 0 4px var(--rm-color))}.routing-demo-section .rm-route.is-dimmed{opacity:.09}.routing-demo-section .rm-route-dot{fill:var(--rm-color)}
.routing-demo-section .rm-hardware{position:absolute;top:28px;left:7%;width:43%;z-index:4}
.routing-demo-section .rm-device-label{display:flex;justify-content:space-between;gap:10px;font:700 .63rem/1.4 ui-monospace,monospace;letter-spacing:.065em;color:#9eafbb;margin-bottom:10px}.routing-demo-section .rm-device-label>span{color:#b49160}
.routing-demo-section .rm-synths{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.routing-demo-section .rm-synth{position:relative;border:1px solid color-mix(in srgb,var(--rm-color) 65%,#233440);border-radius:8px;background:linear-gradient(120deg,#25313b,#151f29);padding:12px 12px 10px;box-shadow:0 7px 15px #0005;transition:opacity .2s,border-color .2s}
.routing-demo-section .rm-synth-top{display:flex;align-items:center;gap:7px}.routing-demo-section .rm-synth-top strong{font-size:.84rem}.routing-demo-section .rm-synth-top small{margin-left:auto;color:var(--rm-color);font:700 .63rem/1 ui-monospace,monospace}.routing-demo-section .rm-din{border:1px solid var(--rm-color);border-radius:50%;color:var(--rm-color);width:19px;height:19px;display:grid;place-items:center;font-size:16px;line-height:1}
.routing-demo-section .rm-synth p{color:var(--rm-color);font-size:.67rem;margin-top:7px;min-height:24px;line-height:1.4}.routing-demo-section .rm-synth p span{display:block}
.routing-demo-section .rm-keys{height:23px;margin-top:4px;border-radius:2px;background:repeating-linear-gradient(90deg,transparent 0 13%,#16212c 13% 17%,transparent 17% 24%) top/100% 65% no-repeat,repeating-linear-gradient(90deg,#cfd8df 0 7.8%,#556976 7.8% 8.2%);box-shadow:inset 0 -4px #0002}
.routing-demo-section .rm-hardware-note{color:#93a8b7;font-size:.66rem;margin-top:10px;line-height:1.5}
.routing-demo-section .rm-target-port,.routing-demo-section .rm-source-port{display:block;position:absolute;width:7px;height:7px;border-radius:50%;background:var(--rm-color);box-shadow:0 0 5px color-mix(in srgb,var(--rm-color) 45%,transparent)}
.routing-demo-section .rm-synth>.rm-target-port{left:50%;bottom:-4px}.routing-demo-section .rm-hardware>[data-rm-hardware-port]{position:absolute;bottom:0;left:0}
.routing-demo-section .rm-inactive{opacity:.3;filter:saturate(.15)}.routing-demo-section .rm-target-highlight{box-shadow:0 0 0 1px var(--rm-color),0 0 22px color-mix(in srgb,var(--rm-color) 20%,transparent)!important}
.routing-demo-section .rm-usb-caption,.routing-demo-section .rm-midi-caption{position:absolute;z-index:4;top:204px;display:flex;align-items:center;gap:9px;padding:4px 8px;border-radius:4px;background:#0b141d;font-size:.63rem;color:#89a1b0}.routing-demo-section .rm-usb-caption{left:40%}.routing-demo-section .rm-midi-caption{left:8%}.routing-demo-section .rm-usb-caption b{color:#bbd4e2}.routing-demo-section .rm-midi-caption b{color:#ffc16b}
.routing-demo-section .rm-pedal{position:absolute;left:5%;top:266px;width:54%;height:290px;padding:14px 16px 18px;border:2px solid #56616a;border-radius:13px;background:linear-gradient(160deg,#303940,#20282e 45%,#151e26);box-shadow:inset 0 0 0 3px #11191f,0 22px 35px #0006;z-index:2}
.routing-demo-section .rm-pedal:before,.routing-demo-section .rm-pedal:after{content:"";position:absolute;top:8px;width:4px;height:4px;border-radius:50%;background:#84959f;box-shadow:0 0 0 1px #060a0d}.routing-demo-section .rm-pedal:before{left:7px}.routing-demo-section .rm-pedal:after{right:7px}
.routing-demo-section .rm-pedal-header{height:43px;display:flex;align-items:center;gap:16px;padding:6px 12px;background:#090e13;border:1px solid #3b454b;border-radius:4px}
.routing-demo-section .rm-pedal-header strong{display:block;font-size:.76rem;letter-spacing:.04em}.routing-demo-section .rm-pedal-header small{display:block;font:600 .45rem/1.5 ui-monospace,monospace;color:#798c98;letter-spacing:.07em}
.routing-demo-section .rm-led{margin-left:auto;min-width:70px;text-align:center;background:#270f13;border:1px solid #58232a;border-radius:3px;color:#ff5866;text-shadow:0 0 10px #ff445999;padding:3px 7px;font:700 1.6rem/1 ui-monospace,monospace}
.routing-demo-section .rm-midi-led{color:#89d8a6;font:600 .53rem/1 ui-monospace,monospace;white-space:nowrap}
.routing-demo-section .rm-midi-port,.routing-demo-section .rm-usb-port{position:absolute;top:-7px;width:18px;height:8px;border:1px solid #7f8f97;background:#060a0e;z-index:4}.routing-demo-section .rm-midi-port{left:11%;border-radius:7px}.routing-demo-section .rm-usb-port{left:78%;border-radius:2px}
.routing-demo-section .rm-controls{display:grid;grid-template-columns:repeat(4,minmax(0,1fr)) minmax(60px,.82fr);grid-template-rows:76px 128px;gap:6px 7px;margin-top:8px}
.routing-demo-section .rm-preset-pair{grid-column:1/3;display:grid;grid-template-columns:1fr 1fr;position:relative;border:1px solid #7ea1b73d;border-radius:7px;background:#11253244;padding-top:16px}
.routing-demo-section .rm-preset-pair p{position:absolute;top:4px;left:0;right:0;text-align:center;font:700 .46rem/1.2 ui-monospace,monospace;letter-spacing:.08em;color:#9bc8de}
.routing-demo-section .rm-preset-pair button{display:flex;align-items:center;justify-content:center;gap:7px;flex-direction:column;border:0;background:none;color:#9adcf6;border-radius:5px;padding:3px 4px 6px}.routing-demo-section .rm-preset-pair b{font:700 .55rem/1 ui-monospace,monospace}
.routing-demo-section .rm-switch{display:block;flex-shrink:0;width:27px;height:27px;border-radius:50%;background:radial-gradient(circle at 37% 28%,#e5edf0 0,#aab3b7 30%,#77868e 46%,#3c4a53 49%,#141e26 55%,#bcc8ce 63%,#556772 72%,#1b242c 76%);box-shadow:0 4px 6px #0009}
.routing-demo-section .rm-preset-pair .rm-switch{width:22px;height:22px}.routing-demo-section .rm-preset-pair button:hover .rm-switch{box-shadow:0 0 0 2px #64dcff,0 0 15px #64dcff55}
.routing-demo-section .rm-idle-switch{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;opacity:.38;color:#b6c2c9;font:700 .54rem/1 ui-monospace,monospace}.routing-demo-section .rm-idle-switch .rm-switch{width:22px;height:22px}
.routing-demo-section .rm-control{position:relative;display:flex;min-width:0;flex-direction:column;align-items:center;border:1px solid color-mix(in srgb,var(--rm-color) 38%,#2b3a45);border-radius:7px;background:linear-gradient(color-mix(in srgb,var(--rm-color) 6%,#152029),#111a22);color:#dce7ee;padding:8px 3px 9px;transition:opacity .2s,box-shadow .2s}
.routing-demo-section .rm-control-id{font:700 .6rem/1 ui-monospace,monospace;color:var(--rm-color);margin-bottom:7px;letter-spacing:.05em}
.routing-demo-section .rm-control strong{font-size:.69rem;line-height:1.2;text-align:center;min-height:16px}.routing-demo-section .rm-control small{font-size:.57rem;line-height:1.4;color:#a0b5c1;margin:3px 0 6px}.routing-demo-section .rm-control .rm-switch{box-shadow:0 0 0 1px var(--rm-color),0 4px 7px #0009}
.routing-demo-section .rm-control .rm-channel{margin-top:auto;padding-top:7px;color:var(--rm-color);font:700 .57rem/1 ui-monospace,monospace}
.routing-demo-section .rm-control>.rm-source-port{bottom:-5px;left:calc(50% - 3px)}
.routing-demo-section .rm-control:hover,.routing-demo-section .rm-control[aria-pressed=true]{box-shadow:0 0 0 1px var(--rm-color),inset 0 0 18px color-mix(in srgb,var(--rm-color) 13%,transparent)}
.routing-demo-section .rm-expression{grid-column:5;grid-row:1/3;padding:10px 4px}.routing-demo-section .rm-expression .rm-control-id{font-size:.43rem;letter-spacing:0}
.routing-demo-section .rm-tread{display:block;width:80%;height:113px;margin:3px 0 13px;border:3px solid #070e14;border-radius:6px;background:repeating-linear-gradient(90deg,#22313b 0 7px,#14202a 7px 10px);box-shadow:inset 0 1px 6px #000a;position:relative;overflow:hidden}
.routing-demo-section .rm-tread i{position:absolute;bottom:0;left:0;right:0;height:38%;background:color-mix(in srgb,var(--rm-color) 22%,transparent);border-top:1px solid var(--rm-color)}
.routing-demo-section .rm-expression .rm-channel{margin-top:5px}
.routing-demo-section .rm-mac{position:absolute;z-index:2;right:3.5%;top:42px;width:32%;border:3px solid #425563;border-radius:13px 13px 5px 5px;padding:0 12px 15px;background:linear-gradient(145deg,#1e2a34,#101922);box-shadow:inset 0 0 0 3px #090f15,0 18px 40px #0006}
.routing-demo-section .rm-mac-heading{height:36px;display:flex;align-items:center;justify-content:space-between;gap:7px;color:#8b9fab;font:600 .46rem/1 ui-monospace,monospace;letter-spacing:.04em}
.routing-demo-section .rm-window-dots{color:#6d8491;font-size:.48rem;letter-spacing:2px}
.routing-demo-section .rm-app-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;min-height:375px;padding:10px;border-radius:6px;background:#080f15}
.routing-demo-section .rm-app{position:relative;border:1px solid color-mix(in srgb,var(--rm-color) 40%,#243743);border-radius:7px;background:linear-gradient(145deg,color-mix(in srgb,var(--rm-color) 7%,#10202b),#0c1721);padding:13px 11px;transition:opacity .2s}
.routing-demo-section .rm-app h3{font-size:.86rem;letter-spacing:-.03em;margin-top:9px;line-height:1.2}.routing-demo-section .rm-app-icon{display:block;color:var(--rm-color);font-size:25px;height:28px;line-height:1}.routing-demo-section .rm-app-type{display:block;margin-top:5px;color:#8fa5b4;font:700 .44rem/1.5 ui-monospace,monospace;letter-spacing:.06em}
.routing-demo-section .rm-app [data-rm-target-detail]{margin-top:13px;color:var(--rm-color);font-size:.65rem;line-height:1.6}.routing-demo-section .rm-app [data-rm-target-detail] span{display:block}
.routing-demo-section .rm-app>.rm-target-port{left:-5px;top:50%}.routing-demo-section .rm-neurig img{width:28px;height:28px}.routing-demo-section .rm-neurig>div{margin-top:14px}.routing-demo-section .rm-neurig>div b{color:#64dcff;font:700 .65rem/1.5 ui-monospace,monospace}.routing-demo-section .rm-neurig small{display:block;color:#98aebc;font-size:.58rem;line-height:1.5;margin-top:8px}
.routing-demo-section .rm-mac-foot{position:absolute;bottom:-16px;height:16px;left:-5%;right:-5%;background:linear-gradient(#405565,#1b2934);clip-path:polygon(4% 0,96% 0,100% 85%,96% 100%,4% 100%,0 85%);border-radius:0 0 5px 5px}
.routing-demo-section .rm-mac-foot:before{content:"";position:absolute;width:25%;left:37.5%;top:0;height:5px;background:#101c24;border-radius:0 0 6px 6px}
.routing-demo-section [data-rm-mac-port]{position:absolute;left:-4px;bottom:30px;width:6px;height:16px;background:#6b808c;border:2px solid #111820}
.routing-demo-section .rm-map-legend{position:absolute;left:5%;bottom:17px;display:flex;gap:20px;color:#8aa1b0;font-size:.63rem}.routing-demo-section .rm-map-legend span{display:flex;align-items:center;gap:8px}.routing-demo-section .rm-map-legend i{display:block;width:24px;border-top:2px solid #8199a8}.routing-demo-section .rm-map-legend span+span i{border-top:2px dashed #64dcff}
.routing-demo-section .rm-detail-bar{min-height:61px;display:flex;justify-content:space-between;align-items:center;gap:16px;background:#142530;border-block:1px solid #324956;padding:15px 25px;font-size:.85rem;color:#bfd1dc}.routing-demo-section .rm-detail-bar strong{color:#f0f8fc}.routing-demo-section .rm-detail-bar button{flex-shrink:0;border:1px solid #466775;border-radius:5px;background:#0a1923;color:#64dcff;padding:6px 10px;font-size:.74rem}
.routing-demo-section .rm-assignments{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));padding:20px;gap:10px;background:#0a131b}
.routing-demo-section .rm-assignment{min-width:0;border:1px solid #293e4b;border-top:2px solid var(--rm-color);border-radius:6px;background:#101d27;padding:13px;text-align:left;color:#edf6fa}
.routing-demo-section .rm-assignment:hover,.routing-demo-section .rm-assignment[aria-pressed=true]{border-color:var(--rm-color);background:#182a35}.routing-demo-section .rm-assignment>span{display:flex;align-items:center;justify-content:space-between;color:var(--rm-color);font:700 .6rem/1.4 ui-monospace,monospace}
.routing-demo-section .rm-assignment strong{display:block;margin-top:9px;font-size:.82rem;line-height:1.3}.routing-demo-section .rm-assignment b{display:block;font-size:.72rem;font-weight:400;color:#b6c9d5;line-height:1.5;margin-top:3px}.routing-demo-section .rm-assignment small{display:block;margin-top:10px;color:#88a2b2;font:500 .55rem/1.5 ui-monospace,monospace}
.routing-demo-section .rm-footer{padding:19px 25px 23px;border-top:1px solid #233640;color:#b1c5d1;font-size:.79rem}.routing-demo-section .rm-footer p+p{color:#8099a9;font-size:.7rem;margin-top:8px;max-width:940px;line-height:1.6}
.routing-demo-section .rm-no-js{padding:15px 25px;color:#b7cedb}.routing-demo-section .rm-selection .rm-control:not(.is-traced){opacity:.45}
@keyframes routing-demo-flow{to{stroke-dashoffset:-44}}
@media(min-width:1450px){.routing-demo-section .rm-stage{height:695px}.routing-demo-section .rm-pedal{height:302px}.routing-demo-section .rm-controls{grid-template-rows:78px 138px}.routing-demo-section .rm-control strong{font-size:.8rem}.routing-demo-section .rm-control small{font-size:.66rem}.routing-demo-section .rm-control .rm-switch{width:30px;height:30px}.routing-demo-section .rm-app h3{font-size:1rem}.routing-demo-section .rm-app [data-rm-target-detail]{font-size:.72rem}}
@media(max-width:899px){.routing-demo-section .rm-stage{height:auto;display:grid;grid-template-columns:1.12fr 1fr;gap:30px 28px;padding:26px}.routing-demo-section .rm-cables{display:none}.routing-demo-section .rm-hardware,.routing-demo-section .rm-pedal,.routing-demo-section .rm-mac{position:relative;inset:auto;width:auto}.routing-demo-section .rm-hardware{grid-column:1;grid-row:1}.routing-demo-section .rm-pedal{grid-column:1;grid-row:2;height:290px;padding:12px 10px}.routing-demo-section .rm-mac{grid-column:2;grid-row:1/3;align-self:center}.routing-demo-section .rm-app-grid{min-height:355px;padding:8px;gap:7px}.routing-demo-section .rm-usb-caption,.routing-demo-section .rm-midi-caption,.routing-demo-section .rm-map-legend{display:none}.routing-demo-section .rm-presets button{padding:12px}.routing-demo-section .rm-presets strong{font-size:.86rem}.routing-demo-section .rm-intro{gap:32px}.routing-demo-section .rm-controls{column-gap:4px}.routing-demo-section .rm-control strong{font-size:.62rem}.routing-demo-section .rm-control small{font-size:.51rem}.routing-demo-section .rm-midi-led{display:none}.routing-demo-section .rm-pedal-header{padding-inline:6px;gap:8px}.routing-demo-section .rm-pedal-header strong{font-size:.6rem}.routing-demo-section .rm-pedal-header small{font-size:.4rem}.routing-demo-section .rm-led{min-width:50px;font-size:1.3rem}.routing-demo-section .rm-assignments{grid-template-columns:repeat(3,1fr)}.routing-demo-section .rm-target-port,.routing-demo-section .rm-source-port{display:none}.routing-demo-section .rm-example-heading{padding:17px 22px}.routing-demo-section .rm-demo-badge{display:none}}
@media(max-width:760px){.routing-demo-section .rm-intro{grid-template-columns:1fr;gap:23px}.routing-demo-section .rm-intro-copy .rm-audio{margin-top:15px}.routing-demo-section .rm-presets{grid-template-columns:1fr 1fr}.routing-demo-section .rm-presets button{padding:12px}.routing-demo-section .rm-stage{grid-template-columns:1fr;padding:24px 18px;gap:30px}.routing-demo-section .rm-hardware{grid-column:1;grid-row:1}.routing-demo-section .rm-pedal{grid-column:1;grid-row:2;max-width:570px;width:100%;justify-self:center}.routing-demo-section .rm-mac{grid-column:1;grid-row:3;max-width:570px;width:100%;justify-self:center;margin-bottom:16px}.routing-demo-section .rm-app-grid{min-height:310px;gap:12px;padding:12px}.routing-demo-section .rm-app{padding:15px}.routing-demo-section .rm-app h3{font-size:1rem}.routing-demo-section .rm-app [data-rm-target-detail]{font-size:.76rem}.routing-demo-section .rm-pedal-header strong{font-size:.75rem}.routing-demo-section .rm-control strong{font-size:.73rem}.routing-demo-section .rm-control small{font-size:.63rem}.routing-demo-section .rm-pedal-header small{font-size:.45rem}.routing-demo-section .rm-midi-led{display:block}.routing-demo-section .rm-example-heading>div{gap:7px}.routing-demo-section .rm-example-heading [data-rm-description]{width:100%;margin-left:14px;font-size:.76rem}.routing-demo-section .rm-detail-bar{align-items:flex-start;flex-direction:column;padding:15px 18px}.routing-demo-section .rm-assignments{grid-template-columns:repeat(2,1fr);padding:16px}.routing-demo-section .rm-footer{padding:17px 18px}.routing-demo-section .rm-presets small{font-size:.66rem}.routing-demo-section .rm-device-label{font-size:.55rem}.routing-demo-section .rm-stage:after{content:"USB connects the pedal to your Mac. MIDI OUT connects external hardware.";color:#8cabbc;grid-column:1;font-size:.7rem;line-height:1.6}.routing-demo-section .rm-app-type{font-size:.5rem}}
@media(max-width:420px){.routing-demo-section .rm-stage{padding:23px 11px}.routing-demo-section .rm-pedal{padding:11px 8px;height:284px}.routing-demo-section .rm-controls{grid-template-columns:repeat(4,minmax(0,1fr)) minmax(48px,.8fr);gap:5px 3px}.routing-demo-section .rm-control strong{font-size:.61rem}.routing-demo-section .rm-control small{font-size:.51rem}.routing-demo-section .rm-control .rm-switch{width:24px;height:24px}.routing-demo-section .rm-preset-pair button{gap:5px}.routing-demo-section .rm-preset-pair b{font-size:.48rem}.routing-demo-section .rm-expression .rm-control-id{font-size:.36rem}.routing-demo-section .rm-synth{padding:10px 8px}.routing-demo-section .rm-synth-top strong{font-size:.75rem}.routing-demo-section .rm-synth-top small{font-size:.55rem}.routing-demo-section .rm-synth-top{gap:5px}.routing-demo-section .rm-hardware-note{font-size:.6rem}.routing-demo-section .rm-midi-led{display:none}.routing-demo-section .rm-assignment{padding:11px}.routing-demo-section .rm-intro h2{font-size:2.5rem}}
@media(prefers-reduced-motion:reduce){.routing-demo-section .rm-route{animation:none}}

/* Guided preset tour and the complete eight-switch pedal. */
.routing-demo-section .rm-example-heading>div:first-child{flex:1}
.routing-demo-section .rm-example-heading .rm-tour{flex-shrink:0;gap:9px;justify-content:flex-end}
.routing-demo-section .rm-tour>span{font-size:.65rem;color:#9cb3c1}
.routing-demo-section .rm-tour button{border:1px solid #456779;background:#122b3a;color:#c9f1ff;border-radius:6px;padding:8px 11px;font-size:.72rem;white-space:nowrap}
.routing-demo-section .rm-tour button:hover{background:#204253}
.routing-demo-section .rm-hardware .rm-device-label{height:14px;margin-bottom:0}
.routing-demo-section .rm-synths{padding-top:54px}
.routing-demo-section .rm-rear-port{position:absolute;top:-6px;width:10px;height:6px;border:1px solid #899da9;border-radius:3px 3px 0 0;background:#080e14;transform:translateX(-50%);color:#a2b7c3}
.routing-demo-section .rm-rear-in{left:20%}.routing-demo-section .rm-rear-thru{left:80%}
.routing-demo-section .rm-rear-port b{position:absolute;bottom:10px;left:50%;transform:translateX(-50%);font:700 .48rem/1 ui-monospace,monospace}
.routing-demo-section .rm-thru-chain{position:absolute;top:40px;left:calc(40% - 5.6px);right:calc(40% - 5.6px);height:24px;border:2px solid currentColor;border-bottom:0;border-radius:7px 7px 0 0;color:#73919f;opacity:.3;font:700 .52rem/1 ui-monospace,monospace;white-space:nowrap}
.routing-demo-section .rm-thru-chain span{position:absolute;top:-16px;left:50%;transform:translateX(-50%);background:#0b141d;padding:1px 4px}
.routing-demo-section .rm-thru-chain:after{content:"";position:absolute;right:-4px;bottom:1px;width:5px;height:5px;border-bottom:2px solid currentColor;border-right:2px solid currentColor;transform:rotate(45deg)}
.routing-demo-section .rm-thru-chain.is-active{opacity:1;color:#efc47f}
.routing-demo-section .rm-stage{height:780px}
.routing-demo-section .rm-pedal{top:320px;height:326px}
.routing-demo-section .rm-usb-caption,.routing-demo-section .rm-midi-caption{top:278px}
.routing-demo-section .rm-hardware-note{margin-top:30px}
.routing-demo-section .rm-controls{grid-template-rows:110px 128px}
.routing-demo-section .rm-upper-control{padding-top:6px;padding-bottom:6px}
.routing-demo-section .rm-upper-control .rm-control-id{margin-bottom:4px}
.routing-demo-section .rm-upper-control strong{font-size:.65rem}
.routing-demo-section .rm-upper-control small{font-size:.55rem;margin:2px 0 5px}
.routing-demo-section .rm-upper-control .rm-switch{width:23px;height:23px}
.routing-demo-section .rm-upper-control .rm-channel{padding-top:4px;font-size:.52rem}
.routing-demo-section .rm-upper-control>.rm-source-port{left:auto;right:-5px;top:50%;bottom:auto}
.routing-demo-section .rm-control:disabled{opacity:.3;cursor:default;box-shadow:none}
.routing-demo-section .rm-control:disabled>.rm-source-port{display:none}
.routing-demo-section .rm-expression-unit{grid-column:5;grid-row:1/3;display:grid;grid-template-rows:110px 1fr;gap:6px;min-width:0;border-radius:7px;background:#080f15;box-shadow:0 0 0 2px #0a1118}
.routing-demo-section .rm-expression-unit .rm-expression{grid-column:auto;grid-row:auto;padding:6px 2px}
.routing-demo-section .rm-expression-unit .rm-tread{height:36px;flex-shrink:0;margin:2px 0 5px;border-width:2px}
.routing-demo-section .rm-expression-unit .rm-expression .rm-control-id{margin-bottom:3px}
.routing-demo-section .rm-expression-unit .rm-expression .rm-channel{margin-top:auto;padding-top:2px}
.routing-demo-section .rm-toe-switch strong{font-size:.6rem}
.routing-demo-section .rm-seven-controls{grid-template-columns:repeat(4,minmax(0,1fr))}
@media(min-width:1450px){.routing-demo-section .rm-pedal{height:336px}.routing-demo-section .rm-controls{grid-template-rows:110px 138px}.routing-demo-section .rm-upper-control strong{font-size:.74rem}.routing-demo-section .rm-upper-control small{font-size:.6rem}}
@media(max-width:1100px){.routing-demo-section .rm-example-heading{align-items:flex-start}.routing-demo-section .rm-example-heading .rm-tour{flex-direction:column;align-items:flex-end}}
@media(max-width:899px){.routing-demo-section .rm-stage{height:auto}.routing-demo-section .rm-pedal{top:auto;height:324px}.routing-demo-section .rm-upper-control strong{font-size:.6rem}.routing-demo-section .rm-upper-control small{font-size:.49rem}.routing-demo-section .rm-seven-controls{grid-template-columns:repeat(3,minmax(0,1fr))}.routing-demo-section .rm-thru-chain{font-size:.48rem}}
@media(max-width:760px){.routing-demo-section .rm-example-heading{flex-wrap:wrap}.routing-demo-section .rm-example-heading .rm-tour{flex-direction:row;width:100%;align-items:center;justify-content:space-between;margin-top:8px}.routing-demo-section .rm-seven-controls{grid-template-columns:repeat(2,minmax(0,1fr))}.routing-demo-section .rm-upper-control strong{font-size:.7rem}.routing-demo-section .rm-upper-control small{font-size:.6rem}}
@media(max-width:420px){.routing-demo-section .rm-pedal{height:320px}.routing-demo-section .rm-upper-control strong{font-size:.6rem}.routing-demo-section .rm-upper-control small{font-size:.49rem}.routing-demo-section .rm-expression-unit{gap:5px}.routing-demo-section .rm-expression-unit .rm-expression strong{font-size:.56rem}}
/* Below the cable-layout breakpoint, show the readable preset mapping cards instead. */
@media(max-width:899px){.routing-demo-section .rm-stage{display:none}.routing-demo-section .rm-detail-bar{border-top:0}.routing-demo-section .rm-assignment{min-width:0;overflow-wrap:anywhere}}

/* Parent site footer rules are intentionally overridden inside this component. */
.routing-demo-section .rm-footer{display:block;margin:0;gap:0;line-height:1.65}
.routing-demo-section .rm-footer p{font-size:inherit;margin:0}
.routing-demo-section .rm-footer strong{font-size:inherit;letter-spacing:normal;font-weight:650;color:#d9edf6}
.routing-demo-section .rm-mobile-navigation{display:none}
.routing-demo-section .rm-mobile-navigation button{border:1px solid #3c5c6e;background:#132734;color:#c5efff;border-radius:5px;padding:9px 12px;font-size:12px}
.routing-demo-section .rm-mobile-navigation span{font-size:10px;color:#91a9b6;text-align:center}
@media(max-width:1000px){.routing-demo-section .rm-intro{gap:35px}}
@media(max-width:899px){.routing-demo-section .rm-mobile-navigation{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:17px 20px;border-bottom:1px solid #283e4c;background:#0c1821}.routing-demo-section .rm-mobile-navigation button{white-space:nowrap}.routing-demo-section .rm-intro{grid-template-columns:1fr;gap:24px}}
@media(max-width:700px){.routing-demo-section{padding-block:64px}.routing-demo-section .rm-example-note{padding:15px 18px}.routing-demo-section .rm-intro{margin-bottom:27px}.routing-demo-section .rm-demo{border-radius:12px}.routing-demo-section .rm-mobile-navigation{padding:13px 16px}.routing-demo-section .rm-mobile-navigation span{display:none}.routing-demo-section .rm-example-heading{padding:17px 18px}.routing-demo-section .rm-presets{gap:6px;padding:8px}.routing-demo-section .rm-presets span{font-size:9px}.routing-demo-section .rm-presets strong{font-size:13px}.routing-demo-section .rm-presets button{padding:11px 10px}.routing-demo-section .rm-presets small{font-size:10px;line-height:1.5}.routing-demo-section .rm-assignment strong{font-size:13px}.routing-demo-section .rm-assignment small{font-size:9px;line-height:1.65}.routing-demo-section .rm-tour>span{font-size:10px}}
@media(prefers-reduced-motion:reduce){.routing-demo-section *,.routing-demo-section *:before,.routing-demo-section *:after{transition:none!important}.routing-demo-section .rm-route{animation:none}}

.routing-demo-section{background:#0c1216}.routing-demo-section .rm-demo{box-shadow:none;border-radius:5px}.routing-demo-section .rm-intro h2{font-size:clamp(35px,4.4vw,58px)}.routing-demo-section .rm-midi-name{font-size:9px!important;letter-spacing:.06em;color:#a9bfcd;display:inline}.routing-demo-section .rm-presets button{border-radius:3px}.routing-demo-section .rm-presets button:hover{background:#1c2932}.routing-demo-section .rm-footer{border-radius:0}.routing-demo-section .rm-app.rm-neurig h3{display:flex;align-items:center;gap:5px}