.stage[data-v-833275c5]{container-type:inline-size;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;height:100%;overflow-y:auto;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%}.device[data-v-833275c5]{background:#1c1d21;color:#e7e8ec;display:flex;flex-direction:column;gap:22px;justify-content:safe center;min-height:100%;padding:28px 32px;width:100%}.device[data-v-833275c5]>*{margin:0 auto;max-width:1180px;width:100%}:where(.device button[data-v-833275c5],.m-device button[data-v-833275c5]){background:none;border:0;color:inherit;cursor:pointer;font:inherit;margin:0;padding:0}.top[data-v-833275c5]{align-items:center;gap:12px;justify-content:space-between}.badge[data-v-833275c5],.top[data-v-833275c5]{display:flex}.badge[data-v-833275c5]{align-items:baseline;gap:10px}.badge b[data-v-833275c5]{background:#e7e8ec;border-radius:5px;color:#1c1d21;font:700 13px/1 ui-monospace,SF Mono,Menlo,monospace;letter-spacing:.08em;padding:5px 7px}.badge span[data-v-833275c5]{color:#9a9caa;font-size:15px;font-weight:600}.transport[data-v-833275c5]{align-items:center;display:flex;gap:6px}.pad[data-v-833275c5],.play[data-v-833275c5]{background:#2a2c32;border-radius:9px;box-shadow:inset 0 -2px #00000059,inset 0 1px #ffffff0d;color:#b9bbc6;font:600 13px/1 ui-monospace,SF Mono,Menlo,monospace;height:34px;transition:transform .06s ease,background-color .12s ease,color .12s ease}.pad[data-v-833275c5]{width:34px}.pad.on[data-v-833275c5]{background:#e7e8ec;color:#1c1d21}.play[data-v-833275c5]{align-items:center;background:#ff5d5d;color:#1c1d21;display:inline-flex;gap:6px;margin-left:6px;padding:0 14px 0 10px}.play.on[data-v-833275c5]{background:#3ddc97}.play svg[data-v-833275c5]{height:16px;width:16px}.key[data-v-833275c5]:active,.mute[data-v-833275c5]:active,.pad[data-v-833275c5]:active,.play[data-v-833275c5]:active{transform:translateY(1px)}.console[data-v-833275c5]{align-items:stretch;display:grid;gap:18px;grid-template-columns:minmax(0,1fr) auto}.lcd[data-v-833275c5]{background:#0f1714;border-radius:12px;box-shadow:inset 0 2px 8px #0009;color:#8ff0c2;flex-direction:column;font:500 12px/1 ui-monospace,SF Mono,Menlo,monospace;gap:10px;letter-spacing:.06em;padding:12px 14px}.lcd[data-v-833275c5],.lcd-row[data-v-833275c5]{display:flex;justify-content:space-between}.lcd-row[data-v-833275c5]{opacity:.85}.lcd-main[data-v-833275c5]{align-items:stretch;display:flex;gap:16px;height:64px}.meters[data-v-833275c5]{gap:4px}.meter[data-v-833275c5],.meters[data-v-833275c5]{align-items:flex-end;display:flex}.meter[data-v-833275c5]{background:#8ff0c214;border-radius:2px;height:100%;overflow:hidden;width:8px}.meter i[data-v-833275c5]{transition:height .04s linear;width:100%}.map[data-v-833275c5]{display:flex;flex:1;flex-direction:column;justify-content:space-between;min-width:0}.map-row[data-v-833275c5]{display:grid;gap:3px;grid-template-columns:repeat(16,1fr)}.map-row i[data-v-833275c5]{background:#8ff0c21a;border-radius:1px;height:7px}.map-row i.head[data-v-833275c5]{outline:1px solid rgba(143,240,194,.7)}.knobs[data-v-833275c5]{background:#24262b;border-radius:12px;display:flex;gap:14px;padding:10px 14px}.knob[data-v-833275c5]{align-items:center;cursor:ns-resize;display:flex;flex-direction:column;gap:5px;outline:none;touch-action:none;width:64px}.dial[data-v-833275c5]{background:#3a3c43;border-radius:50%;box-shadow:inset 0 2px #ffffff14,0 3px 6px #00000073;height:46px;position:relative;transform:rotate(var(--turn));width:46px}.dial i[data-v-833275c5]{background:#e7e8ec;border-radius:2px;height:13px;left:50%;margin-left:-1.5px;position:absolute;top:5px;width:3px}.knob:focus-visible .dial[data-v-833275c5]{outline:2px solid #2ec5ff;outline-offset:3px}.knob b[data-v-833275c5]{font:600 13px/1 ui-monospace,SF Mono,Menlo,monospace;font-variant-numeric:tabular-nums}.knob small[data-v-833275c5]{color:#8a8c99;font-size:11px}.seq[data-v-833275c5]{display:flex;flex:1 1 auto;flex-direction:column;gap:7px;max-height:440px;min-height:0}.keys[data-v-833275c5],.ruler[data-v-833275c5]{display:grid;gap:5px;grid-template-columns:repeat(16,minmax(0,1fr))}.ruler[data-v-833275c5]{height:6px;margin-left:112px}.ruler span[data-v-833275c5]{background:#2a2c32;border-radius:3px}.ruler span.beat[data-v-833275c5]{background:#3a3c43}.ruler span.head[data-v-833275c5]{background:#e7e8ec}.track[data-v-833275c5]{display:grid;flex:1 1 auto;gap:8px;grid-template-columns:104px minmax(0,1fr);max-height:64px;min-height:34px}.mute[data-v-833275c5]{align-items:center;border-radius:8px;color:#c9cbd4;display:flex;font-size:12.5px;font-weight:600;gap:8px;height:100%;padding:0 8px;text-align:left}.mute i[data-v-833275c5]{background:var(--c);border-radius:50%;flex:none;height:9px;width:9px}.track.muted .mute[data-v-833275c5]{color:#5d5f6b}.track.muted .mute i[data-v-833275c5]{background:transparent;box-shadow:inset 0 0 0 1.5px #5d5f6b}.key[data-v-833275c5]{background:#2a2c32;border-radius:7px;box-shadow:inset 0 -2px #00000059,inset 0 1px #ffffff0a;height:100%;position:relative;transition:transform .06s ease,background-color .12s ease}.key.group[data-v-833275c5]{background:#313339}.key i[data-v-833275c5]{background:#ffffff1a;border-radius:50%;height:6px;left:50%;margin-left:-3px;position:absolute;top:6px;width:6px}.key.on[data-v-833275c5]{background:var(--c);box-shadow:inset 0 -2px #00000040}.key.on i[data-v-833275c5]{background:#ffffffd9}.key.head[data-v-833275c5]{box-shadow:inset 0 0 0 2px #e7e8ec}.track.muted .key.on[data-v-833275c5]{opacity:.35}.m-device[data-v-833275c5]{background:radial-gradient(120% 80% at 50% 0,#23252e 0,#15161b 70%);color:#e7e8ec;container-type:size;height:100%;overflow-y:auto}.m-body[data-v-833275c5]{flex-direction:column;justify-content:safe center;min-height:100%;padding:14px}.m-body[data-v-833275c5],.m-top[data-v-833275c5]{display:flex;gap:12px}.m-top[data-v-833275c5]{align-items:center;justify-content:space-between}.m-title[data-v-833275c5]{display:flex;flex-direction:column;gap:4px;min-width:0}.m-title b[data-v-833275c5]{font:800 17px/1 ui-monospace,SF Mono,Menlo,monospace;letter-spacing:.06em}.m-title span[data-v-833275c5]{color:#8ff0c2;font:600 10.5px/1 ui-monospace,SF Mono,Menlo,monospace;letter-spacing:.08em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.m-play[data-v-833275c5]{background:#ff5d5d;border-radius:50%;box-shadow:0 6px 18px -6px #ff5d5db3,inset 0 -3px #0003;color:#15161b;display:grid;flex:none;height:46px;place-items:center;transition:transform .08s ease,background-color .15s ease,box-shadow .15s ease;width:46px}.m-play.on[data-v-833275c5]{background:#3ddc97;box-shadow:0 0 0 6px #3ddc9726,0 6px 18px -6px #3ddc97b3,inset 0 -3px #0003}.m-play svg[data-v-833275c5]{height:20px;width:20px}.m-patterns[data-v-833275c5]{background:#00000059;border-radius:12px;display:grid;gap:4px;grid-template-columns:repeat(4,1fr);padding:4px}.m-patterns button[data-v-833275c5]{border-radius:8px;color:#8a8c98;font:700 13px/1 ui-monospace,SF Mono,Menlo,monospace;height:30px;transition:background-color .12s ease,color .12s ease}.m-patterns button.on[data-v-833275c5]{background:#e7e8ec;color:#15161b}.m-tracks[data-v-833275c5]{display:grid;gap:6px;grid-template-columns:repeat(3,minmax(0,1fr))}.m-chip[data-v-833275c5]{align-items:center;background:#24262d;border-radius:999px;color:#c9cbd4;display:flex;font-size:12px;font-weight:600;gap:7px;height:30px;overflow:hidden;padding:0 10px;position:relative;transition:background-color .12s ease,color .12s ease;white-space:nowrap}.m-chip[data-v-833275c5]:after{background:linear-gradient(to top,color-mix(in srgb,var(--c) 35%,transparent),transparent);content:"";height:var(--lvl);inset:auto 0 0;pointer-events:none;position:absolute}.m-chip i[data-v-833275c5]{background:var(--c);border-radius:50%;flex:none;height:8px;width:8px}.m-chip.sel[data-v-833275c5]{background:color-mix(in srgb,var(--c) 22%,#24262d);box-shadow:inset 0 0 0 1.5px var(--c);color:#fff}.m-chip.muted[data-v-833275c5]{color:#5d5f6b}.m-chip.muted i[data-v-833275c5]{background:transparent;box-shadow:inset 0 0 0 1.5px #5d5f6b}.m-pads[data-v-833275c5]{display:grid;gap:6px;grid-template-columns:repeat(8,minmax(0,1fr))}.m-pad[data-v-833275c5]{aspect-ratio:1;background:#24262d;border-radius:9px;box-shadow:inset 0 -2px #00000059,inset 0 1px #ffffff0a;transition:transform .06s ease,background-color .12s ease,box-shadow .12s ease}.m-pad.beat[data-v-833275c5]{background:#2d3038}.m-pad.on[data-v-833275c5]{background:var(--c);box-shadow:0 0 14px -2px color-mix(in srgb,var(--c) 70%,transparent),inset 0 -2px #00000040}.m-pad.on.muted[data-v-833275c5]{box-shadow:none;opacity:.35}.m-pad.head[data-v-833275c5]{outline:2px solid #fff;outline-offset:1px}.m-pad[data-v-833275c5]:active{transform:scale(.94)}.m-map[data-v-833275c5]{background:#0000004d;border-radius:12px;display:flex;flex-direction:column;gap:3px;padding:10px}.m-map span[data-v-833275c5]{display:grid;gap:2px;grid-template-columns:repeat(16,1fr);opacity:.55}.m-map span.sel[data-v-833275c5]{opacity:1}.m-map i[data-v-833275c5]{background:#2a2c32;border-radius:1px;height:5px}.m-map i.head[data-v-833275c5]{box-shadow:0 0 0 1px #fff9}@container (max-height: 330px){.m-map[data-v-833275c5]{display:none}}.scaled-canvas[data-v-5d479e13]{aspect-ratio:var(--sc-r)}.scaled-canvas-inner[data-v-5d479e13]{height:var(--sc-h);width:var(--sc-w)}@media(min-width:768px){.scaled-canvas[data-v-5d479e13]{aspect-ratio:var(--sc-r-md)}.scaled-canvas-inner[data-v-5d479e13]{height:var(--sc-h-md);width:var(--sc-w-md)}}@media(min-width:1024px){.scaled-canvas[data-v-5d479e13]{aspect-ratio:var(--sc-r-lg)}.scaled-canvas-inner[data-v-5d479e13]{height:var(--sc-h-lg);width:var(--sc-w-lg)}}@media(min-width:768px){.scaled-canvas.fill-height[data-v-5d479e13]{aspect-ratio:auto;height:100%}.fill-height .scaled-canvas-inner[data-v-5d479e13]{height:var(--sc-fill-h,100%)}}@media(prefers-reduced-motion:no-preference){.ds-skeleton[data-v-d2696df1]{animation:ds-skeleton-sweep-d2696df1 1.6s var(--ease-in-out) infinite;background-image:linear-gradient(100deg,transparent 20%,rgb(var(--lift-bg)/.55) 50%,transparent 80%);background-repeat:no-repeat;background-size:220% 100%}}@keyframes ds-skeleton-sweep-d2696df1{0%{background-position:120% 0}to{background-position:-120% 0}}@media(min-width:1024px){.demo-bleed[data-v-ee1cc859]{margin-inline:calc(50% - min(50vw - 1rem,54rem))}}@media(min-width:768px){.demo-fit .demo-pane[data-v-ee1cc859]{height:max(20rem,100svh - 3.5rem - 5rem - var(--demo-chrome,0px))}}@keyframes demo-cursor-tap-ee1cc859{0%{opacity:0;transform:translate(-190px,10px) scale(1)}55%{opacity:1;transform:translate(0) scale(1)}72%{opacity:1;transform:translate(0) scale(.76)}88%{opacity:1;transform:translate(0) scale(1)}to{opacity:1;transform:translate(0) scale(1)}}.demo-cursor[data-v-ee1cc859]{animation:demo-cursor-tap-ee1cc859 867ms ease-out both}.demo-header-compact[data-v-ee1cc859] button{font-size:.75rem;height:2rem;padding-left:.5rem;padding-right:.5rem}