: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}html.entry-gate-on,html.entry-gate-on body,html.rotate-gate-on,html.rotate-gate-on body{background:#fff;overflow:hidden}.entry-gate,.rotate-gate{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:32px 24px;background:#fff;color:#1d2027;text-align:center}.entry-gate{z-index:90}.entry-gate[hidden],.rotate-gate[hidden]{display:none}.gate-logo{margin:0;color:#000;font-family:Bebas Neue,DIN Condensed,Bahnschrift,sans-serif;font-size:72px;font-weight:400;line-height:.85;letter-spacing:-.02em}.welcome-card .welcome-logo{margin:0 0 12px;color:#000;font-family:Bebas Neue,DIN Condensed,Bahnschrift,sans-serif;font-size:56px;font-weight:400;line-height:.85;letter-spacing:-.02em}.entry-title,.rotate-title{margin:0;max-width:18em;font-size:18px;font-weight:400;line-height:1.35}.entry-note{margin:0;max-width:26em;color:#4a4d54;font-size:13px;line-height:1.5}.entry-actions{display:flex;align-items:center;gap:18px;margin-top:8px}#entry-yes{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;border-radius:4px;padding:12px 28px;background:var(--accent);color:#fff;font:inherit;font-size:13px;letter-spacing:.08em;text-transform:uppercase;cursor:pointer}#entry-yes:hover{background:#a01f1f}#entry-no{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;padding:12px 8px;background:none;color:#4a4d54;font:inherit;font-size:13px;letter-spacing:.08em;text-transform:uppercase;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.rotate-icon{width:88px;height:88px;color:#1d2027}.rotate-icon svg{display:block;width:100%;height:100%;transform-origin:50% 55%;animation:rotate-phone 1.8s ease-in-out infinite}@keyframes rotate-phone{0%,18%{transform:rotate(0)}55%,to{transform:rotate(-90deg)}}@media(orientation:landscape){html.rotate-gate-on .rotate-gate{display:none}}.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-mobile-link{display:block;margin-top:0;padding:8px 10px 2px;color:#5d6068;font-size:11px;letter-spacing:.08em;text-transform:uppercase;text-decoration:underline;text-underline-offset:3px}.jump-mobile-link:hover{color:var(--accent)}.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}.rig{position:relative;width:100%}.quicknav{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:6;-webkit-user-select:none;user-select:none;-webkit-touch-callout: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;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.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}html.mobile-ui,html.mobile-ui body{background:#0c0c0e;position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:hidden;overscroll-behavior:none;touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}html.mobile-ui body *{-webkit-user-select:none;user-select:none;-webkit-user-drag:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}html.mobile-ui *::selection{background:transparent}html.mobile-ui *:focus,html.mobile-ui *:focus-visible{outline:none}html.mobile-ui body{min-height:100dvh;background-image:none}html.mobile-ui #app{min-height:100dvh;height:100dvh;grid-template-columns:1fr;grid-template-rows:1fr;align-items:stretch;justify-items:stretch}html.mobile-ui .crosshair{display:none}html.mobile-ui .key-legend{display:none;position:fixed;left:max(8px,env(safe-area-inset-left));bottom:max(8px,env(safe-area-inset-bottom));top:auto;right:auto;width:min(320px,calc(100vw - 16px));max-height:min(48dvh,420px);overflow:auto;margin:0;padding:12px;border-radius:10px;background:#fffffff5;box-shadow:0 8px 28px #00000059;z-index:35;grid-column:auto;grid-row:auto;align-self:auto;justify-self:auto}html.mobile-ui.assist-on .key-legend{display:block}html.mobile-ui .key-brand,html.mobile-ui .key-legend>.jump-title,html.mobile-ui .key-legend-list,html.mobile-ui .key-legend>hr{display:none}html.mobile-ui .jump{display:none;position:fixed;top:max(8px,env(safe-area-inset-top));right:max(8px,env(safe-area-inset-right));left:auto;bottom:auto;width:auto;max-width:none;min-height:0;height:auto;padding:8px 10px;margin:0;grid-column:auto;grid-row:auto;align-self:auto;justify-self:auto;border-radius:10px;background:#fffffff0;box-shadow:0 8px 28px #00000059;z-index:30;gap:0}html.mobile-ui .jump:has(.jump-layer:not([hidden])){display:flex;width:min(340px,calc(100vw - 16px));max-height:min(78dvh,640px);overflow:auto}html.mobile-ui #jump-home>:not(.jump-footer){display:none}html.mobile-ui .jump-layer{max-height:min(70dvh,520px);overflow:auto}html.mobile-ui .jump-footer{margin:0;gap:8px}html.mobile-ui #assist-toggle-hint{display:none}html.mobile-ui .jump-footer .jump-led--inline{margin:0}html.mobile-ui .device{grid-column:1;grid-row:1;width:100%;max-width:none;height:100dvh;margin:0;padding:0;display:flex;align-items:stretch;justify-content:stretch;overflow:hidden}html.mobile-ui .chassis-wrap,html.mobile-ui .device--v1 .chassis-wrap{width:100%;height:100%;max-width:none;max-height:none;margin:0;padding:max(6px,env(safe-area-inset-top)) max(8px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(6px,env(safe-area-inset-left));box-sizing:border-box;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative}html.mobile-ui .rig{display:flex;flex-direction:row;align-items:stretch;width:auto;max-width:100%;height:auto;position:static}.mobile-shortcuts{display:none}html.mobile-ui .mobile-shortcuts{display:flex;position:absolute;flex-direction:row;justify-content:center;align-items:stretch;gap:8px;margin:0;padding:0;z-index:6;box-sizing:border-box}html.mobile-ui .mobile-shortcuts[hidden],html.mobile-ui .mobile-shortcuts button[hidden]{display:none}html.mobile-ui .mobile-shortcuts button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid #3a3a3e;border-radius:4px;background:#161618;color:#fff;font:inherit;font-size:clamp(8px,2.4cqw,11px);letter-spacing:.04em;text-transform:uppercase;line-height:1;text-align:center;padding:0 12px;flex:1 1 0;width:0;max-width:8em;min-width:0;min-height:0;box-sizing:border-box;white-space:nowrap;overflow:hidden}html.mobile-ui .mobile-shortcuts button:disabled{opacity:.38;color:#9a9aa2}html.mobile-ui .quicknav{position:relative;inset:auto;flex:0 0 var(--quicknav-w, 72px);width:var(--quicknav-w, 72px);align-self:stretch;box-sizing:border-box;background:#0c0c0e;border-right:1px solid #6e6e74;overflow:hidden;touch-action:none}html.mobile-ui .voices,html.mobile-ui .voices.on{position:absolute;top:0;right:0;bottom:0;left:0}html.mobile-ui .chassis,html.mobile-ui .device--v1 .chassis{flex:0 0 auto;max-width:none;max-height:none;overflow:hidden;background:#0c0c0e;border-right:1px solid #6e6e74}html.mobile-ui .chassis:before{box-shadow:none}html.mobile-ui .io,html.mobile-ui .io-label,html.mobile-ui .pad-hint,html.mobile-ui .enc-keys,html.mobile-ui .engrave,html.mobile-ui .joints,html.mobile-ui .ledge{display:none!important}html.mobile-ui .panel{left:0;right:0;background:#000;box-shadow:none}html.mobile-ui .box{background:#161618;box-shadow:none}.touch-shelf{display:none}html.mobile-ui .touch-shelf{display:block;position:absolute;left:0;right:0;z-index:2;pointer-events:none;background:#1c1c1f;border-bottom:1px solid rgba(255,255,255,.22);box-shadow:0 1px #0000008c}html.mobile-ui .matrix-bed{box-shadow:none}html.mobile-ui .voice{left:auto;right:var(--voice-gap, 12px);width:var(--voice-d, 22px);height:var(--voice-d, 22px);font-size:calc(var(--voice-d, 22px) * .42);line-height:var(--voice-d, 22px);border-radius:50%;z-index:5;touch-action:none}.quicknav-logo{display:none}html.mobile-ui .quicknav-logo{display:block;position:absolute;margin:0;left:0;right:0;bottom:auto;top:0;width:auto;transform:translateY(-50%) scaleY(.72);transform-origin:center center;color:#fff;font-family:Bebas Neue,DIN Condensed,Bahnschrift,sans-serif;font-size:calc(var(--voice-row, var(--voice-d, 22px)) * 2.8);font-weight:400;line-height:1;letter-spacing:-.02em;text-align:center;pointer-events:auto;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:none;padding:0;z-index:5}.voice-mute{display:none}html.mobile-ui .voice.muted:before{display:none}html.mobile-ui .voice.muted .voice-mute{display:block;position:absolute;right:calc(100% + var(--mute-gap, 4px));top:50%;width:var(--voice-d, 22px);height:var(--voice-d, 22px);transform:translateY(-50%);border-radius:50%;pointer-events:auto;z-index:2;background:#3a3d44 center / 60% 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")}html.mobile-ui .encoder{transform:translate(-50%,-5cqw);gap:0;z-index:4}html.mobile-ui .ring{width:10cqw;height:10cqw}html.mobile-ui .pad[data-touch="1"],html.mobile-ui .pad[data-touch="2"],html.mobile-ui .pad--front{width:2.4cqw;height:2.4cqw;z-index:5}html.mobile-ui .pad>span:first-child{display:none}html.mobile-ui .pad--front{transform:translate(-50%,-50%)}html.mobile-ui .welcome-modal{z-index:40}html.mobile-ui .assist{max-height:40dvh;overflow:auto}@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}.rotate-icon svg{animation:none;transform:rotate(-90deg)}}