:root{color-scheme:light;--bg: #d9dadd;--muted: #4a4d54;--focus: #0b57d0;--accent: #c62828}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:#d5d5d5 url(/filz.png?v=half) repeat;color:#1d2027;font:13px/1.45 ui-monospace,SF Mono,Menlo,Consolas,monospace}#app{min-height:100vh;display:grid;grid-template-columns:minmax(200px,18vw) minmax(0,1fr) min(20%,20vw);grid-template-rows:minmax(100vh,auto);align-items:center}.crosshair{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;opacity:0;grid-column:1 / -1;grid-row:1}.jump{grid-column:3;grid-row:1;align-self:stretch;justify-self:stretch;width:100%;max-width:20vw;background:#fff;color:#1d2027;padding:28px 16px;display:flex;flex-direction:column;gap:4px;z-index:2;min-height:100vh}#jump-home{display:flex;flex-direction:column;gap:4px;flex:1;min-height:0}#jump-home[hidden]{display:none}.jump-title{margin:0 0 12px;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.jump button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;text-align:left;font:inherit;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:#1d2027;padding:8px 10px;border-radius:3px;cursor:pointer}.jump button:hover,.jump button.on{color:var(--accent);background:#f4f4f2}.jump-sub{display:flex;flex-direction:column;margin:0 0 4px 12px}.jump-sub[hidden]{display:none}.jump-sub button{font-size:11px;color:#5d6068;padding:6px 10px}.jump-panel{display:flex;flex-direction:column;gap:8px;margin:0 0 8px;padding:10px;background:#f4f4f2;border-radius:4px}.jump-panel[hidden]{display:none}.jump-layer{display:flex;flex-direction:column;gap:10px;flex:1;min-height:0}.jump-layer[hidden]{display:none}.jump-layer-head{display:flex;flex-direction:column;gap:6px;margin-bottom:4px}.jump-layer-head .jump-title{margin:0}.jump-layer-head button{align-self:flex-start;padding:4px 0;color:var(--muted)}.jump-layer-body{display:flex;flex-direction:column;gap:8px;min-height:0;overflow:auto}.jump-layer-body[hidden]{display:none}.jump-drop{display:flex;align-items:center;justify-content:center;min-height:52px;padding:10px;border:1px dashed #c4c4c8;border-radius:4px;background:#fff;color:#5d6068;font-size:11px;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;text-align:center}.jump-drop.on,.jump-drop:hover{border-color:#ff3b30;color:#ff3b30}.jump-panel-meta{margin:0;font-size:11px;color:#5d6068;line-height:1.35}.jump-panel-row{display:grid;grid-template-columns:1fr 1fr;gap:6px}.jump-panel-row label,.jump-field{display:flex;flex-direction:column;gap:4px;font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.jump-panel-row input,.jump-panel-row select,.jump-field input:not([type=range]){-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid #e4e4e6;border-radius:3px;background:#fff;color:#1d2027;font:inherit;font-size:12px;padding:6px 8px}.jump-field input[type=range]{width:100%;accent-color:#ff3b30;padding:4px 0}.jump-readout{font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:11px;color:#1d2027;letter-spacing:.04em}.jump-panel-check{display:flex;align-items:center;gap:8px;font-size:11px;color:#5d6068;cursor:pointer;text-transform:none;letter-spacing:0}.jump-tracks{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px;max-height:220px;overflow:auto}.jump-tracks li{display:flex;align-items:center;gap:8px;padding:6px 8px;background:#fff;border-radius:3px;font-size:11px;color:#1d2027;cursor:grab;border:1px solid transparent}.jump-tracks li.dim{opacity:.45}.jump-tracks li.dragging{opacity:.35}.jump-tracks .grip{width:8px;height:12px;flex:0 0 auto;background:radial-gradient(circle,#b0b0b6 1.1px,transparent 1.2px) 0 0 / 4px 4px,radial-gradient(circle,#b0b0b6 1.1px,transparent 1.2px) 4px 0 / 4px 4px;opacity:.9}.jump-tracks .name{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.jump-tracks .swatch{width:8px;height:8px;border-radius:50%;flex:0 0 auto}.jump-tracks .voice-badge{flex:0 0 auto;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:9px;letter-spacing:.04em;padding:2px 5px;border-radius:3px;background:#1d2027;color:#fff}.jump-tracks .voice-badge.skip{background:#e8e0b8;color:#6a5a10}.jump-tracks .count{margin-left:0;color:var(--muted);flex:0 0 auto}.jump-panel-meta.muted{color:var(--muted)}.sd-toolbar{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-bottom:8px}.sd-toolbar .jump-panel-reset{width:auto!important;padding:6px 10px!important}.sd-actions{display:flex;flex-direction:column;gap:4px;margin-bottom:8px}.sd-crumbs{display:flex;flex-wrap:wrap;gap:2px 4px;align-items:center;font-size:11px;margin-bottom:6px;color:var(--muted)}.sd-crumbs button{background:none;border:0;padding:0;color:#5d6068;font:inherit;cursor:pointer}.sd-crumbs button:hover{color:#ff3b30}.sd-crumbs .sep{color:#c4c4c8}.sd-list{list-style:none;margin:0 0 8px;padding:0;max-height:240px;overflow:auto;border:1px solid #e4e4e6;border-radius:3px;background:#fff}.sd-row{display:grid;grid-template-columns:36px minmax(0,1fr) 56px;gap:6px;align-items:center;padding:6px 8px;font-size:11px;color:#1d2027;border-bottom:1px solid #f0f0f2;cursor:pointer}.sd-row:last-child{border-bottom:0}.sd-row:hover{background:#f7f7f8}.sd-row.selected{background:#fff5f4}.sd-row.dim{opacity:.5;cursor:default}.sd-kind{font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:9px;letter-spacing:.04em;color:var(--muted)}.sd-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sd-size{text-align:right;color:var(--muted);font-variant-numeric:tabular-nums}.jump-drop.dim{opacity:.45;pointer-events:none}.jump-panel-reset{background:#fff!important;border:1px solid #e4e4e6!important;color:#1d2027!important;text-align:center!important}.jump-panel-reset:hover{border-color:#ff3b30!important;color:#ff3b30!important;background:#fff!important}.jump-panel-err{margin:0;font-size:11px;color:#ff3b30}.jump hr{border:0;border-top:1px solid #e4e4e6;margin:12px 0;width:100%}.key-legend{grid-column:1;grid-row:1;align-self:stretch;justify-self:stretch;width:100%;max-width:18vw;min-height:100vh;margin:0;padding:28px 16px;color:#1d2027;background:#ececee;z-index:2;display:flex;flex-direction:column;gap:8px;box-sizing:border-box;overflow:auto}.key-legend hr{border:0;border-top:1px solid #d0d0d4;margin:8px 0 0;width:100%;flex:0 0 auto}.key-brand{margin:0 0 8px;padding:0 0 12px;border-bottom:1px solid #d0d0d4}.key-brand-logo{margin:0;color:#000;font-family:Bebas Neue,DIN Condensed,Bahnschrift,sans-serif;font-size:42px;font-weight:400;line-height:.9;letter-spacing:.02em}.key-brand-sub{margin:6px 0 0;color:#3a3d44;font-size:11px;letter-spacing:.08em;text-transform:uppercase}.key-brand-what{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:10px 0 0;padding:0;border:0;background:none;color:var(--accent);font:inherit;font-size:11px;letter-spacing:.06em;text-transform:uppercase;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.key-brand-what:hover{color:#8b0000}.welcome-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:grid;place-items:center;padding:24px;background:#14161a8c;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.welcome-modal[hidden]{display:none}.welcome-card{width:min(440px,100%);padding:28px 28px 24px;background:#fff;color:#1d2027;border-radius:6px;box-shadow:0 18px 48px #00000059}.welcome-kicker{margin:0 0 6px;color:var(--muted);font-size:11px;letter-spacing:.12em;text-transform:uppercase}.welcome-title{margin:0 0 14px;font-family:Bebas Neue,DIN Condensed,Bahnschrift,sans-serif;font-size:36px;font-weight:400;letter-spacing:.02em;line-height:1}.welcome-card p{margin:0 0 12px;font-size:13px;line-height:1.5;color:#2a2d34}.welcome-actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px 18px;margin-top:18px}.welcome-dismiss{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;border-radius:4px;padding:10px 18px;background:var(--accent);color:#fff;font:inherit;font-size:12px;letter-spacing:.08em;text-transform:uppercase;cursor:pointer}.welcome-dismiss:hover{background:#a01f1f}.welcome-remember{display:inline-flex;align-items:center;gap:8px;color:var(--muted);font-size:11px;letter-spacing:.02em;cursor:pointer}.welcome-remember input{width:14px;height:14px;accent-color:var(--accent)}.key-legend-list{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:1fr;gap:8px;font-size:11px;letter-spacing:.03em;text-transform:uppercase}.key-legend-list kbd{color:#c62828;font:inherit}.key-legend-note{text-transform:none;letter-spacing:0;color:var(--muted);margin:4px 0;line-height:1.4}.status{margin:0 0 8px;padding:6px 8px;background:#1d2027;color:#fff;font-size:11px;letter-spacing:.04em;text-transform:uppercase}.jump-help{margin:0;color:#1d2027;font-size:12px;line-height:1.45;letter-spacing:0;text-transform:none}.jump-led{margin-top:0;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 10px 4px;color:#5d6068;font-size:11px;letter-spacing:.08em;text-transform:uppercase;cursor:pointer}.jump-footer{margin-top:auto;display:flex;flex-direction:column;gap:2px;padding-top:12px}.jump-led--inline{margin-top:0;padding:8px 10px 2px}.jump-led-opts{display:flex;flex-direction:column;gap:10px;padding:4px 10px 8px}.jump-led-opts[hidden]{display:none}.jump-led-opts label{display:grid;gap:2px;color:#1d2027;font-size:11px;letter-spacing:.04em;text-transform:uppercase}.jump-led-opts label span{color:var(--muted);letter-spacing:.02em;text-transform:none}.jump-led-opts output{color:#ff3b30;font:inherit}.jump-led-curve{margin-bottom:6px;padding-bottom:8px;border-bottom:1px solid #e4e4e6;color:#ff3b30}.jump-led-base,.jump-led-cap{margin-top:6px;padding-top:8px;border-top:1px solid #e4e4e6}.jump-led-opts input[type=range]{width:100%;accent-color:#ff3b30}.jump-led input{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:34px;height:18px;border-radius:9px;background:#d5d5d8;position:relative;cursor:pointer;flex:0 0 auto}.jump-led input:after{content:"";position:absolute;top:2px;left:2px;width:14px;height:14px;border-radius:50%;background:#fff;box-shadow:0 1px 2px #00000040}.jump-led input:checked{background:#ff3b30}.jump-led input:checked:after{left:18px}.device{grid-column:2;grid-row:1;position:relative;z-index:1;justify-self:center;width:min(1060px,100%);margin:0;padding:20px 150px;overflow:visible}.device--v1 .chassis-wrap{width:95%;margin-inline:auto}.crosshair.on{opacity:1}.crosshair-x,.crosshair-y{position:absolute;background:#ff3b308c}.crosshair-x{left:0;right:0;height:2px;top:var(--cy, -2px);transform:translateY(-1px)}.crosshair-y{top:0;bottom:0;width:2px;left:var(--cx, -2px);transform:translate(-1px)}.chassis-wrap{padding:0 12px 48px;overflow:visible}.soon{position:absolute;z-index:4;left:50%;top:22%;width:34%;aspect-ratio:1;margin:0;transform:translate(-50%,-50%) rotate(-14deg);display:grid;place-items:center;padding:12%;border-radius:50%;background:#e10600;color:#fff;font-family:Bebas Neue,sans-serif;font-size:7cqw;font-weight:400;line-height:.85;letter-spacing:.04em;text-align:center;text-transform:lowercase;pointer-events:none;box-shadow:0 10px 22px #00000059}.soon[hidden]{display:none}.chassis{position:relative;width:100%;aspect-ratio:480 / 440;container-type:inline-size}.chassis:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;box-shadow:0 10px 14px #0000008c,0 28px 40px #00000073;pointer-events:none}.panel{position:absolute;left:0;right:0;top:0;background:linear-gradient(180deg,#0d0d0f,#08080a);box-shadow:0 0 0 .15cqw #1b1b1e inset,.4cqw 1.2cqw 2.4cqw #00000073}.box{position:absolute;left:0;right:0;bottom:0;background:linear-gradient(180deg,#ffffff09,#fff0 30%),#232325;box-shadow:0 -.5cqw 1.4cqw #0000008c,.6cqw 1.6cqw 2.8cqw #00000073,0 0 0 .12cqw #2e2e31 inset}.ledge{position:absolute;left:0;right:0;top:0;height:7.5cqw;background:linear-gradient(180deg,#2a2a2d,#1f1f21 55%,#151517);box-shadow:0 .35cqw .6cqw #0000008c}.joints{position:absolute;--seam: rgba(0, 0, 0, .75);--lit: rgba(255, 255, 255, .05);pointer-events:none}.joints--l,.joints--r{top:0;bottom:0;width:.7cqw;background:repeating-linear-gradient(180deg,transparent 0 5.8cqw,var(--seam) 5.8cqw 5.95cqw,transparent 5.95cqw 10.8cqw,var(--seam) 10.8cqw 10.95cqw)}.joints--l{left:0;border-right:.12cqw solid var(--seam);box-shadow:.12cqw 0 0 var(--lit)}.joints--r{right:0;border-left:.12cqw solid var(--seam);box-shadow:-.12cqw 0 0 var(--lit)}.joints--b{left:0;right:0;bottom:0;height:.7cqw;border-top:.12cqw solid var(--seam);background:repeating-linear-gradient(90deg,transparent 0 8.8cqw,var(--seam) 8.8cqw 8.95cqw,transparent 8.95cqw 16.8cqw,var(--seam) 16.8cqw 16.95cqw)}.engrave{position:absolute;left:15.625%;bottom:2.4cqw;transform:translate(-50%);font:800 7.6cqw/1 DIN Condensed,Bahnschrift,Arial Narrow,sans-serif;letter-spacing:-1px;padding-left:.6cqw;color:#d8d8d4d9;text-shadow:0 -.1cqw 0 rgba(0,0,0,.7);-webkit-user-select:none;user-select:none;pointer-events:none}.matrix-bed{position:absolute;background:#000}canvas{display:block;width:100%;height:100%;background:#000;cursor:crosshair;touch-action:none}.voices{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;display:none}.voices.on{display:block}.midi-assign{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;display:none;z-index:4}.midi-assign.on{display:block}.midi-slot{position:absolute;left:calc(100% + 10px);transform:translateY(-50%);display:flex;align-items:center;gap:6px;min-width:88px;max-width:150px;height:22px;padding:0 8px 0 4px;border:1px dashed #6a6d76;border-radius:5px;background:#2c2e34;color:#c4c6cc;font:inherit;font-size:10px;font-weight:600;letter-spacing:.02em;cursor:copy;pointer-events:auto;text-align:left}.midi-slot.filled{border-style:solid;border-color:transparent;background:var(--c);color:#000}.midi-slot.drag-over{border-color:#ff3b30;border-style:solid;box-shadow:0 0 0 2px #ff3b3059}.midi-slot-ch{flex:0 0 auto;min-width:16px;height:16px;padding:0 3px;border-radius:3px;display:grid;place-items:center;background:#00000038;font-size:9px;font-weight:700}.midi-slot.empty .midi-slot-ch{background:#ffffff14;color:var(--c)}.midi-slot-name{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.voice{position:absolute;left:-64px;transform:translateY(-50%);width:36px;height:18px;border:0;border-radius:5px;background:#2c2e34;color:var(--c);font:inherit;font-size:11px;font-weight:700;cursor:pointer;padding:0;pointer-events:auto}.voice.muted:before{content:"";position:absolute;right:calc(100% + 6px);top:50%;width:26px;height:26px;transform:translateY(-50%);border-radius:5px;background:#3a3d44 center / 18px 18px no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23fff' d='M2 6h2.2L8 3.2v9.6L4.2 10H2V6z'/%3E%3Cpath stroke='%23fff' stroke-width='1.6' stroke-linecap='round' d='M11 6.2l3.6 3.6M14.6 6.2L11 9.8'/%3E%3C/svg%3E")}.voice.on{background:var(--c);color:#000;text-shadow:none}.pad{position:absolute;transform:translate(-50%,-50%);width:5cqw;height:5cqw;border-radius:50%;border:0;background:radial-gradient(circle at 42% 35%,#161618,#080808 55%,#000);color:#a8a8ae;font:inherit;font-size:1.4cqw;line-height:1;cursor:pointer;padding:0;box-shadow:0 0 0 .35cqw #8e8e96,0 .25cqw .5cqw #000000b3}.pad[data-touch="1"],.pad[data-touch="2"]{background:radial-gradient(circle at 40% 32%,#2c2c30,#141416 46%,#050505);box-shadow:inset 0 .16cqw .22cqw #ffffff38,inset 0 -.22cqw .32cqw #000000d9,0 0 0 .32cqw #4a4a52,0 -.08cqw 0 .32cqw #ffffff47,0 .22cqw 0 .32cqw #141416,0 .7cqw 1.3cqw #00000080}.pad[data-touch="1"].on,.pad[data-touch="2"].on{box-shadow:inset 0 .22cqw .4cqw #000c,0 0 0 .32cqw #3e3e44,0 .2cqw .45cqw #0006}.pad span{pointer-events:none}.pad>span:first-child{opacity:0}.pad:hover>span:first-child,.pad:focus-visible>span:first-child{opacity:1}.pad-hint{opacity:0;position:absolute;z-index:6;pointer-events:none}.pad:hover .pad-hint,.pad:focus-visible .pad-hint{opacity:1}.pad-hint--r{left:calc(100% + 10px);right:auto;top:50%;transform:translateY(-50%)}.pad-hint--l{right:calc(100% + 10px);left:auto;top:50%;transform:translateY(-50%)}.pad--front{top:100%;width:4.2cqw;height:4.2cqw;transform:translate(-50%,.9cqw);font-size:1.2cqw}.pad--front .io-label{left:50%;top:calc(100% + 8px);transform:translate(-50%)}.pad.on{background:radial-gradient(circle at 50% 50%,#55555a,#2a2a2d 70%);color:#f0f0f4}.encoder{position:absolute;transform:translate(-50%,-6.417cqw);display:grid;justify-items:center;gap:1.3cqw;cursor:grab;touch-action:none}.ring{--enc: #000;position:relative;width:12.834cqw;height:12.834cqw;border-radius:50%;background:radial-gradient(circle,var(--enc) 0 60%,#070708 64%,#111113 100%);box-shadow:0 0 1.6cqw .3cqw color-mix(in srgb,var(--enc) 20%,transparent),.5cqw 1.1cqw 1.6cqw #0009;cursor:pointer;transition:transform 70ms ease-out,box-shadow 70ms ease-out}.encoder.pressed .ring{transform:scale(.9);box-shadow:0 0 1.6cqw .45cqw #ffffffe6,.5cqw 1.1cqw 1.6cqw #0009}.cap{position:absolute;top:1.1cqw;right:1.1cqw;bottom:1.1cqw;left:1.1cqw;border-radius:50%;pointer-events:none}.enc-keys{position:absolute;top:2.3cqw;right:2.3cqw;bottom:2.3cqw;left:2.3cqw;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.15cqw;color:#b7b7bc;font:700 1.35cqw/1.05 ui-monospace,SF Mono,Menlo,Consolas,monospace;letter-spacing:0;pointer-events:none;-webkit-user-select:none;user-select:none;opacity:0}.encoder:hover .enc-keys,.encoder:focus-within .enc-keys,.encoder.pressed .enc-keys{opacity:1}.enc-break{height:1.05em}.cap:before,.cap:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%}.cap:after{box-shadow:0 0 #fff inset,0 0 0 .5cqw #2d2d2d inset,-.25cqw -.35cqw #ffffff14 inset}.cap:before{background:radial-gradient(ellipse 34% 22% at 50% 24%,rgba(255,255,255,.1),transparent 70%),conic-gradient(from -40deg,rgba(255,255,255,.07),transparent 25% 75%,rgba(255,255,255,.07)),radial-gradient(circle at 50% 50%,#18181a 0%,#19191c 22%,#1d1d20 44%,#1b1b1e 52%,#121214 58%,#121214 70%,transparent 71%),repeating-conic-gradient(from 0deg,#2a2a2d,#2a2a2d 3deg,#0e0e10 3deg,#0e0e10 6deg);transform:rotate(var(--turn, 0deg));transition:transform 80ms linear}.io{position:absolute;--len: 4.2cqw;--stub: 1.1cqw;background:linear-gradient(90deg,#6c6c70,#b4b4b8 45%,#58585c);box-shadow:0 .2cqw .4cqw #00000073;overflow:visible;cursor:pointer}.io--l,.io--r{width:var(--stub);height:var(--len);transform:translateY(-50%);background:linear-gradient(180deg,#6c6c70,#b4b4b8 45%,#58585c)}.io--l{margin-left:calc(var(--stub) * -1);border-radius:.3cqw 0 0 .3cqw}.io--r{border-radius:0 .3cqw .3cqw 0}.io--front{width:var(--len);height:var(--stub);transform:translate(-50%);border-radius:0 0 .3cqw .3cqw}.io--mini{--len: 3cqw}.io--usb{--len: 6.2cqw;background:#1a1a1c}.io--mic{--len: 2.2cqw;--stub: .5cqw;background:#0d0d0e}.io--switch{--len: 3.2cqw;background:linear-gradient(180deg,#2a2a2d 0,#2a2a2d 50%,#0e0e10 50%)}.io-label{position:absolute;z-index:6;white-space:nowrap;color:#6f7076;background:#ffffffb8;border-radius:3px;padding:2px 6px;font-size:8.8px;letter-spacing:.04em;text-transform:uppercase;pointer-events:none;box-shadow:0 1px 2px #0000001f}.io:hover .io-label,.pad--front:hover .io-label,.pad:hover .pad-hint,.pad:focus-visible .pad-hint{color:#ff3b30;background:#ffffffeb}.io--l .io-label{right:calc(100% + 10px);left:auto;top:50%;transform:translateY(-50%)}.io--r .io-label{left:calc(100% + 10px);right:auto;top:50%;transform:translateY(-50%)}.io--front .io-label{left:50%;right:auto;top:calc(100% + 8px);transform:translate(-50%);width:max-content;max-width:18cqw;white-space:normal;text-align:center;line-height:1.25}.skip-link{position:absolute;left:12px;top:12px;z-index:100;padding:8px 12px;background:#fff;color:#1d2027;border:2px solid var(--focus);border-radius:4px;font-weight:700;text-decoration:none;transform:translateY(-200%)}html:not(.assist-on) .skip-link{display:none}.skip-link:focus{transform:translateY(0);outline:3px solid var(--focus);outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}:focus-visible{outline:none}html.assist-on :focus-visible{outline:3px solid var(--focus);outline-offset:2px}html.assist-on .jump button:focus-visible,html.assist-on .voice:focus-visible,html.assist-on .pad:focus-visible,html.assist-on .midi-slot:focus-visible,html.assist-on .sd-row:focus-visible,html.assist-on .assist-note:focus-visible{outline:3px solid var(--focus);outline-offset:2px}html.assist-on #matrix:focus-visible,html.assist-on #matrix.device-focused:focus{outline:3px solid var(--focus);outline-offset:4px}#matrix:focus,#matrix:focus-visible,#matrix.device-focused:focus{outline:none}.jump-title{color:#2a2d34}.jump-panel-meta.muted,.key-legend,.sd-crumbs,.sd-kind,.sd-size,.jump-tracks .count{color:var(--muted)}.jump button.on,.jump button[aria-pressed=true]{font-weight:700;text-decoration:underline;text-underline-offset:3px}.assist{display:flex;flex-direction:column;gap:6px;margin:0;padding:4px 0 8px;border:0;min-height:0;flex:1 1 auto}.assist[hidden]{display:none}.key-legend .assist-transport button,.key-legend .assist-voices button,.key-legend .assist-note{background:#ffffff8c}#assist-toggle-hint{margin:-2px 0 4px;font-size:10px;line-height:1.35;text-transform:none;letter-spacing:0}.assist-live{margin:0;min-height:1.2em;font-size:12px;color:#1d2027}.assist-cursor,.assist-menu{margin:0;font-size:11px;color:#1d2027}.assist-heading{margin:6px 0 0;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-weight:700}.assist-transport,.assist-voices{display:flex;flex-wrap:wrap;gap:4px}.assist-transport button,.assist-voices button{flex:1 1 auto;min-width:4.5em}.assist-notes{list-style:none;margin:0;padding:0;max-height:160px;overflow:auto;border:1px solid #e4e4e6;border-radius:3px;background:#fff}.assist-notes li{margin:0}.assist-note{display:block;width:100%;text-align:left;border:0;border-bottom:1px solid #f0f0f2;border-radius:0;background:#fff;padding:6px 8px;font:inherit;font-size:11px;color:#1d2027;cursor:pointer}.assist-note:hover{background:#f7f7f8}.assist-empty{padding:8px;font-size:11px;color:var(--muted)}.track-assign{display:flex;flex:0 0 auto}.track-assign select{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto;max-width:88px;font-size:10px;padding:2px 4px;border:1px solid #e4e4e6;border-radius:3px;background:#fff;color:#1d2027}.sd-list{display:flex;flex-direction:column}.sd-row{width:100%;border:0;background:#fff;cursor:pointer;font:inherit;text-align:left}.sd-row.selected{background:#fff5f4;font-weight:700}html.a11y-contrast .jump{font-size:15px}html.a11y-contrast .jump-help,html.a11y-contrast .status,html.a11y-contrast .assist-live,html.a11y-contrast .assist-cursor,html.a11y-contrast .key-legend{font-size:14px;line-height:1.5;background:#fff;color:#000}html.a11y-contrast .key-legend-list kbd{color:#8b0000;font-weight:700}html.a11y-contrast .jump-title{color:#000}html.a11y-contrast body{background:#c8c8c8}@media(prefers-reduced-motion:reduce){.ring,.cap,.pad,.voice,.jump button,.encoder{transition:none!important}.crosshair{display:none!important}.encoder.pressed .ring{transform:none!important}}