.operator-controls.svelte-17ugrip{touch-action:none;-webkit-user-select:none;user-select:none;width:100%;height:220px;margin-top:12px;position:relative;overflow:visible}.operator-controls.svelte-17ugrip:before{content:"+";color:#747983;width:22px;height:12px;font:8px/1 var(--mono);pointer-events:none;border:1px solid #343841;place-items:center;display:grid;position:absolute;top:0;left:50%;translate:-50%}button.svelte-17ugrip{color:#aeb2b7;cursor:pointer;touch-action:none;background:#111318;border:1px solid #3a3e47;border-radius:7px;width:48px;height:48px;padding:0;position:absolute}button.svelte-17ugrip:hover:not(:disabled){background:#17191e;border-color:#626975}button.svelte-17ugrip:disabled{cursor:not-allowed;opacity:.45}.d-pad.svelte-17ugrip button:where(.svelte-17ugrip),.face.svelte-17ugrip{transform:rotate(45deg)}.d-pad.svelte-17ugrip button:where(.svelte-17ugrip):active,.d-pad.svelte-17ugrip button.pressed:where(.svelte-17ugrip),.face.svelte-17ugrip:active,.face.pressed.svelte-17ugrip{background:#0d0f12;border-color:#4cc9f0;transform:rotate(45deg)translate(1px,1px);box-shadow:inset 0 0 0 1px #4cc9f02e}.switch.svelte-17ugrip{color:#858b95;background:0 0;place-items:center;width:18px;height:14px;display:grid;position:absolute;top:27px;left:50%;translate:-50%}.switch.svelte-17ugrip:before{display:none}.switch.svelte-17ugrip>span:where(.svelte-17ugrip){color:#858b95;font:700 9px/1 var(--mono)}kbd.svelte-17ugrip{color:#4cc9f0;min-width:18px;height:14px;font:600 11px/1 var(--mono);background:0 0;border:0;place-items:center;display:grid;position:absolute;top:8px;left:50%;translate:-50%}em.svelte-17ugrip{color:#777c86;font:500 7px/1 var(--mono);letter-spacing:.07em;font-style:normal;position:absolute;bottom:8px;left:50%;translate:-50%}.d-pad.svelte-17ugrip .switch:where(.svelte-17ugrip),.d-pad.svelte-17ugrip kbd:where(.svelte-17ugrip),.face.svelte-17ugrip kbd:where(.svelte-17ugrip),.face.svelte-17ugrip em:where(.svelte-17ugrip){rotate:-45deg}.face.svelte-17ugrip .switch:where(.svelte-17ugrip){display:none}.d-pad.svelte-17ugrip{width:142px;height:126px;position:absolute;top:32px;left:23px}.d-pad.svelte-17ugrip .up:where(.svelte-17ugrip){top:0;left:47px}.d-pad.svelte-17ugrip .left:where(.svelte-17ugrip){top:39px;left:8px}.d-pad.svelte-17ugrip .down:where(.svelte-17ugrip){top:78px;left:47px}.d-pad.svelte-17ugrip .right:where(.svelte-17ugrip){top:39px;left:86px}.face-buttons.svelte-17ugrip{width:126px;height:126px;position:absolute;top:40px;right:12px}.face.enter.svelte-17ugrip{top:0;left:67px}.face.option.svelte-17ugrip{top:39px;left:28px}.bottom-buttons.svelte-17ugrip{width:106px;height:48px;position:absolute;bottom:0;left:107px}.bottom-buttons.svelte-17ugrip .switch:where(.svelte-17ugrip){display:none}.bottom-buttons.svelte-17ugrip button:where(.svelte-17ugrip):active,.bottom-buttons.svelte-17ugrip button.pressed:where(.svelte-17ugrip){background:#0d0f12;border-color:#4cc9f0;transform:translateY(1px);box-shadow:inset 0 0 0 1px #4cc9f02e}.bottom-buttons.svelte-17ugrip button:where(.svelte-17ugrip):first-child{left:0}.bottom-buttons.svelte-17ugrip button:where(.svelte-17ugrip):last-child{right:0}.operator-controls.compact.svelte-17ugrip kbd:where(.svelte-17ugrip){display:none}.operator-controls.compact.svelte-17ugrip{height:166px;margin-top:10px}.operator-controls.compact.svelte-17ugrip:before{display:none}.compact.svelte-17ugrip button:where(.svelte-17ugrip),.compact.svelte-17ugrip .d-pad:where(.svelte-17ugrip) button:where(.svelte-17ugrip),.compact.svelte-17ugrip .face:where(.svelte-17ugrip){border-radius:14px;width:52px;height:52px;transform:none}.compact.svelte-17ugrip button:where(.svelte-17ugrip):active,.compact.svelte-17ugrip button.pressed:where(.svelte-17ugrip),.compact.svelte-17ugrip .d-pad:where(.svelte-17ugrip) button:where(.svelte-17ugrip):active,.compact.svelte-17ugrip .d-pad:where(.svelte-17ugrip) button.pressed:where(.svelte-17ugrip),.compact.svelte-17ugrip .face:where(.svelte-17ugrip):active,.compact.svelte-17ugrip .face.pressed:where(.svelte-17ugrip){transform:translateY(1px)}.compact.svelte-17ugrip .d-pad:where(.svelte-17ugrip){width:174px;height:156px;top:4px;left:0}.compact.svelte-17ugrip .d-pad:where(.svelte-17ugrip) .up:where(.svelte-17ugrip){top:0;left:61px}.compact.svelte-17ugrip .d-pad:where(.svelte-17ugrip) .left:where(.svelte-17ugrip){top:52px;left:7px}.compact.svelte-17ugrip .d-pad:where(.svelte-17ugrip) .down:where(.svelte-17ugrip){top:104px;left:61px}.compact.svelte-17ugrip .d-pad:where(.svelte-17ugrip) .right:where(.svelte-17ugrip){top:52px;left:115px}.compact.svelte-17ugrip .d-pad:where(.svelte-17ugrip) .switch:where(.svelte-17ugrip){top:18px}.compact.svelte-17ugrip .d-pad:where(.svelte-17ugrip) .switch:where(.svelte-17ugrip),.compact.svelte-17ugrip .d-pad:where(.svelte-17ugrip) kbd:where(.svelte-17ugrip),.compact.svelte-17ugrip .face:where(.svelte-17ugrip) kbd:where(.svelte-17ugrip),.compact.svelte-17ugrip .face:where(.svelte-17ugrip) em:where(.svelte-17ugrip){rotate:0deg}.compact.svelte-17ugrip .d-pad:where(.svelte-17ugrip) .switch:where(.svelte-17ugrip)>span:where(.svelte-17ugrip){font-size:13px}.compact.svelte-17ugrip .face-buttons:where(.svelte-17ugrip){width:120px;height:120px;top:4px;right:0}.compact.svelte-17ugrip .face.enter:where(.svelte-17ugrip){top:0;left:64px}.compact.svelte-17ugrip .face.option:where(.svelte-17ugrip){top:0;left:4px}.compact.svelte-17ugrip .face:where(.svelte-17ugrip) .switch:where(.svelte-17ugrip){display:grid;top:11px}.compact.svelte-17ugrip .face:where(.svelte-17ugrip) .switch:where(.svelte-17ugrip)>span:where(.svelte-17ugrip){font-size:12px}.compact.svelte-17ugrip .bottom-buttons:where(.svelte-17ugrip){width:120px;height:52px;inset:64px 0 auto auto}.compact.svelte-17ugrip .bottom-buttons:where(.svelte-17ugrip) button:where(.svelte-17ugrip):first-child{left:4px}.compact.svelte-17ugrip .bottom-buttons:where(.svelte-17ugrip) button:where(.svelte-17ugrip):last-child{right:4px}.compact.svelte-17ugrip .bottom-buttons:where(.svelte-17ugrip) em:where(.svelte-17ugrip){top:21px;bottom:auto}.compact.svelte-17ugrip .face.enter:where(.svelte-17ugrip),.compact.svelte-17ugrip .bottom-buttons:where(.svelte-17ugrip) button:where(.svelte-17ugrip):last-child{border-color:#4cc9f04d}.operator-controls.native-host.svelte-17ugrip{--control-slot-edge:clamp(56px,14vw,62px);--control-edge:calc(var(--control-slot-edge) + 6px);--control-gap:calc(var(--control-slot-edge) - 2.25px);--face-edge:clamp(76px,19vw,82px);--bottom-w:clamp(116px,29vw,128px);--bottom-h:62px;--bottom-gap:22px;--upper-controls-top:clamp(58px,7.5dvh,74px);grid-template-columns:1fr 1fr;grid-template-rows:minmax(0,1fr) var(--bottom-h);flex:auto;column-gap:18px;width:min(100%,430px);height:auto;min-height:0;margin:12px auto 0;padding:0 18px;display:grid;overflow:hidden}.operator-controls.native-host.svelte-17ugrip:before{display:none}.operator-controls.native-host.svelte-17ugrip button:where(.svelte-17ugrip){appearance:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;outline:none}.operator-controls.native-host.svelte-17ugrip .d-pad:where(.svelte-17ugrip){width:calc(var(--control-gap) * 2 + var(--control-edge));height:calc(var(--control-gap) * 2 + var(--control-edge));margin-top:var(--upper-controls-top);grid-area:1/1;place-self:start center;position:relative;inset:auto}.operator-controls.native-host.svelte-17ugrip .d-pad:where(.svelte-17ugrip) .simple-direction:where(.svelte-17ugrip){width:var(--control-edge);height:var(--control-edge);color:#e8e8e8;transform-origin:50%;background:linear-gradient(145deg,#181818,#080808);border:1px solid #686868;border-radius:5px;padding:0;font:600 17px/1 system-ui,sans-serif;position:absolute;transform:rotate(45deg);box-shadow:inset 0 0 0 3px #070707,inset 0 0 0 4px #303030,0 2px 6px #000000bf}.operator-controls.native-host.svelte-17ugrip .d-pad:where(.svelte-17ugrip) .simple-direction:where(.svelte-17ugrip)>span:where(.svelte-17ugrip){pointer-events:none;place-items:center;display:grid;position:absolute;inset:0;transform:rotate(-45deg)}.operator-controls.native-host.svelte-17ugrip .d-pad:where(.svelte-17ugrip) .simple-direction:where(.svelte-17ugrip):active,.operator-controls.native-host.svelte-17ugrip .d-pad:where(.svelte-17ugrip) .simple-direction.pressed:where(.svelte-17ugrip){color:#49d6e6;background:#171717;border-color:#49d6e6;transform:rotate(45deg)scale(.96)}.operator-controls.native-host.svelte-17ugrip .d-pad:where(.svelte-17ugrip) .up:where(.svelte-17ugrip){left:var(--control-gap);top:0}.operator-controls.native-host.svelte-17ugrip .d-pad:where(.svelte-17ugrip) .left:where(.svelte-17ugrip){left:0;top:var(--control-gap)}.operator-controls.native-host.svelte-17ugrip .d-pad:where(.svelte-17ugrip) .right:where(.svelte-17ugrip){left:calc(var(--control-gap) * 2);top:var(--control-gap)}.operator-controls.native-host.svelte-17ugrip .d-pad:where(.svelte-17ugrip) .down:where(.svelte-17ugrip){left:var(--control-gap);top:calc(var(--control-gap) * 2)}.operator-controls.native-host.svelte-17ugrip .face-buttons:where(.svelte-17ugrip){grid-area:1/2;grid-template-columns:repeat(2,var(--face-edge));width:auto;height:auto;margin-top:calc(var(--upper-controls-top) + var(--control-gap) + (var(--control-edge) - var(--face-edge)) / 2);place-self:start center;gap:12px;display:grid;position:relative;inset:auto}.operator-controls.native-host.svelte-17ugrip .face:where(.svelte-17ugrip),.operator-controls.native-host.svelte-17ugrip .bottom-buttons:where(.svelte-17ugrip) button:where(.svelte-17ugrip){color:#f2f2f2;background:linear-gradient(145deg,#181818,#080808);border:1px solid #686868;border-radius:6px;place-items:center;padding:0;display:grid;position:relative;inset:auto;transform:none;box-shadow:inset 0 0 0 3px #070707,inset 0 0 0 4px #303030,0 2px 6px #000000bf}.operator-controls.native-host.svelte-17ugrip .face:where(.svelte-17ugrip){width:var(--face-edge);height:var(--face-edge)}.operator-controls.native-host.svelte-17ugrip .face.option:where(.svelte-17ugrip){grid-area:1/1}.operator-controls.native-host.svelte-17ugrip .face.enter:where(.svelte-17ugrip){grid-area:1/2}.operator-controls.native-host.svelte-17ugrip .face:where(.svelte-17ugrip):active,.operator-controls.native-host.svelte-17ugrip .face.pressed:where(.svelte-17ugrip),.operator-controls.native-host.svelte-17ugrip .bottom-buttons:where(.svelte-17ugrip) button:where(.svelte-17ugrip):active,.operator-controls.native-host.svelte-17ugrip .bottom-buttons:where(.svelte-17ugrip) button.pressed:where(.svelte-17ugrip){background:#171717;border-color:#49d6e6;transform:scale(.97)}.operator-controls.native-host.svelte-17ugrip .native-label:where(.svelte-17ugrip){color:#f1f1f1;letter-spacing:.025em;pointer-events:none;place-items:center;width:100%;height:100%;font:500 11px/1 ui-monospace,SFMono-Regular,Menlo,monospace;display:grid}.operator-controls.native-host.svelte-17ugrip .bottom-buttons:where(.svelte-17ugrip){grid-area:2/1/auto/-1;grid-template-columns:repeat(2,var(--bottom-w));gap:var(--bottom-gap);width:auto;height:var(--bottom-h);justify-content:center;align-self:end;margin-left:0;display:grid;position:relative;inset:auto}.operator-controls.native-host.svelte-17ugrip .bottom-buttons:where(.svelte-17ugrip) button:where(.svelte-17ugrip){width:var(--bottom-w);height:var(--bottom-h)}@media (orientation:portrait){.operator-controls.native-host.svelte-17ugrip{align-self:center}}@media (width<=499px) and (orientation:portrait){.operator-controls.native-host.svelte-17ugrip{--control-edge:var(--control-slot-edge);--control-gap:calc(var(--control-slot-edge) + 2px);--upper-controls-top:58px}.operator-controls.native-host.svelte-17ugrip .face-buttons:where(.svelte-17ugrip){margin-top:calc(var(--upper-controls-top) + var(--control-gap) + (var(--control-edge) - var(--face-edge)) / 2 - .25px);margin-left:12px}}@media (width>=500px) and (orientation:portrait){.operator-controls.native-host.svelte-17ugrip{--control-slot-edge:66px;--face-edge:88px;--bottom-w:142px;--bottom-h:68px;--bottom-gap:30px;--upper-controls-top:clamp(64px,7.5dvh,82px);width:min(100%,720px);padding-inline:42px}.operator-controls.native-host.svelte-17ugrip .face-buttons:where(.svelte-17ugrip){gap:18px}}@media (orientation:landscape){.operator-controls.native-host.svelte-17ugrip{--control-slot-edge:clamp(48px,6.8vw,64px);--face-edge:clamp(66px,9vw,86px);--bottom-w:clamp(96px,12vw,116px);--bottom-h:56px;--bottom-gap:clamp(14px,2vw,24px);grid-template-columns:minmax(0,1fr) var(--native-screen-size) minmax(0,1fr);grid-template-rows:minmax(0,1fr) var(--bottom-h);column-gap:var(--landscape-control-gap);width:100%;height:var(--native-screen-size);pointer-events:none;row-gap:12px;margin:0;padding:0;overflow:visible}.operator-controls.native-host.svelte-17ugrip button:where(.svelte-17ugrip){pointer-events:auto}.operator-controls.native-host.svelte-17ugrip .d-pad:where(.svelte-17ugrip){grid-column:1;align-self:center;margin-top:0}.operator-controls.native-host.svelte-17ugrip .face-buttons:where(.svelte-17ugrip){grid-column:3;align-self:center;gap:clamp(10px,1.5vw,18px);margin:0}.operator-controls.native-host.svelte-17ugrip .bottom-buttons:where(.svelte-17ugrip){display:contents}.operator-controls.native-host.svelte-17ugrip .bottom-buttons:where(.svelte-17ugrip) button:where(.svelte-17ugrip):first-child{grid-area:2/1;place-self:end center}.operator-controls.native-host.svelte-17ugrip .bottom-buttons:where(.svelte-17ugrip) button:where(.svelte-17ugrip):last-child{grid-area:2/3;place-self:end center}}@media (orientation:portrait) and (height<=499px){.operator-controls.compact.svelte-17ugrip{margin-top:5px}}@media (orientation:landscape) and (height<=539px){.operator-controls.compact.svelte-17ugrip{width:280px;height:156px}.compact.svelte-17ugrip button:where(.svelte-17ugrip),.compact.svelte-17ugrip .d-pad:where(.svelte-17ugrip) button:where(.svelte-17ugrip),.compact.svelte-17ugrip .face:where(.svelte-17ugrip){border-radius:12px;width:48px;height:48px}.compact.svelte-17ugrip .d-pad:where(.svelte-17ugrip){width:148px;height:144px;top:4px;left:0}.compact.svelte-17ugrip .d-pad:where(.svelte-17ugrip) .up:where(.svelte-17ugrip){top:0;left:50px}.compact.svelte-17ugrip .d-pad:where(.svelte-17ugrip) .left:where(.svelte-17ugrip){top:48px;left:0}.compact.svelte-17ugrip .d-pad:where(.svelte-17ugrip) .down:where(.svelte-17ugrip){top:96px;left:50px}.compact.svelte-17ugrip .d-pad:where(.svelte-17ugrip) .right:where(.svelte-17ugrip){top:48px;left:100px}.compact.svelte-17ugrip .face-buttons:where(.svelte-17ugrip){width:116px;height:116px;top:4px;right:0}.compact.svelte-17ugrip .face.enter:where(.svelte-17ugrip){top:0;left:60px}.compact.svelte-17ugrip .face.option:where(.svelte-17ugrip){top:0;left:0}.compact.svelte-17ugrip .bottom-buttons:where(.svelte-17ugrip){width:116px;height:48px;top:60px;right:0}.compact.svelte-17ugrip .bottom-buttons:where(.svelte-17ugrip) button:where(.svelte-17ugrip):first-child{left:0}.compact.svelte-17ugrip .bottom-buttons:where(.svelte-17ugrip) button:where(.svelte-17ugrip):last-child{right:0}}@media (orientation:landscape) and (height<=539px) and (width<=567px){.operator-controls.compact.svelte-17ugrip{width:240px;height:136px}.compact.svelte-17ugrip button:where(.svelte-17ugrip),.compact.svelte-17ugrip .d-pad:where(.svelte-17ugrip) button:where(.svelte-17ugrip),.compact.svelte-17ugrip .face:where(.svelte-17ugrip){border-radius:11px;width:44px;height:44px}.compact.svelte-17ugrip .d-pad:where(.svelte-17ugrip){width:132px;height:132px;top:2px;left:0}.compact.svelte-17ugrip .d-pad:where(.svelte-17ugrip) .up:where(.svelte-17ugrip){top:0;left:44px}.compact.svelte-17ugrip .d-pad:where(.svelte-17ugrip) .left:where(.svelte-17ugrip){top:44px;left:0}.compact.svelte-17ugrip .d-pad:where(.svelte-17ugrip) .down:where(.svelte-17ugrip){top:88px;left:44px}.compact.svelte-17ugrip .d-pad:where(.svelte-17ugrip) .right:where(.svelte-17ugrip){top:44px;left:88px}.compact.svelte-17ugrip .face-buttons:where(.svelte-17ugrip){width:100px;height:96px;top:20px;right:0}.compact.svelte-17ugrip .face.enter:where(.svelte-17ugrip){top:0;left:56px}.compact.svelte-17ugrip .face.option:where(.svelte-17ugrip){top:0;left:0}.compact.svelte-17ugrip .bottom-buttons:where(.svelte-17ugrip){width:100px;height:44px;top:72px;right:0}}.device-input-host.svelte-1uzgjq0{flex-direction:column;width:100%;height:100%;min-height:0;display:flex;overflow:hidden}.device-scene.svelte-1uzgjq0{background:#0e0f12;flex:1;justify-content:safe center;align-items:safe center;min-height:0;padding:24px;display:flex;position:relative;overflow:auto}.compact.svelte-1uzgjq0 .device-scene:where(.svelte-1uzgjq0){background:var(--bg-0);padding:clamp(6px,2vw,14px);overflow:hidden}.native-host.svelte-1uzgjq0 .device-scene:where(.svelte-1uzgjq0){padding:max(38px,calc(env(safe-area-inset-top) + 28px)) 0 max(8px,env(safe-area-inset-bottom));background:#000;align-items:flex-start;overflow:hidden}.native-host.svelte-1uzgjq0 .operator-device:where(.svelte-1uzgjq0){--native-screen-size:min(89.64vw,475.2px);flex-direction:column;width:100vw;height:100%;min-height:0;display:flex;zoom:1!important}.native-host.svelte-1uzgjq0 .operator-screen-housing:where(.svelte-1uzgjq0){flex:none}.native-host.svelte-1uzgjq0 .screen-bezel:where(.svelte-1uzgjq0){width:var(--native-screen-size);height:var(--native-screen-size);background:#050505;border:1px solid #383838;padding:0}.native-host.svelte-1uzgjq0 canvas[data-tracker-display]:where(.svelte-1uzgjq0){background:#050505;width:100%;height:100%}.native-host.svelte-1uzgjq0 canvas[data-tracker-display]:where(.svelte-1uzgjq0):focus-visible{box-shadow:none}.native-host.svelte-1uzgjq0 .screen-glass:where(.svelte-1uzgjq0){inset:0}.operator-device.svelte-1uzgjq0{zoom:var(--device-scale,1);flex:none;width:320px;position:relative}.operator-screen-housing.svelte-1uzgjq0{padding:0;position:relative}.screen-bezel.svelte-1uzgjq0{background:#050608;border:1px solid #343841;width:264px;height:264px;margin:auto;padding:11px;position:relative}canvas[data-tracker-display].svelte-1uzgjq0{width:240px;height:240px;image-rendering:pixelated;image-rendering:crisp-edges;background:#06070a;outline:0;display:block}canvas[data-tracker-display].svelte-1uzgjq0:focus-visible{box-shadow:0 0 0 1px var(--accent)}#canvas.svelte-1uzgjq0{display:none}.screen-glass.svelte-1uzgjq0{pointer-events:none;position:absolute;inset:11px}.audio-gate.svelte-1uzgjq0{box-sizing:border-box;width:min(300px,100% - 32px);height:max-content;max-height:calc(100dvh - 32px);margin:auto;position:fixed;inset:0;overflow:auto}.audio-gate.svelte-1uzgjq0::backdrop{background:#08090cb8}.audio-unlock.svelte-1uzgjq0{color:var(--text);background:#121419fa;border:1px solid #454a54;border-radius:8px;padding:16px;box-shadow:0 18px 50px #0000007a}.audio-unlock.svelte-1uzgjq0 .eyebrow:where(.svelte-1uzgjq0){color:var(--accent);font:600 9px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;margin:0 0 5px}.audio-unlock.svelte-1uzgjq0 h2:where(.svelte-1uzgjq0){margin:0;font-size:15px}.audio-unlock.svelte-1uzgjq0 p:where(.svelte-1uzgjq0):not(.eyebrow){color:var(--muted);margin:7px 0 13px;font-size:11px;line-height:1.45}.audio-unlock.svelte-1uzgjq0 button:where(.svelte-1uzgjq0){color:#071015;background:var(--accent);cursor:pointer;border:1px solid #4cc9f08c;border-radius:5px;width:100%;padding:8px 12px;font-weight:700}.keyboard-helper.svelte-1uzgjq0{border-top:1px solid var(--border);min-height:52px;color:var(--muted);background:0 0;flex-shrink:0;justify-content:center;align-items:center;gap:24px;padding:7px 16px;display:flex;overflow:auto}.keyboard-helper.svelte-1uzgjq0>div:where(.svelte-1uzgjq0){white-space:nowrap;align-items:center;gap:7px;font-size:.7rem;display:flex}.key-cluster.svelte-1uzgjq0{align-items:center;gap:3px;display:flex}kbd.svelte-1uzgjq0{color:#e7e9ec;min-width:22px;height:22px;font:600 10px/1 var(--mono);background:linear-gradient(#292b31,#191a1e);border:1px solid #ffffff2b;border-bottom-color:#ffffff4d;border-radius:4px;place-items:center;padding:0 4px;display:grid;box-shadow:0 2px #070708}@media (height<=760px){.device-scene.svelte-1uzgjq0{align-items:flex-start}.keyboard-helper.svelte-1uzgjq0{gap:14px;padding-inline:10px}}@media (width<=720px){.device-scene.svelte-1uzgjq0{padding:12px}.device-input-host.svelte-1uzgjq0:not(.compact) .operator-device:where(.svelte-1uzgjq0){zoom:.86!important}.keyboard-helper.svelte-1uzgjq0{justify-content:flex-start}.keyboard-helper.svelte-1uzgjq0>div:where(.svelte-1uzgjq0)>span:where(.svelte-1uzgjq0):last-child{display:none}}@media (width<=360px){.compact.svelte-1uzgjq0 .device-scene:where(.svelte-1uzgjq0){padding-inline:0}.device-input-host.svelte-1uzgjq0:not(.compact) .operator-device:where(.svelte-1uzgjq0){zoom:.72!important}}@media (orientation:landscape) and (height<=539px){.compact.svelte-1uzgjq0 .device-scene:where(.svelte-1uzgjq0){padding:6px 12px}.compact.svelte-1uzgjq0 .operator-device:where(.svelte-1uzgjq0){grid-template-columns:264px 280px;align-items:center;width:544px;height:264px;display:grid}.compact.svelte-1uzgjq0 .operator-controls{margin:0}}@media (orientation:landscape) and (height<=539px) and (width<=567px){.compact.svelte-1uzgjq0 .device-scene:where(.svelte-1uzgjq0){padding:6px 0}.compact.svelte-1uzgjq0 .operator-device:where(.svelte-1uzgjq0){grid-template-columns:240px 240px;width:480px;height:240px}.compact.svelte-1uzgjq0 .screen-bezel:where(.svelte-1uzgjq0){border:0;width:240px;height:240px;padding:0}.compact.svelte-1uzgjq0 .screen-glass:where(.svelte-1uzgjq0){inset:0}}@media (height>=540px){.compact.svelte-1uzgjq0 .operator-device:where(.svelte-1uzgjq0){height:min(720px,calc(100dvh - 72px - env(safe-area-inset-bottom)))}.compact.svelte-1uzgjq0 .operator-controls{margin:0;position:absolute;bottom:0;left:0}}@media (height>=540px) and (orientation:portrait){.compact.native-host.svelte-1uzgjq0 .operator-device:where(.svelte-1uzgjq0){height:100%;min-height:0}.compact.native-host.svelte-1uzgjq0 .operator-controls{margin-top:12px;position:relative;bottom:auto;left:auto}}@media (width<=499px) and (orientation:portrait){.native-host.svelte-1uzgjq0 .device-scene:where(.svelte-1uzgjq0){padding-top:max(100px,calc(env(safe-area-inset-top) + 28px));padding-bottom:max(42px,env(safe-area-inset-bottom))}}@media (orientation:landscape){.native-host.svelte-1uzgjq0 .device-scene:where(.svelte-1uzgjq0){padding:max(8px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));align-items:center}.native-host.svelte-1uzgjq0 .operator-device:where(.svelte-1uzgjq0){--native-screen-size:min(90.72dvh,54vw,calc(100dvh - 16px),620px);--landscape-control-gap:clamp(12px,1.8vw,24px);grid-template-columns:minmax(0,1fr) var(--native-screen-size) minmax(0,1fr);grid-template-rows:var(--native-screen-size);width:min(100%,1240px);height:var(--native-screen-size);align-items:stretch;column-gap:var(--landscape-control-gap);display:grid}.native-host.svelte-1uzgjq0 .operator-screen-housing:where(.svelte-1uzgjq0){grid-area:1/2}.native-host.svelte-1uzgjq0 .operator-controls{grid-area:1/1/auto/-1}}@media (width>=500px) and (orientation:portrait){.native-host.svelte-1uzgjq0 .operator-device:where(.svelte-1uzgjq0){--native-screen-size:min(88.56vw,777.6px)}}.top-bar.svelte-1h259us{border-bottom:1px solid var(--border);background:var(--panel);z-index:10;flex-shrink:0;justify-content:space-between;align-items:center;gap:14px;height:50px;padding:0 16px;font-size:.88rem;display:flex}.top-bar-left.svelte-1h259us,.top-bar-right.svelte-1h259us,.top-status.svelte-1h259us{align-items:center;display:flex}.top-bar-left.svelte-1h259us{gap:12px;min-width:0}.top-bar-right.svelte-1h259us{gap:12px}.top-bar-logo.svelte-1h259us{object-fit:contain;width:59px;height:24px;display:block}.top-bar-title.svelte-1h259us{letter-spacing:.03em;white-space:nowrap;font-size:.96rem;font-weight:600}.top-status.svelte-1h259us{color:var(--muted);white-space:nowrap;gap:7px;font-size:.78rem}.status-dot.svelte-1h259us{background:#f7c266;border-radius:50%;flex-shrink:0;width:8px;height:8px;box-shadow:0 0 6px #f7c26666}[data-runtime-state=ready].svelte-1h259us .status-dot:where(.svelte-1h259us),[data-storage-state=ready].svelte-1h259us .status-dot:where(.svelte-1h259us),[data-midi-state=ready].svelte-1h259us .status-dot:where(.svelte-1h259us),[data-audio-state=running].svelte-1h259us .status-dot:where(.svelte-1h259us){background:#3dd68c;box-shadow:0 0 6px #3dd68c80}[data-storage-dirty=true].svelte-1h259us .status-dot:where(.svelte-1h259us){background:#f7c266;box-shadow:0 0 6px #f7c26666}[data-audio-state=disabled].svelte-1h259us .status-dot:where(.svelte-1h259us){box-shadow:none;background:#737984}[data-runtime-state=failed].svelte-1h259us .status-dot:where(.svelte-1h259us),[data-storage-state=failed].svelte-1h259us .status-dot:where(.svelte-1h259us),[data-midi-state=failed].svelte-1h259us .status-dot:where(.svelte-1h259us),[data-midi-state=denied].svelte-1h259us .status-dot:where(.svelte-1h259us),[data-audio-state=failed].svelte-1h259us .status-dot:where(.svelte-1h259us){background:#ff6b6b;box-shadow:0 0 6px #ff6b6b80}.developer-toggle.svelte-1h259us{border:1px solid var(--border);min-height:44px;color:var(--muted);background:#ffffff06;border-radius:999px;align-items:center;gap:8px;padding:5px 8px;font-size:.72rem;display:flex}.developer-toggle.svelte-1h259us:hover{color:var(--text);border-color:#4cc9f059}.toggle-track.svelte-1h259us{background:#0c0d10;border:1px solid #ffffff2b;border-radius:999px;flex:none;width:27px;height:15px;position:relative}.toggle-track.svelte-1h259us span:where(.svelte-1h259us){background:#737984;border-radius:50%;width:9px;height:9px;transition:translate .18s cubic-bezier(.2,.8,.2,1),background .18s;position:absolute;top:2px;left:2px}.developer-toggle.enabled.svelte-1h259us{color:var(--accent);background:var(--accent-soft);border-color:#4cc9f052}.enabled.svelte-1h259us .toggle-track:where(.svelte-1h259us) span:where(.svelte-1h259us){background:var(--accent);translate:12px}@media (width<=1000px){.compact.svelte-1h259us{display:none}}@media (width<=720px){.top-bar.svelte-1h259us{height:48px;padding:0 10px}.top-bar-logo.svelte-1h259us{width:48px}.top-bar-title.svelte-1h259us{font-size:.86rem}.top-status.svelte-1h259us{display:none}.developer-toggle.svelte-1h259us{justify-content:center;min-width:64px}.toggle-label.svelte-1h259us{font-size:0}.toggle-label.svelte-1h259us:after{content:"DEV";letter-spacing:.08em;font-size:.65rem}}.play-bar.svelte-1lhzfj9{border-bottom:1px solid var(--border);background:var(--bg-0);z-index:10;flex:none;justify-content:flex-end;align-items:center;height:44px;padding:0 8px;display:flex}button.svelte-1lhzfj9{color:var(--muted);cursor:pointer;background:0 0}.settings-trigger.svelte-1lhzfj9{border:0;border-radius:10px;place-items:center;width:44px;height:44px;padding:0;display:grid}.settings-trigger.svelte-1lhzfj9:hover,.settings-trigger.svelte-1lhzfj9:focus-visible{color:var(--accent);background:var(--accent-soft)}.settings-sheet.svelte-1lhzfj9{z-index:31;top:auto;left:50%;right:auto;bottom:max(12px,env(safe-area-inset-bottom));width:min(100% - 24px,380px);max-width:none;color:var(--text);background:#15161a;border:1px solid #ffffff1f;border-radius:16px;margin:0;padding:14px;position:fixed;translate:-50%;box-shadow:0 18px 60px #0000008c}.settings-sheet.svelte-1lhzfj9::backdrop{background:#00000094}.settings-sheet.svelte-1lhzfj9 header:where(.svelte-1lhzfj9){justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.settings-sheet.svelte-1lhzfj9 p:where(.svelte-1lhzfj9){color:var(--accent);font:600 9px/1 var(--mono);letter-spacing:.14em;margin:0 0 4px}.settings-sheet.svelte-1lhzfj9 h2:where(.svelte-1lhzfj9){margin:0;font-size:17px}.close.svelte-1lhzfj9{border:1px solid var(--border);border-radius:9px;place-items:center;width:44px;height:44px;padding:0;display:grid}.developer-entry.svelte-1lhzfj9{border:1px solid var(--border);text-align:left;background:#ffffff06;border-radius:11px;justify-content:space-between;align-items:center;gap:12px;width:100%;min-height:66px;padding:12px;display:flex}.developer-entry.svelte-1lhzfj9:hover{background:var(--accent-soft);border-color:#4cc9f059}.developer-entry.svelte-1lhzfj9 span:where(.svelte-1lhzfj9):first-child{gap:4px;display:grid}.developer-entry.svelte-1lhzfj9 strong:where(.svelte-1lhzfj9){color:var(--text);font-size:13px}.developer-entry.svelte-1lhzfj9 small:where(.svelte-1lhzfj9){color:var(--muted);font-size:10px;line-height:1.35}.arrow.svelte-1lhzfj9{color:var(--accent);font:26px/1 var(--sans)}.left-nav.svelte-1aiibme{border-right:1px solid var(--border);background:var(--panel);z-index:8;flex-direction:column;flex-shrink:0;width:60px;padding:8px 0;transition:width .22s cubic-bezier(.2,.8,.2,1);display:flex;overflow:hidden}.left-nav.expanded.svelte-1aiibme{width:168px}.nav-group.svelte-1aiibme{flex-direction:column;gap:2px;display:flex}button.svelte-1aiibme{width:100%;min-height:46px;color:var(--muted);white-space:nowrap;cursor:pointer;background:0 0;border:0;border-left:2px solid #0000;align-items:center;gap:10px;padding:10px 0 10px 18px;font-size:.82rem;font-weight:500;transition:color .12s,background .12s;display:flex;overflow:hidden}button.svelte-1aiibme:hover{color:var(--text);background:#ffffff08}button.nav-active.svelte-1aiibme{color:var(--accent);border-left-color:var(--accent);background:#4cc9f00f}.nav-label.svelte-1aiibme{opacity:0;max-width:0;transition:opacity .14s,max-width .24s cubic-bezier(.2,.8,.2,1),transform .22s cubic-bezier(.2,.8,.2,1);display:inline-block;overflow:hidden;transform:translate(-6px)}.expanded.svelte-1aiibme .nav-label:where(.svelte-1aiibme){opacity:1;max-width:128px;transition-delay:50ms;transform:translate(0)}@media (width<=720px){.left-nav.svelte-1aiibme,.left-nav.expanded.svelte-1aiibme{width:52px}.left-nav.svelte-1aiibme{padding-top:5px}.left-nav.expanded.svelte-1aiibme .nav-label:where(.svelte-1aiibme){opacity:0;max-width:0}.left-nav.svelte-1aiibme button:where(.svelte-1aiibme){min-height:44px;padding-left:14px}}@media (height<=399px){.left-nav.svelte-1aiibme{scrollbar-width:none;overflow:hidden auto}.left-nav.svelte-1aiibme::-webkit-scrollbar{display:none}}.tool-tray.svelte-1sd4hua{border-left:1px solid var(--border);background:var(--panel);z-index:8;flex-direction:column;flex-shrink:0;gap:1px;width:60px;padding:6px 0;transition:width .22s cubic-bezier(.2,.8,.2,1);display:flex;overflow:hidden}.tool-tray.expanded.svelte-1sd4hua{width:144px}button.svelte-1sd4hua{width:100%;min-height:46px;color:var(--muted);white-space:nowrap;cursor:pointer;background:0 0;border:0;border-right:2px solid #0000;align-items:center;gap:10px;padding:10px 0 10px 18px;font-size:.82rem;font-weight:500;transition:color .12s,background .12s;display:flex;overflow:hidden}button.svelte-1sd4hua:hover{color:var(--text);background:#ffffff08}button.tray-active.svelte-1sd4hua{color:var(--accent);border-right-color:var(--accent);background:#4cc9f00f}button.svelte-1sd4hua span:where(.svelte-1sd4hua){opacity:0;max-width:0;transition:opacity .14s,max-width .24s,transform .22s;display:inline-block;overflow:hidden;transform:translate(-6px)}.expanded.svelte-1sd4hua button:where(.svelte-1sd4hua) span:where(.svelte-1sd4hua){opacity:1;max-width:100px;transition-delay:50ms;transform:none}.tray-footer.svelte-1sd4hua{border-top:1px solid #ffffff0d;flex-direction:column;margin-top:auto;padding-top:8px;display:flex}.reset.svelte-1sd4hua{color:#ffb48a}.reset.svelte-1sd4hua:disabled{opacity:.35;cursor:not-allowed}@media (width<=720px){.tool-tray.svelte-1sd4hua{display:none}}.midi-panel.svelte-4v8x0d{width:min(100%,960px);margin:0 auto}.midi-card.svelte-4v8x0d{border:1px solid var(--border);background:var(--surface);border-radius:12px;padding:22px}.midi-card.svelte-4v8x0d>p:where(.svelte-4v8x0d){color:var(--muted)}button.svelte-4v8x0d,select.svelte-4v8x0d{border:1px solid var(--border);color:#e7e7ea;background:var(--surface-raised);border-radius:7px;padding:8px 10px}button.svelte-4v8x0d:not(:disabled),select.svelte-4v8x0d:not(:disabled){cursor:pointer}.midi-grid.svelte-4v8x0d{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}label.svelte-4v8x0d{color:var(--muted);gap:7px;font-size:12px;display:grid}small.svelte-4v8x0d{min-height:1.4em;color:var(--muted)}.midi-metrics.svelte-4v8x0d{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:22px 0 0;display:grid}.midi-metrics.svelte-4v8x0d div:where(.svelte-4v8x0d){border:1px solid var(--border);background:#ffffff05;border-radius:8px;padding:12px}dt.svelte-4v8x0d{color:var(--muted);font-size:11px}dd.svelte-4v8x0d{margin:5px 0 0;font:600 14px/1 ui-monospace,monospace}.midi-error.svelte-4v8x0d{margin-top:16px;color:#f28a8a!important}@media (width<=680px){.midi-grid.svelte-4v8x0d,.midi-metrics.svelte-4v8x0d{grid-template-columns:1fr}}.logs-panel.svelte-7ebsbn{width:min(100%,1180px);margin:0 auto}.log-toolbar.svelte-7ebsbn{grid-template-columns:repeat(3,minmax(110px,.5fr)) minmax(220px,1.5fr);gap:10px;display:grid}label.svelte-7ebsbn{color:var(--muted);gap:5px;font-size:11px;display:grid}select.svelte-7ebsbn,input.svelte-7ebsbn,button.svelte-7ebsbn{border:1px solid var(--border);color:#e7e7ea;background:var(--surface-raised);border-radius:7px;padding:8px 10px}button.svelte-7ebsbn{cursor:pointer}.log-actions.svelte-7ebsbn{color:var(--muted);flex-wrap:wrap;align-items:center;gap:8px;margin:12px 0;font-size:11px;display:flex}.dropped.svelte-7ebsbn{color:#f28a8a}.feedback.svelte-7ebsbn{color:var(--muted);font-size:12px}.log-list.svelte-7ebsbn{border:1px solid var(--border);background:#0c0d10;border-radius:9px;min-height:260px;max-height:calc(100vh - 310px);margin:0;padding:0;list-style:none;overflow:auto}li.svelte-7ebsbn{border-bottom:1px solid #ffffff0b;grid-template-columns:92px 48px 100px 90px minmax(0,1fr);gap:8px;padding:7px 10px;font:11px/1.35 ui-monospace,monospace;display:grid}time.svelte-7ebsbn,.thread.svelte-7ebsbn{color:var(--muted)}.severity.svelte-7ebsbn,.category.svelte-7ebsbn{text-transform:uppercase}.message.svelte-7ebsbn{overflow-wrap:anywhere;white-space:pre-wrap}.log-error.svelte-7ebsbn .severity:where(.svelte-7ebsbn),.log-error.svelte-7ebsbn .message:where(.svelte-7ebsbn){color:#f28a8a}.empty.svelte-7ebsbn{color:var(--muted);padding:18px;display:block}@media (width<=820px){.log-toolbar.svelte-7ebsbn{grid-template-columns:1fr 1fr}li.svelte-7ebsbn{grid-template-columns:76px 44px 78px minmax(0,1fr)}.thread.svelte-7ebsbn{display:none}}.trace-panel.svelte-csko4f{width:min(100%,1120px);margin:0 auto}.trace-card.svelte-csko4f,.benchmark-card.svelte-csko4f,.summary-card.svelte-csko4f{border:1px solid var(--border);background:var(--surface);border-radius:10px;margin-bottom:14px;padding:16px}fieldset.svelte-csko4f{border:0;margin:0;padding:0}legend.svelte-csko4f,h2.svelte-csko4f{margin:0 0 9px;font-size:13px}.categories.svelte-csko4f,.actions.svelte-csko4f{flex-wrap:wrap;align-items:center;gap:9px 14px;display:flex}.categories.svelte-csko4f label:where(.svelte-csko4f),.benchmark-card.svelte-csko4f label:where(.svelte-csko4f){color:var(--muted);text-transform:capitalize;font-size:11px}button.svelte-csko4f,input.svelte-csko4f{border:1px solid var(--border);color:#e7e7ea;background:var(--surface-raised);border-radius:7px;padding:8px 10px}button.svelte-csko4f:not(:disabled){cursor:pointer}.actions.svelte-csko4f{color:var(--muted);margin-top:14px;font-size:11px}.dropped.svelte-csko4f,.error.svelte-csko4f{color:#f28a8a}.benchmark-card.svelte-csko4f{grid-template-columns:minmax(240px,1fr) 120px 140px auto;align-items:end;gap:12px;display:grid}.benchmark-card.svelte-csko4f p:where(.svelte-csko4f){color:var(--muted);margin:0;font-size:11px}.benchmark-card.svelte-csko4f label:where(.svelte-csko4f){gap:5px;display:grid}dl.svelte-csko4f{grid-column:1/-1;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin:8px 0 0;display:grid}dl.svelte-csko4f div:where(.svelte-csko4f){background:#ffffff06;padding:9px}dt.svelte-csko4f{color:var(--muted);font-size:10px}dd.svelte-csko4f{margin:4px 0 0;font:11px ui-monospace,monospace}table.svelte-csko4f{border-collapse:collapse;width:100%;font:11px ui-monospace,monospace}th.svelte-csko4f,td.svelte-csko4f{border-bottom:1px solid var(--border);text-align:right;padding:8px}th.svelte-csko4f:first-child,td.svelte-csko4f:first-child{text-align:left}td.svelte-csko4f small:where(.svelte-csko4f){color:var(--muted);text-transform:uppercase;display:block}@media (width<=850px){.benchmark-card.svelte-csko4f{grid-template-columns:1fr 1fr}dl.svelte-csko4f{grid-template-columns:repeat(2,1fr)}.summary-card.svelte-csko4f{overflow-x:auto}}.panel-stack.svelte-113detg{border-left:1px solid var(--border);background:var(--bg-1);flex-shrink:0;min-width:300px;max-width:calc(100vw - 540px);display:flex;position:relative;overflow:auto hidden}.resizing.svelte-113detg{-webkit-user-select:none;user-select:none}.resize.svelte-113detg{cursor:col-resize;z-index:3;background:0 0;border:0;width:6px;padding:0;position:absolute;inset:0 auto 0 0}.resize.svelte-113detg:after{content:"";left:2px;background:#ffffff0f;width:1px;position:absolute;inset-block:0}.resize.svelte-113detg:hover:after,.resizing.svelte-113detg .resize:where(.svelte-113detg):after{background:var(--accent)}.panel-grid.svelte-113detg{width:max-content;min-width:100%;display:grid}.panel-slot.svelte-113detg{border-right:1px solid var(--border);flex-direction:column;min-width:0;min-height:0;display:flex;overflow:hidden}header.svelte-113detg{background:var(--panel);border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;min-height:36px;padding:6px 10px;display:flex}header.svelte-113detg span:where(.svelte-113detg){color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:.72rem;font-weight:600}header.svelte-113detg button:where(.svelte-113detg){border:1px solid var(--border);width:22px;height:22px;color:var(--muted);cursor:pointer;background:0 0;border-radius:4px;place-items:center;padding:0;display:grid}header.svelte-113detg button:where(.svelte-113detg):hover{color:var(--text);border-color:var(--accent)}.panel-body.svelte-113detg{flex:1;min-height:0;padding:14px;overflow:auto}@media (width<=920px){.panel-stack.svelte-113detg{right:60px;z-index:7;max-width:calc(100vw - 120px);position:absolute;inset-block:50px 52px;box-shadow:-20px 0 40px #0006}}.settings-panel.svelte-182y78p{width:min(100%,1000px);margin:0 auto}.settings-grid.svelte-182y78p{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}fieldset.svelte-182y78p{border:1px solid var(--border);background:var(--surface);border-radius:10px;min-width:0;padding:16px}legend.svelte-182y78p{padding:0 5px;font-size:12px;font-weight:700}label.svelte-182y78p{color:var(--muted);gap:6px;margin-bottom:12px;font-size:11px;display:grid}select.svelte-182y78p,input.svelte-182y78p,button.svelte-182y78p{border:1px solid var(--border);color:#e7e7ea;background:var(--surface-raised);border-radius:7px;min-width:0;padding:8px}button.svelte-182y78p:not(:disabled){cursor:pointer}.check.svelte-182y78p{text-transform:capitalize;align-items:center;gap:7px;display:flex}.check.svelte-182y78p input:where(.svelte-182y78p){min-width:auto}.checks.svelte-182y78p{grid-template-columns:repeat(2,1fr);display:grid}.audio-metrics.svelte-182y78p{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin:2px 0 12px;display:grid}.audio-metrics.svelte-182y78p div:where(.svelte-182y78p){border:1px solid var(--border);background:#ffffff06;border-radius:6px;min-width:0;padding:8px}.audio-metrics.svelte-182y78p dt:where(.svelte-182y78p){color:var(--muted);font-size:10px}.audio-metrics.svelte-182y78p dd:where(.svelte-182y78p){overflow-wrap:anywhere;margin:4px 0 0;font:11px ui-monospace,monospace}.settings-actions.svelte-182y78p{align-items:center;gap:12px;margin-top:14px;display:flex}.settings-actions.svelte-182y78p p:where(.svelte-182y78p){color:var(--muted);margin:0;font-size:11px}@media (width<=760px){.settings-grid.svelte-182y78p{grid-template-columns:1fr}}.about-panel.svelte-mgquiv{width:min(100%,960px);margin:0 auto}.about-grid.svelte-mgquiv{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}article.svelte-mgquiv{border:1px solid var(--border);background:var(--surface);border-radius:10px;padding:18px}article.svelte-mgquiv:last-child{grid-column:1/-1}h2.svelte-mgquiv{font-size:13px}p.svelte-mgquiv,dt.svelte-mgquiv{color:var(--muted);font-size:12px;line-height:1.6}dl.svelte-mgquiv{margin:0}dl.svelte-mgquiv div:where(.svelte-mgquiv){border-bottom:1px solid var(--border);grid-template-columns:90px 1fr;padding:8px 0;display:grid}dd.svelte-mgquiv{overflow-wrap:anywhere;margin:0;font:11px ui-monospace,monospace}@media (width<=700px){.about-grid.svelte-mgquiv{grid-template-columns:1fr}article.svelte-mgquiv:last-child{grid-column:auto}}button.svelte-1dufyr2{font:inherit}.settings-trigger.svelte-1dufyr2{z-index:20;right:max(8px,env(safe-area-inset-right));bottom:calc(max(8px,env(safe-area-inset-bottom)) + 10px);color:#ddd;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;background:linear-gradient(145deg,#171717,#080808);border:1px solid #777;border-radius:5px;align-content:space-between;width:42px;height:42px;padding:10px 9px;display:grid;position:fixed;box-shadow:inset 0 0 0 3px #070707,inset 0 0 0 4px #303030,0 2px 6px #000000bf}.settings-trigger.svelte-1dufyr2 span:where(.svelte-1dufyr2){background:#aaa;width:100%;height:1px;display:block}.settings-trigger.svelte-1dufyr2 span:where(.svelte-1dufyr2):first-child,.settings-trigger.svelte-1dufyr2 span:where(.svelte-1dufyr2):nth-child(2),.settings-trigger.svelte-1dufyr2 span:where(.svelte-1dufyr2):nth-child(3){width:100%}.settings-trigger.svelte-1dufyr2:active{background:#171717;border-color:#fff}.settings-backdrop.svelte-1dufyr2{z-index:30;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000000b3;justify-content:center;align-items:flex-end;padding:0;display:flex;position:fixed;inset:0}.settings-sheet.svelte-1dufyr2{width:min(100%,620px);max-height:calc(100dvh - env(safe-area-inset-top) - 18px);padding:18px 18px calc(env(safe-area-inset-bottom) + 18px);color:#eee;background:#080808;border:1px solid #3b3b3b;border-bottom:0;border-radius:14px 14px 0 0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;overflow:auto;box-shadow:0 -20px 60px #0000008c}header.svelte-1dufyr2{justify-content:space-between;align-items:center;padding:2px 2px 16px;display:flex}.header-title.svelte-1dufyr2{align-items:center;gap:10px;min-width:0;display:flex}header.svelte-1dufyr2 small:where(.svelte-1dufyr2){color:#49d6e6;letter-spacing:.18em;font-size:8px}h2.svelte-1dufyr2{letter-spacing:.08em;margin:4px 0 0;font-size:16px}.back.svelte-1dufyr2,.close.svelte-1dufyr2{color:#bbb;background:#0d0d0d;border:1px solid #444;border-radius:3px;place-items:center;width:34px;height:34px;padding:0;display:grid}.back.svelte-1dufyr2{font:400 18px/1 system-ui}.close.svelte-1dufyr2{font:300 22px/1 system-ui}.back.svelte-1dufyr2 span:where(.svelte-1dufyr2),.close.svelte-1dufyr2 span:where(.svelte-1dufyr2){line-height:1;display:block}.back.svelte-1dufyr2:active,.close.svelte-1dufyr2:active{color:#050505;background:#49d6e6;border-color:#49d6e6}.settings-list.svelte-1dufyr2{border-top:1px solid #292929}.setting-row.svelte-1dufyr2{width:100%;min-height:64px;color:inherit;text-align:left;background:0 0;border:0;border-bottom:1px solid #292929;justify-content:space-between;align-items:center;gap:16px;padding:12px 2px;display:flex}.row-copy.svelte-1dufyr2{gap:5px;min-width:0;display:grid}.row-copy.svelte-1dufyr2 strong:where(.svelte-1dufyr2){letter-spacing:.1em;font-size:10px}.row-copy.svelte-1dufyr2 small:where(.svelte-1dufyr2){color:#777;text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.status-dot.svelte-1dufyr2{background:#222;border:1px solid #666;border-radius:50%;flex:none;width:8px;height:8px}.status-dot.online.svelte-1dufyr2{background:#49d6e6;border-color:#49d6e6;box-shadow:0 0 9px #49d6e673}.toggle.svelte-1dufyr2{background:#151515;border:1px solid #4a4a4a;border-radius:3px;flex:none;width:24px;height:24px;transition:border-color .14s,background .14s;position:relative}.toggle.svelte-1dufyr2 i:where(.svelte-1dufyr2){background:#555;border-radius:1px;transition:background .14s;position:absolute;inset:5px}.toggle.on.svelte-1dufyr2{background:#102a2d;border-color:#49d6e6}.toggle.on.svelte-1dufyr2 i:where(.svelte-1dufyr2){background:#49d6e6}.version-values.svelte-1dufyr2{color:#aaa;letter-spacing:.04em;flex:none;grid-template-columns:max-content max-content;align-items:baseline;gap:5px 8px;font-size:9px;display:grid}.version-values.svelte-1dufyr2 span:where(.svelte-1dufyr2){white-space:nowrap;text-align:left}.version-values.svelte-1dufyr2 b:where(.svelte-1dufyr2){color:#666;letter-spacing:.08em;text-align:right;font-size:8px}.version-row.svelte-1dufyr2{grid-column:1/-1}.version-side.svelte-1dufyr2{flex:none;align-items:center;gap:12px;display:flex}.version-disclosure.svelte-1dufyr2{color:#888;place-items:center;width:22px;height:22px;font:300 25px/1 system-ui;transition:transform .16s,color .12s;display:grid}.version-disclosure.open.svelte-1dufyr2{transform:rotate(90deg)}.version-row.svelte-1dufyr2:active .version-disclosure:where(.svelte-1dufyr2){color:#49d6e6}.build-details.svelte-1dufyr2{background:#0d0d0d;border-bottom:1px solid #292929;grid-column:1/-1;gap:9px;padding:11px 12px;display:grid}.build-details.svelte-1dufyr2>div:where(.svelte-1dufyr2){grid-template-columns:78px minmax(0,1fr);align-items:start;gap:12px;display:grid}.build-details.svelte-1dufyr2 span:where(.svelte-1dufyr2){color:#666;letter-spacing:.1em;font-size:8px}.build-details.svelte-1dufyr2 code:where(.svelte-1dufyr2),.build-details.svelte-1dufyr2 time:where(.svelte-1dufyr2){color:#aaa;overflow-wrap:anywhere;text-align:right;min-width:0;font:8px/1.45 ui-monospace,SFMono-Regular,Menlo,monospace}.tappable.svelte-1dufyr2{cursor:pointer}.purchase-row.svelte-1dufyr2 strong:where(.svelte-1dufyr2){color:#49d6e6}.chevron.svelte-1dufyr2{color:#888;font:300 25px/1 system-ui}.reboot.svelte-1dufyr2{color:#ddd;letter-spacing:.12em;background:#111;border:1px solid #555;border-radius:3px;width:100%;height:44px;margin-top:18px;font-size:9px}.reboot.svelte-1dufyr2:active:not(:disabled){color:#050505;background:#49d6e6;border-color:#49d6e6}.reboot.svelte-1dufyr2:disabled{opacity:.45}.feedback.svelte-1dufyr2{color:#888;text-align:center;margin:10px 0 0;font-size:9px}.midi-page.svelte-1dufyr2{overscroll-behavior:contain;border-top:1px solid #292929;gap:12px;min-height:0;padding-top:12px;display:grid;overflow:auto}.bluetooth-row.svelte-1dufyr2{width:100%;min-height:58px;color:inherit;text-align:left;background:#101010;border:1px solid #3b3b3b;border-radius:6px;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:12px;padding:8px 12px;display:grid}.bluetooth-row.svelte-1dufyr2:active{border-color:#49d6e6}.bluetooth-mark.svelte-1dufyr2{color:#49d6e6;background:#0a1719;border:1px solid #3d6870;border-radius:3px;place-items:center;width:30px;height:30px;display:grid}.bluetooth-mark.svelte-1dufyr2 svg:where(.svelte-1dufyr2){width:18px;height:18px;overflow:visible}.bluetooth-mark.svelte-1dufyr2 path:where(.svelte-1dufyr2){fill:currentColor}.route-map.svelte-1dufyr2{gap:10px;display:grid}.route-card.svelte-1dufyr2{background:#0d0d0d;border:1px solid #292929;border-radius:6px;gap:12px;padding:12px;display:grid}.route-heading.svelte-1dufyr2{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.route-heading.svelte-1dufyr2 strong:where(.svelte-1dufyr2){letter-spacing:.1em;font-size:9px}.route-heading.svelte-1dufyr2 small:where(.svelte-1dufyr2){color:#666;font-size:8px}.route-flow.svelte-1dufyr2{grid-template-columns:minmax(0,1fr) auto minmax(92px,.55fr);align-items:end;gap:10px;display:grid}.route-flow.output-flow.svelte-1dufyr2{grid-template-columns:minmax(92px,.55fr) auto minmax(0,1fr)}.route-flow.svelte-1dufyr2 label:where(.svelte-1dufyr2){gap:5px;min-width:0;display:grid}.route-flow.svelte-1dufyr2 label:where(.svelte-1dufyr2)>span:where(.svelte-1dufyr2){color:#666;letter-spacing:.12em;font-size:7px}.route-flow.svelte-1dufyr2 select:where(.svelte-1dufyr2){color:#ddd;text-overflow:ellipsis;background:#111;border:1px solid #444;border-radius:4px;width:100%;min-width:0;height:34px;padding:0 8px;font:9px ui-monospace,SFMono-Regular,Menlo,monospace}.route-flow.svelte-1dufyr2 select:where(.svelte-1dufyr2):disabled{opacity:.5}.route-arrow.svelte-1dufyr2{color:#49d6e6;align-self:center;font-size:17px}.route-target.svelte-1dufyr2{color:#49d6e6;letter-spacing:.08em;background:#0a1719;border:1px solid #31555b;border-radius:4px;place-items:center;height:34px;font-size:8px;display:grid}.enable-midi.svelte-1dufyr2{color:#071012;letter-spacing:.12em;background:#49d6e6;border:1px solid #49d6e6;border-radius:4px;width:100%;height:38px;font-size:8px}.enable-midi.svelte-1dufyr2:disabled{opacity:.45}.midi-status.svelte-1dufyr2{color:#777;text-align:center;text-transform:uppercase;margin:0;font-size:8px}.midi-status.online.svelte-1dufyr2{color:#49d6e6}.privacy-page.svelte-1dufyr2{overscroll-behavior:contain;border-top:1px solid #292929;gap:12px;min-height:0;padding-top:12px;display:grid;overflow:auto}.privacy-intro.svelte-1dufyr2{color:#666;letter-spacing:.06em;margin:0;font-size:8px}.privacy-page.svelte-1dufyr2 section:where(.svelte-1dufyr2){background:#0d0d0d;border:1px solid #292929;border-radius:3px;gap:6px;padding:12px;display:grid}.privacy-page.svelte-1dufyr2 section:where(.svelte-1dufyr2) strong:where(.svelte-1dufyr2){color:#ddd;letter-spacing:.1em;font-size:9px}.privacy-page.svelte-1dufyr2 section:where(.svelte-1dufyr2) p:where(.svelte-1dufyr2){color:#888;margin:0;font-size:9px;line-height:1.55}.privacy-contact.svelte-1dufyr2{color:#49d6e6;letter-spacing:.1em;background:#0a1719;border:1px solid #3d6870;border-radius:3px;min-height:40px;font-size:8px}.privacy-contact.svelte-1dufyr2:active{color:#050505;background:#49d6e6;border-color:#49d6e6}@media (width<=499px) and (orientation:portrait){.settings-trigger.svelte-1dufyr2{bottom:calc(max(42px,env(safe-area-inset-bottom)) + 10px)}}@media (width>=500px) and (orientation:portrait){.settings-trigger.svelte-1dufyr2{bottom:calc(max(8px,env(safe-area-inset-bottom)) + 13px)}}@media (orientation:landscape){.settings-trigger.svelte-1dufyr2{bottom:calc(( 100dvh - max(8px,env(safe-area-inset-top)) + max(8px,env(safe-area-inset-bottom)) - min(90.72dvh,54vw,calc(100dvh - 16px),620px) ) / 2 + 7px)}.settings-backdrop.svelte-1dufyr2{padding:max(10px,env(safe-area-inset-top)) max(18px,calc(env(safe-area-inset-right) + 10px)) max(10px,env(safe-area-inset-bottom)) max(18px,calc(env(safe-area-inset-left) + 10px));align-items:center}.settings-sheet.svelte-1dufyr2{border:1px solid #3b3b3b;border-radius:10px;grid-template-rows:auto minmax(0,1fr) auto auto;width:min(760px,100%);max-height:100%;padding:12px 16px;display:grid;overflow:hidden;box-shadow:0 20px 70px #000000b8}header.svelte-1dufyr2{padding:0 0 9px}header.svelte-1dufyr2 small:where(.svelte-1dufyr2){font-size:7px}h2.svelte-1dufyr2{margin-top:2px;font-size:14px}.close.svelte-1dufyr2{width:30px;height:30px;font-size:22px;line-height:26px}.back.svelte-1dufyr2{width:30px;height:30px;font-size:24px;line-height:25px}.settings-list.svelte-1dufyr2{overscroll-behavior:contain;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:22px;display:grid;overflow:auto}.setting-row.svelte-1dufyr2{gap:12px;min-height:50px;padding:7px 2px}.settings-list.svelte-1dufyr2>.setting-row:where(.svelte-1dufyr2):last-child{grid-column:1/-1}.row-copy.svelte-1dufyr2{gap:3px}.row-copy.svelte-1dufyr2 strong:where(.svelte-1dufyr2){font-size:9px}.row-copy.svelte-1dufyr2 small:where(.svelte-1dufyr2){font-size:8px}.reboot.svelte-1dufyr2{height:38px;margin-top:11px}.feedback.svelte-1dufyr2{margin-top:7px}.midi-page.svelte-1dufyr2{grid-template-rows:auto minmax(0,1fr) auto;grid-template-columns:1fr 1fr;column-gap:14px}.bluetooth-row.svelte-1dufyr2{grid-column:1/-1;min-height:50px}.route-map.svelte-1dufyr2{grid-column:1/-1;grid-template-columns:1fr 1fr}.route-card.svelte-1dufyr2{min-height:112px;padding:10px}.route-heading.svelte-1dufyr2{gap:3px;display:grid}.enable-midi.svelte-1dufyr2,.midi-status.svelte-1dufyr2{grid-column:1/-1}.privacy-page.svelte-1dufyr2{grid-template-columns:1fr 1fr;column-gap:14px}.privacy-intro.svelte-1dufyr2,.privacy-contact.svelte-1dufyr2{grid-column:1/-1}.privacy-page.svelte-1dufyr2 section:where(.svelte-1dufyr2){padding:10px}}:root{--sans:"Space Grotesk","Avenir Next","Segoe UI",system-ui,sans-serif;--mono:"IBM Plex Mono","SFMono-Regular",Consolas,monospace;font-family:var(--sans);color:#d4d4d8;font-synthesis:none;text-rendering:optimizelegibility;--text:#d4d4d8;--bg-0:#0d0d10;--bg-1:#111114;--bg-2:#1a1a1e;--panel:#141418;--surface:#141418;--surface-raised:#1a1a1e;--background:#0d0d10;--border:#ffffff12;--muted:#d4d4d88c;--accent:#4cc9f0;--accent-soft:#4cc9f01a;--accent-2:#9c6bff;--danger:#ff6b6b;--warning:#f7c266;background:#0d0d10}*,:before,:after{box-sizing:border-box}html,body,#app{overscroll-behavior:none;width:100%;min-width:320px;height:100%;margin:0}html.native-host,html.native-host body,html.native-host #app,html.native-host #app *{-webkit-user-select:none!important;user-select:none!important;-webkit-touch-callout:none!important;-webkit-tap-highlight-color:transparent!important}html.native-host,html.native-host body,html.native-host #app{touch-action:none!important}body{background:var(--bg-0);color:var(--text);overflow:hidden}button,input,select{font:inherit}button{cursor:pointer}:focus-visible{outline:1px solid var(--accent);outline-offset:1px}::selection{background:#4cc9f04d}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:3px}.dashboard{flex-direction:column;width:100%;height:100dvh;display:flex;overflow:hidden}.dashboard[data-developer-mode=false]{touch-action:none}.dashboard.native-host,.dashboard.native-host *{-webkit-user-select:none!important;user-select:none!important;-webkit-touch-callout:none!important;-webkit-tap-highlight-color:transparent!important}.dashboard.native-host img,.dashboard.native-host canvas{-webkit-user-drag:none}.dashboard-body{flex:1;min-height:0;display:flex;position:relative;overflow:hidden}.workspace{background:var(--bg-1);flex:1;min-width:420px;min-height:0;position:relative;overflow:hidden}[data-developer-mode=false] .workspace{background:var(--bg-0);min-width:0}.device-stage{width:100%;height:100%;min-height:0}.page-panel{width:100%;height:100%;padding:24px;overflow:auto}.section-heading{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.eyebrow{color:var(--accent);font:600 10px/1.2 var(--mono);letter-spacing:.15em;text-transform:uppercase;margin:0 0 4px}h1,h2,p{margin-top:0}h1{margin-bottom:0;font-size:22px}.phase-badge{border:1px solid var(--border);color:var(--muted);font:500 10px/1 var(--mono);border-radius:999px;padding:5px 8px}.recovery-card{z-index:12;background:#241518;border:1px solid #f26b6b59;border-radius:8px;width:min(100% - 40px,960px);margin:20px auto;padding:18px;position:relative;box-shadow:0 16px 40px #00000059}.recovery-card p,.recovery-card span{color:var(--muted);font-size:12px}.recovery-card code{background:#00000040;border-radius:6px;margin:12px 0;padding:10px;font-size:11px;display:block}.recovery-card button{border:1px solid var(--border);color:var(--text);background:var(--bg-2);border-radius:6px;padding:8px 10px}.sr-only{clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.files-panel{width:min(100%,1120px);margin:0 auto}.file-actions{flex-wrap:wrap;gap:7px;display:flex}.files-panel button,.files-panel input{border:1px solid var(--border);color:var(--text);background:var(--bg-2);border-radius:5px;padding:7px 9px;font-size:.74rem}.files-panel button:hover:not(:disabled){border-color:#4cc9f073}.files-panel button:disabled{opacity:.42;cursor:not-allowed}.host-folder,.restore-preview{border:1px solid var(--border);background:#ffffff05;border-radius:6px;margin:0 0 12px;padding:12px}.host-folder p,.file-sync,.file-feedback{color:var(--muted);margin:0 0 9px;font-size:.72rem;line-height:1.5}.file-sync{justify-content:space-between;align-items:center;gap:12px;display:flex}.file-sync[role=alert]{color:#ffb0b0;background:#ff4e4e0f;border:1px solid #ff757547;border-radius:5px;padding:9px 10px}.breadcrumbs{align-items:center;gap:5px;margin:10px 0;display:flex}.breadcrumbs button{background:0 0;padding:4px 6px}.file-list{border-collapse:collapse;border:1px solid var(--border);width:100%;font:11px/1.4 var(--mono);background:#0f1013}.file-list th,.file-list td{border-bottom:1px solid var(--border);text-align:left;padding:8px}.file-list th{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:9px}.file-list td:last-child{flex-wrap:wrap;gap:5px;display:flex}.file-name{color:var(--accent)!important;background:0 0!important}@media (width<=720px){.workspace{min-width:0}.page-panel{padding:14px}.section-heading{align-items:flex-start;gap:12px}.section-heading h1{font-size:18px}}
