.zUp0sa_stage{--spring-smooth:linear(0, .0211, .0731, .1429, .2215, .3026, .3821, .4575, .5273, .5907, .6476, .698, .7423, .7808, .8142, .843, .8677, .8887, .9067, .9218, .9347, .9455, .9546, .9622, .9686, .9739, .9784, .9821, .9852, .9878, .9899, .9917, .9931, .9943, .9953, .9962, .9968, .9974, .9979, .9983, 1);--spring-smooth-duration:.45s;--spring-press:linear(0, .0205, .0729, .146, .2309, .3209, .4111, .498, .579, .6528, .7187, .7763, .8259, .8678, .9026, .9312, .9541, .9721, .986, .9964, 1.0039, 1.0091, 1.0124, 1.0143, 1.0151, 1.0151, 1.0145, 1.0135, 1.0123, 1.0109, 1.0095, 1.0082, 1.0069, 1.0057, 1.0047, 1.0038, 1.003, 1.0023, 1.0017, 1.0012, 1);--spring-press-duration:.3s;--spring-stick:linear(0, .0388, .1375, .2724, .4235, .5751, .7161, .8389, .9396, 1.0169, 1.0715, 1.1058, 1.1228, 1.126, 1.1191, 1.1054, 1.0877, 1.0684, 1.0494, 1.0321, 1.0172, 1.0051, .996, .9898, .986, .9843, .9842, .9853, .9872, .9895, .9919, .9943, .9964, .9982, .9996, 1.0007, 1.0014, 1.0018, 1.002, 1.002, 1);--spring-stick-duration:.6s;--focus:#0071e3;--device-ratio:1.42;isolation:isolate;width:min(810px, 94vw, calc((100dvh - 150px) * var(--device-ratio)));margin-inline:auto;container-type:inline-size}.zUp0sa_device{--u:1cqw;--metal-hi:#f0f0ee;--metal:#e3e3e0;--metal-lo:#d3d3d0;--ink:#1d1d1f;--ink-2:#48484a;--key-ink:#635e55;--cream-hi:#f8f5ef;--cream:#f1ece2;--cream-lo:#e3ddd1;--well:#57575a;--accent:#e2453d;grid-template-columns:calc(31 * var(--u)) 1fr;gap:calc(1.6 * var(--u));row-gap:calc(1.4 * var(--u));padding:calc(2 * var(--u)) calc(2.2 * var(--u)) calc(2.2 * var(--u)) calc(2.6 * var(--u));border-radius:calc(3.2 * var(--u));background:radial-gradient(130% 90% at 18% 0%, #fff9, transparent 55%), linear-gradient(180deg, var(--metal-hi), var(--metal) 45%, var(--metal-lo));box-shadow:inset 0 1px 0 #fffffff2, inset 0 -1px 0 #0000001a, inset 1px 0 0 #ffffff80, 0 0 0 .5px #00000024, 0 calc(.4 * var(--u)) calc(.8 * var(--u)) #00000014, 0 calc(3 * var(--u)) calc(6 * var(--u)) calc(-1 * var(--u)) #00000038, 0 calc(7 * var(--u)) calc(12 * var(--u)) calc(-5 * var(--u)) #0000004d;color:var(--ink);font-family:var(--font-system);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;display:grid;position:relative}.zUp0sa_left{padding-top:calc(2.4 * var(--u));grid-template-rows:auto auto 1fr auto;place-items:center;display:grid}.zUp0sa_brand{font-size:calc(3.4 * var(--u));letter-spacing:-.045em;color:#2a2a2b;margin:0;font-style:italic;font-weight:800;line-height:1}.zUp0sa_brand span{color:var(--accent)}.zUp0sa_speaker{width:calc(23 * var(--u));aspect-ratio:1;margin-top:calc(2.2 * var(--u))}.zUp0sa_right{grid-template-rows:calc(16 * var(--u)) 1fr;gap:calc(1.1 * var(--u));display:grid}.zUp0sa_topRow{grid-template-columns:calc(15.2 * var(--u)) 1fr;gap:calc(1.4 * var(--u));display:grid}.zUp0sa_well{border-radius:calc(1.6 * var(--u));background:var(--well);box-shadow:inset 0 calc(.25 * var(--u)) calc(.5 * var(--u)) #0000008c, inset 0 0 0 .5px #00000073, 0 1px 0 #ffffffe6}.zUp0sa_fnTray{gap:calc(.9 * var(--u));padding:calc(.9 * var(--u));grid-template-columns:repeat(3,1fr);display:grid}.zUp0sa_lcd{height:calc(14.6 * var(--u));margin-top:calc(.6 * var(--u));padding:calc(1.15 * var(--u)) calc(1.2 * var(--u)) calc(1 * var(--u));box-sizing:border-box;border-radius:calc(1.3 * var(--u));box-shadow:inset 0 0 0 calc(.45 * var(--u)) #1c1c1e, inset 0 0 0 calc(.5 * var(--u)) #000, 0 1px 0 #ffffffe6, 0 0 0 .5px #00000080;color:#f5f5f7;background:#0a0a0b;grid-template-rows:auto 1fr auto auto;align-self:start;display:grid;position:relative;overflow:hidden}.zUp0sa_lcd:after{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(155deg,#ffffff1a,#0000 40%);position:absolute;inset:0}.zUp0sa_lcdRow{justify-content:space-between;align-items:center;gap:calc(.5 * var(--u));font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:calc(.95 * var(--u));letter-spacing:.06em;white-space:nowrap;color:#8e8e93;font-weight:600;display:flex}.zUp0sa_lcdChord{font-family:var(--font-doto), ui-monospace, monospace;font-size:min(calc(4.6 * var(--u)), calc(20 * var(--u) / var(--chars,4)));white-space:nowrap;place-self:center;font-weight:800;line-height:1;overflow:hidden}.zUp0sa_lcdLine{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:calc(1.1 * var(--u));letter-spacing:.08em;white-space:nowrap;color:#d1d1d6;font-weight:600;line-height:1.5;overflow:hidden}.zUp0sa_lcdDim{color:#8e8e93}.zUp0sa_meter{gap:calc(.18 * var(--u));vertical-align:middle;margin-inline-start:calc(.6 * var(--u));display:inline-flex}.zUp0sa_meter i{width:calc(.42 * var(--u));height:calc(.9 * var(--u));background:#3a3a3c;border-radius:1px}.zUp0sa_meter i[data-on]{background:#f5f5f7}.zUp0sa_pad{grid-template-columns:repeat(3, calc(.45 * var(--u)));gap:calc(.2 * var(--u));display:grid}.zUp0sa_pad i{aspect-ratio:1;background:#3a3a3c;border-radius:50%}.zUp0sa_pad i[data-on]{background:#f5f5f7}.zUp0sa_key{all:unset;box-sizing:border-box;border-radius:calc(.9 * var(--u));background:linear-gradient(180deg, var(--cream-hi), var(--cream) 30%, var(--cream-lo));box-shadow:inset 0 1px 0 #ffffffe6, inset 0 -1px 0 #0000000f, 0 1px 0 #0006, 0 calc(.35 * var(--u)) calc(.7 * var(--u)) #00000047;color:var(--ink);cursor:pointer;touch-action:none;-webkit-tap-highlight-color:transparent;transition:transform var(--spring-press-duration) var(--spring-press), box-shadow .22s ease-out, filter .22s ease-out;display:grid;position:relative}.zUp0sa_key:is([data-active],:active){transform:translateY(calc(.18 * var(--u))) scale(.985);filter:brightness(.95);box-shadow:inset 0 1px 0 #ffffff80, inset 0 calc(.2 * var(--u)) calc(.6 * var(--u)) #0000001f, 0 0 0 #0006, 0 calc(.1 * var(--u)) calc(.2 * var(--u)) #0000004d;transition-duration:40ms;transition-timing-function:ease-out}.zUp0sa_key:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.zUp0sa_keys{grid-template-columns:repeat(8,1fr);grid-template-rows:calc(13.6 * var(--u)) calc(32 * var(--u));gap:calc(.8 * var(--u));padding:calc(.8 * var(--u));display:grid}.zUp0sa_keys .zUp0sa_key{grid-row:2}.zUp0sa_keys .zUp0sa_key[data-degree="0"]{grid-column:1/span 2}.zUp0sa_keys .zUp0sa_key[data-degree="2"]{grid-column:3/span 2}.zUp0sa_keys .zUp0sa_key[data-degree="4"]{grid-column:5/span 2}.zUp0sa_keys .zUp0sa_key[data-degree="6"]{grid-column:7/span 2}.zUp0sa_keys .zUp0sa_key:is([data-degree="1"],[data-degree="3"],[data-degree="5"]){grid-row:1;grid-template-columns:subgrid;box-shadow:inset 0 1px 0 #ffffffb3, 0 1px 0 #0006, 0 calc(.25 * var(--u)) calc(.5 * var(--u)) #00000038;background:linear-gradient(#ece7dd,#e1dbcf)}.zUp0sa_keys .zUp0sa_key[data-degree="1"]{grid-column:1/span 3}.zUp0sa_keys .zUp0sa_key[data-degree="3"]{grid-column:4/span 2}.zUp0sa_keys .zUp0sa_key[data-degree="5"]{grid-column:6/span 3}.zUp0sa_cap{padding:calc(.8 * var(--u)) calc(.9 * var(--u)) calc(1.4 * var(--u));pointer-events:none;grid-area:1/1/-1/-1;grid-template-rows:auto 1fr auto auto;display:grid}.zUp0sa_keys .zUp0sa_key:is([data-degree="1"],[data-degree="3"],[data-degree="5"]) .zUp0sa_cap{margin:calc(.45 * var(--u));padding:calc(.6 * var(--u)) calc(.8 * var(--u)) calc(.8 * var(--u));border-radius:calc(.7 * var(--u));background:linear-gradient(180deg, var(--cream-hi), var(--cream) 35%, #e9e3d8);box-shadow:inset 0 1px 0 #fffffff2, 0 0 0 .5px #0000001a, 0 calc(.15 * var(--u)) calc(.35 * var(--u)) #0003;grid-row:1;grid-template-rows:auto 1fr auto}.zUp0sa_keys .zUp0sa_key[data-degree="1"] .zUp0sa_cap{grid-column:2/span 2}.zUp0sa_keys .zUp0sa_key:is([data-degree="3"],[data-degree="5"]) .zUp0sa_cap{grid-column:1/span 2}.zUp0sa_keyNumber{font-size:calc(1.15 * var(--u));font-variant-numeric:tabular-nums;color:var(--key-ink);justify-self:start;font-weight:600}.zUp0sa_keySymbol{font-size:calc(2.3 * var(--u));letter-spacing:-.02em;white-space:nowrap;place-self:end center;font-weight:600;line-height:1.1}.zUp0sa_keys .zUp0sa_key:is([data-degree="1"],[data-degree="3"],[data-degree="5"]) .zUp0sa_keySymbol{align-self:center}.zUp0sa_keyRoman{font-family:ui-serif,New York,Georgia,serif;font-size:calc(1.35 * var(--u));color:var(--key-ink);justify-self:center;font-style:italic;line-height:1.3}.zUp0sa_fnKey{--cap:#8a8a88;--icon:#fff;background:linear-gradient(180deg, color-mix(in oklab, var(--cap) 86%, white), var(--cap) 40%, color-mix(in oklab, var(--cap) 92%, black));box-shadow:inset 0 1px 0 #ffffff80, 0 1px 0 #0006, 0 calc(.35 * var(--u)) calc(.7 * var(--u)) #00000047;color:var(--icon);place-items:center;display:grid}.zUp0sa_fnKey[data-color=yellow]{--cap:#f6c234;--icon:#3a2c00}.zUp0sa_fnKey[data-color=red]{--cap:#e2453d}.zUp0sa_fnKey svg{width:calc(4.4 * var(--u));height:calc(4.4 * var(--u))}.zUp0sa_fnKey[data-open]{transform:translateY(calc(.18 * var(--u))) scale(.985);filter:brightness(.94);box-shadow:inset 0 calc(.2 * var(--u)) calc(.6 * var(--u)) #00000026, 0 calc(.1 * var(--u)) calc(.2 * var(--u)) #0000004d}.zUp0sa_joystick{width:calc(20 * var(--u));aspect-ratio:1;margin-block:calc(1 * var(--u));touch-action:none;cursor:grab;border-radius:50%;position:relative}.zUp0sa_joystick[data-dragging]{cursor:grabbing}.zUp0sa_joystickDots{pointer-events:none;position:absolute;inset:0}.zUp0sa_joystickDots i{width:calc(.62 * var(--u));aspect-ratio:1;margin:calc(-.31 * var(--u));transform:rotate(var(--angle)) translateY(calc(-8.8 * var(--u)));transition:transform var(--spring-press-duration) var(--spring-press), background-color .12s ease-out;background:#5a5a5c;border-radius:50%;position:absolute;top:50%;left:50%}.zUp0sa_joystick[data-direction=up] i[data-direction=up],.zUp0sa_joystick[data-direction=up-right] i[data-direction=up-right],.zUp0sa_joystick[data-direction=right] i[data-direction=right],.zUp0sa_joystick[data-direction=down-right] i[data-direction=down-right],.zUp0sa_joystick[data-direction=down] i[data-direction=down],.zUp0sa_joystick[data-direction=down-left] i[data-direction=down-left],.zUp0sa_joystick[data-direction=left] i[data-direction=left],.zUp0sa_joystick[data-direction=up-left] i[data-direction=up-left]{background:var(--accent);transform:rotate(var(--angle)) translateY(calc(-8.8 * var(--u))) scale(1.6)}.zUp0sa_stick{all:unset;width:calc(12.6 * var(--u));aspect-ratio:1;margin:calc(-6.3 * var(--u));background:radial-gradient(circle at calc(42% - var(--joystick-x) * 10%) calc(30% - var(--joystick-y) * 10%), #fffdf9, var(--cream) 46%, #ddd6c9 76%, #c8c0b1);box-shadow:inset 0 calc(.2 * var(--u)) calc(.3 * var(--u)) #ffffffe6, inset 0 calc(-.4 * var(--u)) calc(.8 * var(--u)) #00000014, 0 calc(.2 * var(--u)) calc(.3 * var(--u)) #00000029, calc(var(--joystick-x) * -.8 * var(--u)) calc(1.4 * var(--u) - var(--joystick-y) * .8 * var(--u)) calc(2.2 * var(--u)) #00000042;transform:translate(calc(var(--joystick-x) * 3 * var(--u)), calc(var(--joystick-y) * 3 * var(--u)));transition:transform var(--spring-stick-duration) var(--spring-stick), background var(--spring-stick-duration) var(--spring-stick), box-shadow var(--spring-stick-duration) var(--spring-stick);will-change:transform;cursor:inherit;border-radius:50%;position:absolute;top:50%;left:50%}.zUp0sa_joystick[data-dragging] .zUp0sa_stick{transition:none}.zUp0sa_stick:focus-visible{outline:2px solid var(--focus);outline-offset:3px}.zUp0sa_wheel{top:calc(-1.3 * var(--u));right:calc(9 * var(--u));z-index:-1;width:calc(14 * var(--u));gap:0;min-width:0;position:absolute}.zUp0sa_wheelControl{width:100%;height:calc(3 * var(--u));border-radius:calc(.7 * var(--u)) calc(.7 * var(--u)) 0 0;background:linear-gradient(90deg, #00000061, #0000 24%, #ffffff4d 50%, #0000 76%, #00000061), repeating-linear-gradient(90deg, #d2d2cf 0 calc(.32 * var(--u)), #9c9c99 calc(.32 * var(--u)) calc(.64 * var(--u)));background-position:0 0, var(--wheel-offset,0) 0;cursor:ew-resize;transition:background-position var(--spring-smooth-duration) var(--spring-smooth);position:relative;box-shadow:inset 0 1px #fff9,0 0 0 .5px #0000004d}.zUp0sa_wheelControl:before{content:"";inset:calc(-1.8 * var(--u)) calc(-1 * var(--u)) calc(1.4 * var(--u));position:absolute}.zUp0sa_wheelControl[data-scrubbing]{transition:none}.zUp0sa_wheelControl:has(:focus-visible){outline:2px solid var(--focus);outline-offset:2px}.zUp0sa_wheelTrack{background:0 0;width:auto;height:auto;position:absolute;inset:0}.zUp0sa_wheelThumb{background:0 0;border:0;width:1px;height:1px}.zUp0sa_side{top:calc(21 * var(--u));left:calc(-1.2 * var(--u));gap:calc(1.2 * var(--u));display:grid;position:absolute}.zUp0sa_sideButton{all:unset;box-sizing:border-box;width:calc(1.6 * var(--u));height:calc(6.4 * var(--u));padding-right:calc(.4 * var(--u));border-radius:calc(.6 * var(--u)) 0 0 calc(.6 * var(--u));box-shadow:inset 0 1px 0 #ffffffb3, 0 0 0 .5px #0000002e, calc(-.2 * var(--u)) calc(.3 * var(--u)) calc(.6 * var(--u)) #0000002e;color:#48484a;cursor:pointer;transition:transform var(--spring-press-duration) var(--spring-press);background:linear-gradient(90deg,#c4c4c1,#ececea 55%,#dadad7);place-items:center;display:grid;position:relative}.zUp0sa_sideButton:before{content:"";inset:calc(-.6 * var(--u)) calc(-.4 * var(--u)) calc(-.6 * var(--u)) calc(-1.4 * var(--u));position:absolute}.zUp0sa_sideButton:active{transform:translateX(calc(.35 * var(--u)));transition-duration:40ms}.zUp0sa_sideButton:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.zUp0sa_sideButton svg{width:calc(.85 * var(--u));height:calc(.85 * var(--u))}.zUp0sa_panel{-webkit-backdrop-filter:blur(30px)saturate(180%);backdrop-filter:blur(30px)saturate(180%);color:#1d1d1f;width:min(340px,100vw - 24px);font-family:var(--font-system);transform-origin:var(--transform-origin);transition:opacity .18s ease-out, scale var(--spring-smooth-duration) var(--spring-smooth), filter .22s ease-out;background:#f6f6f8eb;border:.5px solid #0000001a;border-radius:22px;gap:16px;padding:18px;display:grid;box-shadow:inset 0 1px #ffffffb3,0 4px 12px #00000014,0 24px 60px #0000002e}.zUp0sa_panel[data-starting-style],.zUp0sa_panel[data-ending-style]{opacity:0;filter:blur(8px);scale:.94}.zUp0sa_panel[data-ending-style]{transition-duration:.16s;transition-timing-function:ease-in}.zUp0sa_panelTitle{letter-spacing:-.02em;margin:0;font-size:17px;font-weight:600}.zUp0sa_fieldRow{grid-template-columns:1fr 1fr;gap:12px;display:grid}.zUp0sa_panel [data-slot=field]{gap:6px}.zUp0sa_panel [data-slot=field-label]{color:#6e6e73;font-size:13px;font-weight:500}.zUp0sa_switchField{flex-direction:row;justify-content:space-between;align-items:center}.zUp0sa_switchField [data-slot=field-label]{color:#1d1d1f;font-size:15px}.zUp0sa_panel [data-slot=select-trigger]{color:#1d1d1f;background:#7676801f;border:0;border-radius:9px;height:34px;padding-inline:12px 10px;font-size:15px;font-weight:500}.zUp0sa_panel [data-slot=select-trigger]:focus-visible{outline:2px solid var(--focus);outline-offset:1px}.zUp0sa_panel [data-slot=select-content]{-webkit-backdrop-filter:blur(24px)saturate(180%);backdrop-filter:blur(24px)saturate(180%);background:#fafafcf2;border:.5px solid #0000001a;border-radius:12px;padding:5px;font-size:14px;box-shadow:0 4px 12px #0000001a,0 18px 40px #00000029}.zUp0sa_panel [data-slot=select-item]{border-radius:6px;min-height:28px;padding-inline:8px}.zUp0sa_panel [data-slot=select-item][data-highlighted]{color:#fff;background:#0071e3}.zUp0sa_segmented{width:100%}.zUp0sa_panel [data-slot=segmented-control]{background:#7676801f;border:0;border-radius:9px;gap:0;padding:2px}.zUp0sa_panel [data-slot=segmented-control-item]{letter-spacing:-.01em;color:#1d1d1f;border-radius:7px;height:28px;padding-inline:8px;font-size:13px;font-weight:500}.zUp0sa_panel [data-slot=segmented-control-item][data-checked]{font-weight:650}.zUp0sa_panel [data-slot=segmented-control-item]:focus-visible{outline:2px solid var(--focus);outline-offset:-1px}.zUp0sa_panel [data-slot=segmented-control-indicator]{transition-property:top,left,width,height;transition-duration:var(--spring-smooth-duration);transition-timing-function:var(--spring-smooth);background:#fff;border:.5px solid #0000000a;border-radius:7px;box-shadow:0 3px 8px #0000001f,0 3px 1px #0000000a}.zUp0sa_panel [data-slot=switch]{background:#86868b;border:0;border-radius:999px;width:51px;height:31px;margin:0;padding:2px;transition:background-color .2s ease-out}.zUp0sa_panel [data-slot=switch][data-checked]{background:#248a3d}.zUp0sa_panel [data-slot=switch]:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.zUp0sa_panel [data-slot=switch-thumb],.zUp0sa_panel [data-slot=switch-thumb][data-checked]{width:27px;height:27px;transition:transform var(--spring-smooth-duration) var(--spring-smooth);background:#fff;margin:0;box-shadow:0 3px 8px #00000026,0 3px 1px #0000000f}.zUp0sa_panel [data-slot=switch-thumb][data-checked]{transform:translate(20px)}.zUp0sa_panel [data-slot=slider]{gap:2px;min-width:0}.zUp0sa_panel [data-slot=slider-value]{color:#6e6e73;font-size:13px}.zUp0sa_panel [data-slot=slider-control]{height:28px}.zUp0sa_panel [data-slot=slider-track]{background:#78788052;border-radius:2px;height:4px}.zUp0sa_panel [data-slot=slider-indicator]{background:#0071e3}.zUp0sa_panel [data-slot=slider-thumb]{background:#fff;border:.5px solid #0000000a;width:24px;height:24px;box-shadow:0 3px 8px #00000026,0 1px 1px #00000029}.zUp0sa_panel [data-slot=slider-thumb]:has(:focus-visible){outline-offset:1px;outline:3px solid #0071e399}.zUp0sa_beats{align-items:center;gap:calc(.3 * var(--u));display:inline-flex}.zUp0sa_beats i{width:calc(.9 * var(--u));height:calc(.55 * var(--u));background:#3a3a3c;border-radius:1px}.zUp0sa_beats i[data-downbeat]{width:calc(1.3 * var(--u))}.zUp0sa_beats i[data-on]{box-shadow:0 0 calc(.4 * var(--u)) #f5f5f799;background:#f5f5f7}.zUp0sa_beats i[data-on][data-downbeat]{box-shadow:0 0 calc(.4 * var(--u)) #ff6961b3;background:#ff6961}.zUp0sa_lcdLine[data-alert]{color:#ff6961}.zUp0sa_key[data-echo]{transform:translateY(calc(.1 * var(--u)));box-shadow:inset 0 1px 0 #ffffffb3, inset 0 0 0 calc(.18 * var(--u)) #e2453d8c, 0 1px 0 #0006, 0 calc(.2 * var(--u)) calc(.4 * var(--u)) #00000040;transition-duration:60ms}.zUp0sa_transport{gap:calc(.9 * var(--u));width:100%;display:grid}.zUp0sa_trackLights{justify-content:center;align-items:center;gap:calc(.6 * var(--u));font-size:calc(1 * var(--u));letter-spacing:.12em;color:var(--ink-2);font-weight:600;display:flex}.zUp0sa_trackLights>span{margin-right:calc(.2 * var(--u))}.zUp0sa_trackPicker[data-slot=segmented-control]{gap:calc(.2 * var(--u));background:0 0;border:0;border-radius:0;min-width:0;padding:0}.zUp0sa_trackLight[data-slot=segmented-control-item]{justify-items:center;gap:calc(.4 * var(--u));height:auto;padding:calc(.7 * var(--u)) calc(1.05 * var(--u)) calc(.5 * var(--u));border-radius:calc(.9 * var(--u));color:var(--ink-2);font-size:calc(1.1 * var(--u));letter-spacing:0;background:0 0;flex:none;font-weight:600;line-height:1;transition:background-color .15s ease-out,box-shadow .15s ease-out;display:inline-grid}.zUp0sa_trackLight[data-slot=segmented-control-item]:hover:not([data-disabled]){background:#0000000d}.zUp0sa_trackLight[data-slot=segmented-control-item][data-checked]{color:var(--ink);background:#00000012;box-shadow:inset 0 0 0 1px #00000029}.zUp0sa_trackLight[data-slot=segmented-control-item][data-disabled]{opacity:1;color:#9a9a97;cursor:default}.zUp0sa_trackLight[data-slot=segmented-control-item]:focus-visible{outline:2px solid var(--focus);outline-offset:1px}.zUp0sa_trackNumber{font-variant-numeric:tabular-nums}.zUp0sa_trackLight .zUp0sa_led{width:calc(1 * var(--u))}.zUp0sa_transportKeys{gap:calc(.5 * var(--u));padding:calc(.6 * var(--u));grid-template-columns:repeat(5,1fr);display:grid}.zUp0sa_deckKey{all:unset;box-sizing:border-box;height:calc(5 * var(--u));border-radius:calc(.8 * var(--u));background:linear-gradient(180deg, var(--cream-hi), var(--cream) 35%, var(--cream-lo));box-shadow:inset 0 1px 0 #ffffffe6, 0 1px 0 #0006, 0 calc(.3 * var(--u)) calc(.6 * var(--u)) #00000042;color:var(--ink);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform var(--spring-press-duration) var(--spring-press), box-shadow .2s ease-out, filter .2s ease-out;justify-content:center;align-items:center;display:inline-flex;position:relative}.zUp0sa_deckKey:is(:active,[data-pressed],[data-open]){transform:translateY(calc(.15 * var(--u)));filter:brightness(.95);box-shadow:inset 0 calc(.15 * var(--u)) calc(.45 * var(--u)) #00000024, 0 calc(.1 * var(--u)) calc(.2 * var(--u)) #0000004d}.zUp0sa_deckKey:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.zUp0sa_deckKey[data-disabled]{cursor:default}.zUp0sa_deckKey[data-disabled] svg{opacity:.4}.zUp0sa_deckKey svg{width:calc(2.1 * var(--u));height:calc(2.1 * var(--u))}.zUp0sa_led{width:calc(.7 * var(--u));aspect-ratio:1;background:#bdbdb9;border-radius:50%;display:inline-block;box-shadow:inset 0 1px 1px #0000004d}.zUp0sa_led[data-take=on],[data-take=on]>.zUp0sa_led{box-shadow:0 0 calc(.6 * var(--u)) #34c759bf;background:#34c759}.zUp0sa_led[data-take=muted],[data-take=muted]>.zUp0sa_led{background:#8e8e93}.zUp0sa_led:is([data-take=recording],[data-take=armed]){background:var(--accent);box-shadow:0 0 calc(.6 * var(--u)) #e2453dcc;animation:1s steps(2,jump-none) infinite zUp0sa_blink}.zUp0sa_led[data-take=recording]{animation-duration:.6s}@keyframes zUp0sa_blink{50%{opacity:.25}}.zUp0sa_recordKey{color:var(--accent)}.zUp0sa_recordKey[data-pressed]{color:#fff;background:linear-gradient(180deg, #f06a62, var(--accent) 45%, #c8352e)}.zUp0sa_recordKey:is([data-phase=count-in],[data-phase=armed]) svg,.zUp0sa_playKey[data-phase=starting] svg{animation:.5s steps(2,jump-none) infinite zUp0sa_blink}.zUp0sa_playKey[data-pressed]{color:#1f8a3c}.zUp0sa_adjustKey[data-pressed]{color:#0071e3}.zUp0sa_stopVideo{background:linear-gradient(180deg, #f06a62, var(--accent) 45%, #c8352e);color:#fff}.zUp0sa_trackField{gap:8px;display:grid}.zUp0sa_trackFieldLabel{color:#6e6e73;font-size:13px;font-weight:500}.zUp0sa_trackToggles{background:#7676801f;border-radius:9px;grid-template-columns:repeat(4,1fr);gap:6px;padding:2px;display:grid}.zUp0sa_trackToggle{all:unset;font-variant-numeric:tabular-nums;color:#1d1d1f;cursor:pointer;border-radius:7px;justify-content:center;align-items:center;gap:7px;height:30px;font-size:13px;font-weight:600;transition:background-color .15s ease-out;display:inline-flex}.zUp0sa_trackToggle .zUp0sa_led{width:7px}.zUp0sa_trackToggle[data-pressed]{background:#fff;box-shadow:0 3px 8px #0000001f,0 3px 1px #0000000a}.zUp0sa_trackToggle[data-disabled]{color:#8e8e93;cursor:default}.zUp0sa_trackToggle:focus-visible{outline:2px solid var(--focus);outline-offset:1px}.zUp0sa_trackHint{color:#6e6e73;margin:0;font-size:12px}.zUp0sa_menu{-webkit-backdrop-filter:blur(24px)saturate(180%);backdrop-filter:blur(24px)saturate(180%);color:#1d1d1f;min-width:200px;font-family:var(--font-system);transform-origin:var(--transform-origin);transition:opacity .16s ease-out, scale var(--spring-smooth-duration) var(--spring-smooth);background:#fafafcf2;border:.5px solid #0000001a;border-radius:12px;padding:5px;font-size:14px;box-shadow:0 4px 12px #0000001a,0 18px 40px #00000029}.zUp0sa_menu[data-starting-style],.zUp0sa_menu[data-ending-style]{opacity:0;scale:.95}.zUp0sa_menu [data-slot=menu-item]{border-radius:6px;min-height:30px;padding-inline:10px}.zUp0sa_menu [data-slot=menu-item][data-highlighted]{color:#fff;background:#0071e3}.zUp0sa_menu [data-slot=menu-item][data-disabled]{color:#8e8e93;opacity:1}.zUp0sa_page{flex-direction:column;justify-content:center;align-items:center;min-height:100dvh;padding:48px 12px 32px;display:flex}.zUp0sa_frame{justify-items:center;display:grid}@media (prefers-reduced-motion:reduce){.zUp0sa_key,.zUp0sa_stick,.zUp0sa_sideButton,.zUp0sa_joystickDots i,.zUp0sa_wheelControl,.zUp0sa_panel [data-slot=segmented-control-indicator],.zUp0sa_panel [data-slot=switch-thumb]{transition-duration:.12s;transition-timing-function:ease-out}.zUp0sa_panel{transition:opacity .15s ease-out}.zUp0sa_panel[data-starting-style],.zUp0sa_panel[data-ending-style]{filter:none;scale:1}}@media (prefers-reduced-transparency:reduce){.zUp0sa_panel,.zUp0sa_panel [data-slot=select-content]{-webkit-backdrop-filter:none;backdrop-filter:none;background:#f5f5f7}}@media (prefers-contrast:more){.zUp0sa_device{--key-ink:#3d3a34;--ink-2:#1d1d1f}.zUp0sa_panel [data-slot=segmented-control],.zUp0sa_panel [data-slot=select-trigger]{box-shadow:inset 0 0 0 1px #6e6e73}}.zUp0sa_footer{justify-items:center;margin-top:24px;display:grid;position:relative}.zUp0sa_credit{letter-spacing:-.005em;text-align:center;color:#6e6e73;flex-wrap:wrap;justify-content:center;align-items:center;gap:0 4px;margin:0;font-size:13px;display:flex}.zUp0sa_credit a{color:#06c;font-weight:500;text-decoration:none}.zUp0sa_credit a:hover{text-decoration:underline}.zUp0sa_credit a:focus-visible{outline-offset:2px;border-radius:3px;outline:2px solid #0071e3}.zUp0sa_rotateHint{display:none}@media (hover:none) and (pointer:coarse),(max-height:560px){.zUp0sa_page{padding:max(14px, env(safe-area-inset-top)) max(14px, env(safe-area-inset-right)) max(14px, env(safe-area-inset-bottom)) max(14px, env(safe-area-inset-left));justify-content:center}.zUp0sa_stage{--fit-height:calc(100dvh - 36px - env(safe-area-inset-top) - env(safe-area-inset-bottom));width:min(calc(100vw - 28px - env(safe-area-inset-left) - env(safe-area-inset-right)), calc(var(--fit-height) * 1.75))}.zUp0sa_device{--u:min(1cqw, calc(var(--fit-height) / 70.7))}}@media (hover:none) and (pointer:coarse) and (orientation:portrait){.zUp0sa_rotateHint{letter-spacing:-.01em;color:#1d1d1f;background:#7676801f;border-radius:999px;align-items:center;gap:10px;margin:28px auto 0;padding:10px 16px 10px 12px;font-size:15px;font-weight:500;display:flex}.zUp0sa_rotateHint svg{width:22px;height:22px;animation:zUp0sa_turn 2.4s var(--spring-smooth,ease-in-out) infinite}}@keyframes zUp0sa_turn{0%,35%{transform:rotate(0)}60%,to{transform:rotate(-90deg)}}@media (prefers-reduced-motion:reduce){.zUp0sa_rotateHint svg{animation:none}}@media (max-height:500px){.zUp0sa_panel{border-radius:18px;gap:10px;padding:12px 14px}.zUp0sa_panelTitle{font-size:15px}.zUp0sa_panel [data-slot=field]{gap:4px}}.zUp0sa_howTo[data-slot=collapsible-trigger]{--ui-icon-size:.85em;color:#06c;border-radius:6px;gap:3px;min-height:0;padding:2px 4px;font-size:13px;font-weight:500}.zUp0sa_howTo[data-slot=collapsible-trigger]:after{color:currentColor;transition:rotate var(--spring-smooth-duration,.45s) var(--spring-smooth,ease-out)}.zUp0sa_howTo[data-open]:after{rotate:180deg}.zUp0sa_howTo:hover{text-decoration:underline}.zUp0sa_howTo:focus-visible{outline-offset:2px;outline:2px solid #0071e3}.zUp0sa_howToPanel[data-slot=collapsible-panel]{width:max-content;max-width:min(660px,92vw);transition:opacity .35s ease-out,translate .5s cubic-bezier(.32,.72,0,1),filter .35s ease-out;position:absolute;top:100%;left:50%;translate:-50%}.zUp0sa_howToPanel:is([data-starting-style],[data-ending-style]){opacity:0;filter:blur(4px);translate:-50% -6px}.zUp0sa_howToList{letter-spacing:-.005em;color:#6e6e73;flex-wrap:wrap;justify-content:center;gap:10px 22px;max-width:640px;margin:0;padding:14px 8px 4px;font-size:13px;list-style:none;display:flex}.zUp0sa_howToList li{align-items:center;gap:8px;display:inline-flex}.zUp0sa_keycaps{align-items:center;gap:3px;display:inline-flex}.zUp0sa_keycaps kbd{box-sizing:border-box;color:#1d1d1f;background:linear-gradient(#fff,#f2f2f4);border-radius:6px;place-items:center;min-width:22px;height:22px;padding:0 6px;font-family:inherit;font-size:12px;font-weight:500;display:inline-grid;box-shadow:0 0 0 .5px #0000002e,0 1px #00000029}.zUp0sa_touchHelp{display:none}@media (hover:none) and (pointer:coarse){.zUp0sa_keyboardHelp{display:none}.zUp0sa_touchHelp{display:flex}.zUp0sa_touchHelp li+li:before{content:"·";color:#a1a1a6;margin-right:14px}}@media (prefers-reduced-motion:reduce){.zUp0sa_howToPanel[data-slot=collapsible-panel]{transition:opacity .2s ease-out}.zUp0sa_howToPanel:is([data-starting-style],[data-ending-style]){filter:none;translate:-50%}}