.operator-controls.svelte-17ugrip{touch-action:none;-webkit-user-select:none;user-select:none;width:100%;height:208px;margin-top:12px;position:relative;overflow:visible}button.svelte-17ugrip{border:1px solid var(--border-strong);border-radius:var(--radius-control);width:48px;height:48px;color:var(--text);background:var(--bg-2);cursor:pointer;touch-action:none;padding:0;transition:color .12s,border-color .12s,background .12s,transform 80ms;position:absolute}button.svelte-17ugrip:hover:not(:disabled){border-color:var(--accent-border);background:var(--accent-soft)}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{border-color:var(--accent);background:var(--panel);box-shadow:inset 0 0 0 1px var(--accent-fill-strong);transform:rotate(45deg)translate(1px,1px)}.switch.svelte-17ugrip{width:18px;height:14px;color:var(--muted);background:0 0;place-items:center;display:grid;position:absolute;top:27px;left:50%;translate:-50%}.switch.svelte-17ugrip:before{display:none}.switch.svelte-17ugrip>span:where(.svelte-17ugrip){color:var(--muted);font:700 9px/1 var(--mono)}kbd.svelte-17ugrip{min-width:18px;height:14px;color:var(--accent);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:var(--muted);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}.operator-controls.svelte-17ugrip:not(.compact):not(.native-host){height:var(--device-controls-height,176px)}.d-pad.svelte-17ugrip{width:142px;height:126px;position:absolute;top:20px;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:28px;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){border-color:var(--accent);background:var(--panel);box-shadow:inset 0 0 0 1px var(--accent-fill-strong);transform:translateY(1px)}.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.svelte-17ugrip:not(.compact):not(.native-host) .d-pad:where(.svelte-17ugrip){top:14px;left:16px}.operator-controls.svelte-17ugrip:not(.compact):not(.native-host) .face-buttons:where(.svelte-17ugrip){top:14px;right:16px}.operator-controls.svelte-17ugrip:not(.compact):not(.native-host) .bottom-buttons:where(.svelte-17ugrip){inset:122px 18px auto auto}.operator-controls.compact.svelte-17ugrip kbd:where(.svelte-17ugrip){display:none}.operator-controls.compact.svelte-17ugrip{height:166px;margin-top:10px}.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:var(--accent-border-soft)}.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 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 (width<=401px) and (orientation:portrait){.operator-controls.native-host.svelte-17ugrip{--control-slot-edge:max(44px,14vw);--face-edge:max(60px,19vw);--bottom-w:29vw;min-height:var(--native-phone-controls-height);grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 4.4vw;padding-inline:8px}.operator-controls.native-host.svelte-17ugrip .d-pad:where(.svelte-17ugrip){align-self:center;margin-top:0}.operator-controls.native-host.svelte-17ugrip .face-buttons:where(.svelte-17ugrip){align-self:center;margin-top:-.25px}}@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<=539px){.operator-controls.compact.svelte-17ugrip{width:280px;height:156px;margin-top:5px}.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){.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{--device-screen-edge:264px;--device-controls-width:320px;--device-controls-height:176px;--device-stack-gap:12px;flex-direction:column;width:100%;height:100%;min-height:0;display:flex;overflow:hidden}.device-scene.svelte-1uzgjq0{background:var(--bg-1);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{width:var(--device-controls-width);zoom:var(--device-scale,1);flex:none;position:relative}.operator-screen-housing.svelte-1uzgjq0{padding:0;position:relative}.screen-bezel.svelte-1uzgjq0{width:var(--device-screen-edge);height:var(--device-screen-edge);background:#050608;border:1px solid #343841;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-hint.svelte-1uzgjq0{color:var(--muted);flex-wrap:wrap;justify-content:center;align-items:center;gap:6px 12px;font-size:11px;display:flex;position:absolute;bottom:8px;left:8px;right:8px}.audio-hint.svelte-1uzgjq0 button:where(.svelte-1uzgjq0){border:1px solid var(--accent-border);border-radius:var(--radius-control);color:var(--text-accent);background:var(--panel);cursor:pointer;padding:6px 10px}@media (height<=760px){.device-scene.svelte-1uzgjq0{align-items:flex-start}}@media (width<=720px){.device-scene.svelte-1uzgjq0{padding:12px}.device-input-host.svelte-1uzgjq0:not(.compact) .operator-device:where(.svelte-1uzgjq0){zoom:.86!important}}@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:portrait) and (height<=539px){.compact.svelte-1uzgjq0 .device-scene:where(.svelte-1uzgjq0){padding:6px 0}.compact.svelte-1uzgjq0 .operator-device:where(.svelte-1uzgjq0){width:280px}.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 (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}.compact.svelte-1uzgjq0 .operator-device.controls-hidden:where(.svelte-1uzgjq0){width:264px;height:auto;display:block}}@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}.compact.svelte-1uzgjq0 .operator-device.controls-hidden:where(.svelte-1uzgjq0){width:240px}}@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}.compact.svelte-1uzgjq0 .operator-device.controls-hidden:where(.svelte-1uzgjq0){height:auto}}@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 (width<=401px) and (orientation:portrait){.native-host.svelte-1uzgjq0 .device-scene:where(.svelte-1uzgjq0){--native-phone-controls-height:calc(max(160px,49.75vw) + 74px);--native-phone-bottom:max(42px,env(safe-area-inset-bottom));--native-phone-top:max(calc(env(safe-area-inset-top) + 28px),clamp(38px,calc(100dvh - 89.64vw - var(--native-phone-controls-height) - 12px - var(--native-phone-bottom)),100px));padding-top:var(--native-phone-top);padding-bottom:var(--native-phone-bottom)}.native-host.svelte-1uzgjq0 .operator-device:where(.svelte-1uzgjq0){--native-screen-size:min(89.64vw,calc(100dvh - var(--native-phone-top) - var(--native-phone-bottom) - var(--native-phone-controls-height) - 12px))}}@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:var(--warning);border-radius:50%;flex-shrink:0;width:8px;height:8px;box-shadow:0 0 6px #f7c26666}[data-status-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:var(--success-dot);box-shadow:0 0 6px #3dd68c80}[data-storage-dirty=true].svelte-1h259us .status-dot:where(.svelte-1h259us){background:var(--warning);box-shadow:0 0 6px #f7c26666}[data-audio-state=disabled].svelte-1h259us .status-dot:where(.svelte-1h259us){background:var(--disabled);box-shadow:none}[data-status-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:var(--danger);box-shadow:0 0 6px #ff6b6b80}.developer-badge.svelte-1h259us{border:1px solid var(--accent-border-soft);border-radius:var(--radius-tight);color:var(--accent);background:var(--accent-soft);font:600 9px/1 var(--mono);letter-spacing:.06em;white-space:nowrap;padding:5px 7px}@media (width<=1000px){.developer-detail.svelte-1h259us{display:none}}.toggle-switch.svelte-1ryl1ss{border-radius:var(--radius-card);background:0 0;border:0;flex:none;width:44px;height:44px;padding:0;position:relative}.toggle-switch.svelte-1ryl1ss:before{content:"";border:1px solid var(--border);background:var(--control-toggle-off);border-radius:999px;transition:background .12s,border-color .12s;position:absolute;inset:10px 1px}span.svelte-1ryl1ss{background:var(--muted);border-radius:50%;width:16px;height:16px;transition:translate .12s,background .12s;position:absolute;top:14px;left:5px}.toggle-switch.on.svelte-1ryl1ss:before{border-color:var(--accent-border-strong);background:var(--accent-fill-strong)}.toggle-switch.on.svelte-1ryl1ss span:where(.svelte-1ryl1ss){background:var(--accent);translate:18px}.toggle-switch.svelte-1ryl1ss:disabled{cursor:not-allowed;opacity:.6}.toggle-switch.svelte-1ryl1ss:not(:disabled):hover:before{border-color:var(--accent-border)}.mobile-bar.svelte-1x4pom8{border-bottom:1px solid var(--border);background:var(--panel);z-index:10;flex:none;grid-template-columns:minmax(0,1fr) auto 44px;align-items:center;gap:8px;height:50px;padding:0 6px 0 12px;display:grid}.brand.svelte-1x4pom8{align-items:center;gap:8px;min-width:0;display:flex}.brand.svelte-1x4pom8 img:where(.svelte-1x4pom8){object-fit:contain;width:40px;height:18px;display:block}.brand.svelte-1x4pom8 span:where(.svelte-1x4pom8){letter-spacing:.03em;text-overflow:ellipsis;white-space:nowrap;font-size:.88rem;font-weight:600;overflow:hidden}.current-section.svelte-1x4pom8{color:var(--muted);font:600 .67rem/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;white-space:nowrap}button.svelte-1x4pom8{color:var(--text);cursor:pointer;background:0 0}.menu-trigger.svelte-1x4pom8,.close.svelte-1x4pom8{border-radius:var(--radius-control);width:44px;height:44px;color:var(--muted);border:0;place-items:center;padding:0;display:grid}.menu-trigger.svelte-1x4pom8:hover,.menu-trigger.svelte-1x4pom8:focus-visible,.close.svelte-1x4pom8:hover,.close.svelte-1x4pom8:focus-visible{color:var(--accent);background:var(--accent-soft)}.menu-sheet.svelte-1x4pom8{z-index:31;width:100%;max-width:none;height:100%;max-height:none;color:var(--text);background:0 0;border:0;margin:0;padding:0;position:fixed;inset:0}.menu-sheet.svelte-1x4pom8::backdrop{background:#00000094}.sheet-surface.svelte-1x4pom8{max-height:min(720px,100dvh - 12px);padding:14px 14px max(16px,env(safe-area-inset-bottom));border:1px solid var(--border-strong);border-radius:var(--radius-overlay) var(--radius-overlay) 0 0;background:var(--panel);overscroll-behavior:contain;border-bottom:0;position:absolute;bottom:0;left:0;right:0;overflow:auto;box-shadow:0 18px 48px #00000073}.sheet-surface.svelte-1x4pom8>header:where(.svelte-1x4pom8){justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.sheet-surface.svelte-1x4pom8 header:where(.svelte-1x4pom8) p:where(.svelte-1x4pom8),.group-label.svelte-1x4pom8{color:var(--accent);font:600 .67rem/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;margin:0 0 4px}.sheet-surface.svelte-1x4pom8 h2:where(.svelte-1x4pom8){margin:0;font-size:18px}.sheet-surface.svelte-1x4pom8 nav:where(.svelte-1x4pom8){grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;display:grid}.sheet-surface.svelte-1x4pom8 nav:where(.svelte-1x4pom8)>button:where(.svelte-1x4pom8),.sheet-surface.svelte-1x4pom8 nav:where(.svelte-1x4pom8)>a:where(.svelte-1x4pom8){border:1px solid var(--border);border-radius:var(--radius-control);min-height:62px;color:var(--text);text-align:left;background:var(--surface-subtle);grid-template-columns:24px minmax(0,1fr);align-items:center;gap:9px;padding:10px;text-decoration:none;transition:color .12s,border-color .12s,background .12s;display:grid}.sheet-surface.svelte-1x4pom8 nav:where(.svelte-1x4pom8)>button:where(.svelte-1x4pom8):hover,.sheet-surface.svelte-1x4pom8 nav:where(.svelte-1x4pom8)>button:where(.svelte-1x4pom8):focus-visible,.sheet-surface.svelte-1x4pom8 nav:where(.svelte-1x4pom8)>a:where(.svelte-1x4pom8):hover,.sheet-surface.svelte-1x4pom8 nav:where(.svelte-1x4pom8)>a:where(.svelte-1x4pom8):focus-visible{border-color:var(--accent-border);background:var(--accent-soft)}.sheet-surface.svelte-1x4pom8 nav:where(.svelte-1x4pom8)>button.active:where(.svelte-1x4pom8){color:var(--accent);border-color:var(--accent-border);background:var(--accent-soft)}nav.svelte-1x4pom8 button:where(.svelte-1x4pom8)>span:where(.svelte-1x4pom8),nav.svelte-1x4pom8 a:where(.svelte-1x4pom8)>span:where(.svelte-1x4pom8),.developer-row.svelte-1x4pom8>span:where(.svelte-1x4pom8){gap:3px;min-width:0;display:grid}nav.svelte-1x4pom8 strong:where(.svelte-1x4pom8),.developer-row.svelte-1x4pom8 strong:where(.svelte-1x4pom8){font-size:.8rem}nav.svelte-1x4pom8 small:where(.svelte-1x4pom8),.developer-row.svelte-1x4pom8 small:where(.svelte-1x4pom8){color:var(--muted);text-overflow:ellipsis;font-size:.72rem;line-height:1.35;overflow:hidden}.developer-row.svelte-1x4pom8{border-top:1px solid var(--border);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:14px;min-height:62px;margin-top:14px;padding:10px 12px;display:flex}.diagnostics-label.svelte-1x4pom8{margin-top:14px}.sheet-surface.svelte-1x4pom8 nav.diagnostics:where(.svelte-1x4pom8){grid-template-columns:repeat(2,minmax(0,1fr))}.application-label.svelte-1x4pom8{margin-top:14px}.sheet-surface.svelte-1x4pom8 nav.utility:where(.svelte-1x4pom8){grid-template-columns:1fr}@media (width<=359px){.brand.svelte-1x4pom8 span:where(.svelte-1x4pom8){display:none}.sheet-surface.svelte-1x4pom8 nav:where(.svelte-1x4pom8){grid-template-columns:1fr}}@media (orientation:landscape) and (height<=539px){.sheet-surface.svelte-1x4pom8{border-bottom:1px solid var(--border-strong);border-radius:var(--radius-overlay);width:min(520px,100vw - 20px);max-height:none;inset:10px 10px 10px auto}.sheet-surface.svelte-1x4pom8 nav:where(.svelte-1x4pom8){grid-template-columns:repeat(3,minmax(0,1fr))}.sheet-surface.svelte-1x4pom8 nav.diagnostics:where(.svelte-1x4pom8){grid-template-columns:repeat(2,minmax(0,1fr))}}.left-nav.svelte-1aiibme{border-right:1px solid var(--border);background:var(--panel);z-index:8;flex-direction:column;flex-shrink:0;width:168px;padding:8px 0;display:flex;overflow:hidden}.nav-group.svelte-1aiibme{scrollbar-width:none;flex-direction:column;flex:auto;gap:2px;min-height:0;display:flex;overflow-y:auto}.nav-group.svelte-1aiibme::-webkit-scrollbar{display:none}.settings-group.svelte-1aiibme{border-top:1px solid var(--border);flex:none;margin-top:auto;padding-top:8px}.group-label.svelte-1aiibme{color:var(--muted);opacity:.65;font:600 9px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;margin:8px 18px 5px}.developer-label.svelte-1aiibme{border-top:1px solid var(--border);margin-top:15px;padding-top:13px}button.svelte-1aiibme,.nav-link.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 12px 10px 18px;font-size:.82rem;font-weight:500;text-decoration:none;transition:color .12s,background .12s,border-color .12s;display:flex;overflow:hidden}button.svelte-1aiibme:hover,.nav-link.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{text-overflow:ellipsis;display:inline-block;overflow:hidden}.settings-panel.svelte-182y78p{width:min(100%,1000px);margin:0 auto}.settings-grid.svelte-182y78p{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}fieldset.svelte-182y78p{border:1px solid var(--border);border-radius:var(--radius-card);background:var(--surface);min-width:0;padding:16px}legend.svelte-182y78p{padding:0 5px;font-size:.8rem;font-weight:700}label.svelte-182y78p{color:var(--muted);gap:6px;margin-bottom:12px;font-size:.73rem;display:grid}select.svelte-182y78p,input.svelte-182y78p:not([type=checkbox]):not([type=range]),button.svelte-182y78p{min-width:0;min-height:var(--control-height);border:1px solid var(--border);border-radius:var(--radius-control);color:var(--text);background:var(--bg-2);padding:0 9px}button.svelte-182y78p:not(:disabled){cursor:pointer}output.svelte-182y78p{color:var(--text-accent);font:500 .73rem/1 var(--mono)}.field-note.svelte-182y78p{color:var(--muted);margin:0 0 12px;font-size:.73rem;line-height:1.5}.player-list.svelte-182y78p{margin:-5px 0}.player-row.svelte-182y78p{min-width:0;min-height:52px;color:var(--muted);grid-template-columns:20px minmax(0,1fr) auto;align-items:center;gap:10px;display:grid}.player-row.svelte-182y78p+.player-row:where(.svelte-182y78p){border-top:1px solid var(--border)}.player-row.svelte-182y78p svg{color:var(--muted-solid)}.row-copy.svelte-182y78p{gap:2px;min-width:0;display:grid}.row-copy.svelte-182y78p strong:where(.svelte-182y78p){color:var(--text);font-size:.8rem;font-weight:600}.row-copy.svelte-182y78p small:where(.svelte-182y78p){color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:.67rem;line-height:1.35;overflow:hidden}.controller-state.svelte-182y78p{min-width:0;max-width:190px;color:var(--muted);font:500 .67rem/1 var(--mono);align-items:center;gap:6px;display:flex}.controller-state.svelte-182y78p i:where(.svelte-182y78p){background:var(--disabled);border-radius:50%;flex:none;width:7px;height:7px}.controller-state.svelte-182y78p>span:where(.svelte-182y78p){text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.controller-state.connected.svelte-182y78p{color:var(--success-text)}.controller-state.connected.svelte-182y78p i:where(.svelte-182y78p){background:var(--success-dot)}.controller-state.limited.svelte-182y78p{color:var(--warning)}.controller-state.limited.svelte-182y78p i:where(.svelte-182y78p){background:var(--warning)}button.player-row.svelte-182y78p{text-align:left;background:0 0;border:0;border-radius:0;width:100%;min-height:52px;padding:0}button.player-row.svelte-182y78p:not(:disabled):hover{color:var(--text);background:var(--surface-subtle)}button.player-row.svelte-182y78p:disabled{opacity:.58}.fullscreen-row.svelte-182y78p .row-copy:where(.svelte-182y78p){grid-column:2/4}.developer-setting.svelte-182y78p{justify-content:space-between;align-items:center;gap:16px;min-height:48px;display:flex}.developer-setting.svelte-182y78p>span:where(.svelte-182y78p){gap:5px;display:grid}.developer-setting.svelte-182y78p strong:where(.svelte-182y78p){color:var(--text);font-size:.8rem}.developer-setting.svelte-182y78p small:where(.svelte-182y78p){color:var(--muted);font-size:.7rem;line-height:1.4}.check.svelte-182y78p{text-transform:capitalize;align-items:center;gap:7px;min-height:44px;display:flex}.check.svelte-182y78p input:where(.svelte-182y78p){min-width:auto;min-height: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);border-radius:var(--radius-control);background:var(--surface-subtle);min-width:0;padding:8px}.audio-metrics.svelte-182y78p dt:where(.svelte-182y78p){color:var(--muted);font-size:.67rem}.audio-metrics.svelte-182y78p dd:where(.svelte-182y78p){font:.73rem var(--mono);overflow-wrap:anywhere;margin:4px 0 0}.product-details.svelte-182y78p{grid-column:1/-1}.product-summary.svelte-182y78p{justify-content:space-between;align-items:center;gap:16px;display:flex}.product-summary.svelte-182y78p>span:where(.svelte-182y78p){gap:3px;display:grid}.product-summary.svelte-182y78p small:where(.svelte-182y78p){color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:.67rem}.product-summary.svelte-182y78p strong:where(.svelte-182y78p){font:600 .87rem/1 var(--mono)}.product-links.svelte-182y78p{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.product-links.svelte-182y78p a:where(.svelte-182y78p){min-height:var(--control-height);border:1px solid var(--border);border-radius:var(--radius-control);color:var(--accent);background:var(--bg-2);align-items:center;padding:0 9px;font-size:.73rem;text-decoration:none;transition:color .12s,border-color .12s,background .12s;display:inline-flex}.product-links.svelte-182y78p a:where(.svelte-182y78p):hover,.product-links.svelte-182y78p a:where(.svelte-182y78p):focus-visible{color:var(--text-strong);border-color:var(--accent-border);background:var(--accent-soft)}.build-details.svelte-182y78p{border-top:1px solid var(--border);grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px;margin:14px 0 0;padding-top:8px;display:grid}.build-details.svelte-182y78p div:where(.svelte-182y78p){grid-template-columns:72px minmax(0,1fr);gap:8px;min-width:0;padding:6px 0;display:grid}.build-details.svelte-182y78p dt:where(.svelte-182y78p){color:var(--muted);font-size:.67rem}.build-details.svelte-182y78p dd:where(.svelte-182y78p){overflow-wrap:anywhere;font:.67rem/1.4 var(--mono);margin:0}.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:.73rem}@media (width<=760px){.settings-grid.svelte-182y78p{grid-template-columns:1fr}.product-details.svelte-182y78p{grid-column:auto}}@media (width<=520px){.product-summary.svelte-182y78p{flex-direction:column;align-items:flex-start}.product-links.svelte-182y78p{justify-content:flex-start;width:100%}.build-details.svelte-182y78p{grid-template-columns:1fr}}.midi-panel.svelte-4v8x0d{width:min(100%,960px);margin:0 auto}.midi-card.svelte-4v8x0d{border:1px solid var(--border);border-radius:var(--radius-card);background:var(--surface);padding:16px}.midi-card.svelte-4v8x0d>p:where(.svelte-4v8x0d){color:var(--muted)}.diagnostic-detail.svelte-4v8x0d{color:var(--muted);font:.73rem/1.5 var(--mono)}button.svelte-4v8x0d,select.svelte-4v8x0d{min-width:44px;min-height:var(--control-height);border:1px solid var(--border);border-radius:var(--radius-control);color:var(--text);background:var(--bg-2);padding:0 9px}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:12px;display:grid}label.svelte-4v8x0d{color:var(--muted);gap:7px;font-size:.8rem;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);border-radius:var(--radius-control);background:var(--surface-subtle);padding:10px 12px}dt.svelte-4v8x0d{color:var(--muted);font-size:.73rem}dd.svelte-4v8x0d{font:600 .93rem/1 var(--mono);margin:5px 0 0}.midi-error.svelte-4v8x0d{margin-top:16px;color:var(--danger-text)!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{min-width:44px;min-height:var(--control-height);border:1px solid var(--border);border-radius:var(--radius-control);color:var(--text);background:var(--bg-2);padding:0 9px}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:var(--danger-text)}.feedback.svelte-7ebsbn{color:var(--muted);font-size:12px}.log-list.svelte-7ebsbn{border:1px solid var(--border);border-radius:var(--radius-card);background:var(--console);min-height:260px;max-height:calc(100vh - 310px);margin:0;padding:0;list-style:none;overflow:auto}li.svelte-7ebsbn{border-bottom:1px solid var(--border);font:.73rem/1.35 var(--mono);grid-template-columns:92px 48px 100px 90px minmax(0,1fr);gap:8px;padding:7px 10px;display:grid}li.svelte-7ebsbn>:where(.svelte-7ebsbn){min-width:0}time.svelte-7ebsbn,.thread.svelte-7ebsbn{color:var(--muted)}.severity.svelte-7ebsbn,.category.svelte-7ebsbn{text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;overflow:hidden}.thread.svelte-7ebsbn{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.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:var(--danger-text)}.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}}@media (width<=520px){.log-toolbar.svelte-7ebsbn{grid-template-columns:1fr}.log-list.svelte-7ebsbn{min-height:260px;max-height:none}li.svelte-7ebsbn{grid-template-columns:76px 44px minmax(0,1fr);gap:5px 8px}.message.svelte-7ebsbn{grid-column:1/-1;padding-top:2px}}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}}.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);border-radius:var(--radius-card);background:var(--surface);margin-bottom:12px;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){min-width:44px;min-height:44px;color:var(--muted);text-transform:capitalize;align-items:center;font-size:11px}.categories.svelte-csko4f label:where(.svelte-csko4f){display:inline-flex}button.svelte-csko4f,input.svelte-csko4f:not([type=checkbox]){min-width:44px;min-height:var(--control-height);border:1px solid var(--border);border-radius:var(--radius-control);color:var(--text);background:var(--bg-2);padding:0 9px}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:var(--danger-text)}.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>button:where(.svelte-csko4f){white-space:nowrap}.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){border-radius:var(--radius-control);background:var(--surface-subtle);padding:9px}dt.svelte-csko4f{color:var(--muted);font-size:10px}dd.svelte-csko4f{font:11px var(--mono);margin:4px 0 0}table.svelte-csko4f{border-collapse:collapse;width:100%;font:11px var(--mono)}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}}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/space-grotesk-latin-400-normal-CJ-V5oYT.woff2)format("woff2")}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:500;font-display:swap;src:url(/assets/space-grotesk-latin-500-normal-lFbtlQH6.woff2)format("woff2")}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:600;font-display:swap;src:url(/assets/space-grotesk-latin-600-normal-DjKNqYRj.woff2)format("woff2")}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:700;font-display:swap;src:url(/assets/space-grotesk-latin-700-normal-RjhwGPKo.woff2)format("woff2")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/ibm-plex-mono-latin-400-normal-DMJ8VG8y.woff2)format("woff2")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:500;font-display:swap;src:url(/assets/ibm-plex-mono-latin-500-normal-DSY6xOcd.woff2)format("woff2")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:600;font-display:swap;src:url(/assets/ibm-plex-mono-latin-600-normal-BgSNZQsw.woff2)format("woff2")}:root{--sans:"Space Grotesk", "Segoe UI", system-ui, sans-serif;--mono:"IBM Plex Mono", Consolas, "Fira Mono", monospace;font-family:var(--sans);color:#d4d4d8;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;text-rendering:optimizelegibility;--text:#d4d4d8;--text-strong:#e7e7ea;--text-accent:#b9ebff;--bg-0:#0d0d10;--bg-1:#111114;--bg-2:#1a1a1e;--panel:#141418;--surface:#141418;--surface-raised:#1a1a1e;--surface-subtle:#ffffff05;--console:#0f1014;--background:#0d0d10;--border:#ffffff12;--border-strong:#ffffff1f;--muted:#d4d4d88c;--muted-solid:#9ea1ad;--disabled:#737984;--accent:#4cc9f0;--accent-2:#9c6bff;--accent-soft:#4cc9f014;--accent-fill:#4cc9f01a;--accent-fill-strong:#4cc9f029;--accent-border-soft:#4cc9f047;--accent-border:#4cc9f073;--accent-border-strong:#4cc9f08c;--success:#6bdd8b;--success-dot:#3dd68c;--success-text:#8ee8b6;--warning:#f7c266;--danger:#ff6b6b;--danger-text:#ff8b8b;--danger-notice:#ffb2b2;--control-toggle-off:#ffffff0d;--radius-tight:4px;--radius-control:6px;--radius-card:8px;--radius-overlay:10px;--control-height:34px;background:#0d0d10;font-size:15px;font-weight:400;line-height:1.4}*,: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{color:var(--text);background:var(--bg-0);overflow:hidden}button,input,select{font:inherit}button{cursor:pointer}button:disabled,select:disabled,input:disabled{cursor:not-allowed}: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}::-webkit-scrollbar-thumb:hover{background:#fff3}.dashboard{flex-direction:column;width:100%;height:100dvh;display:flex;overflow:hidden}.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:0;min-height:0;position:relative;overflow:hidden}.device-stage{width:100%;height:100%;min-height:0}.page-panel{width:100%;height:100%;padding:16px;overflow:auto}.section-heading{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.eyebrow{color:var(--accent);font:600 .67rem/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:1.47rem}.phase-badge{border:1px solid var(--border);color:var(--muted);font:600 .67rem/1 var(--mono);letter-spacing:.03em;text-transform:uppercase;border-radius:999px;padding:4px 7px}.page-panel :where(button:not(.toggle-switch),select,input[type=text],input[type=search],input[type=number]),.recovery-card button,.host-conflict button{min-height:var(--control-height);border:1px solid var(--border);border-radius:var(--radius-control);color:var(--text);background:var(--bg-2);transition:color .12s,border-color .12s,background .12s,opacity .12s}.page-panel :where(button:not(.toggle-switch)):hover:not(:disabled),.recovery-card button:hover:not(:disabled),.host-conflict button:hover:not(:disabled){color:var(--text-strong);border-color:var(--accent-border);background:var(--accent-soft)}.page-panel :where(button,select,input):disabled,.recovery-card button:disabled,.host-conflict button:disabled{opacity:.55}.page-panel input[type=checkbox]{appearance:none;border:1px solid var(--muted);width:15px;min-width:15px;height:15px;min-height:15px;color:var(--accent);background:var(--surface-subtle);border-radius:2px;place-content:center;padding:0;transition:color .12s,border-color .12s,background .12s;display:inline-grid}.page-panel input[type=checkbox]:before{content:"";background:currentColor;border-radius:1px;width:9px;height:9px;transition:transform .12s;transform:scale(0)}.page-panel input[type=checkbox]:checked{border-color:var(--accent);background:var(--accent-fill-strong)}.page-panel input[type=checkbox]:checked:before{transform:scale(1)}.page-panel input[type=range]{appearance:none;background:0 0;border:0;width:100%;height:34px;min-height:34px;margin:0;padding:0}.page-panel input[type=range]::-webkit-slider-runnable-track{background:var(--border-strong);border-radius:999px;height:2px}.page-panel input[type=range]::-moz-range-track{background:var(--border-strong);border:0;border-radius:999px;height:2px}.page-panel input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--muted-solid);border:0;border-radius:50%;width:10px;height:10px;margin-top:-4px;transition:background .12s,transform .12s}.page-panel input[type=range]::-moz-range-thumb{background:var(--muted-solid);border:0;border-radius:50%;width:10px;height:10px;transition:background .12s,transform .12s}.page-panel input[type=range]:hover::-webkit-slider-thumb{background:var(--accent);transform:scale(1.1)}.page-panel input[type=range]:focus-visible::-webkit-slider-thumb{background:var(--accent);transform:scale(1.1)}.page-panel input[type=range]:hover::-moz-range-thumb{background:var(--accent);transform:scale(1.1)}.page-panel input[type=range]:focus-visible::-moz-range-thumb{background:var(--accent);transform:scale(1.1)}.recovery-card{z-index:12;border-radius:var(--radius-card);background:#ff6b6b14;border:1px solid #ff6b6b47;width:min(100% - 40px,960px);margin:20px auto;padding:18px;position:relative}.recovery-card p,.recovery-card span{color:var(--muted);font-size:.8rem}.recovery-card code{border-radius:var(--radius-control);font:.73rem/1.5 var(--mono);background:#00000040;margin:12px 0;padding:10px;display:block}.recovery-card button{min-width:44px;padding:7px 10px}.host-conflict{border:1px solid var(--border-strong);border-radius:var(--radius-overlay);width:min(520px,100% - 32px);max-height:calc(100dvh - 32px);color:var(--text);background:var(--panel);margin:auto;padding:16px;overflow:auto;box-shadow:0 18px 48px #00000073}.host-conflict::backdrop{background:#00000094}.host-conflict h2{margin-bottom:8px;font-size:.94rem}.host-conflict p,.host-conflict dl{color:var(--muted);font-size:.76rem}.host-conflict dl{grid-template-columns:max-content minmax(0,1fr);gap:5px 10px;display:grid}.host-conflict dd{overflow-wrap:anywhere;font-family:var(--mono);margin:0}.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:not(.sr-only){min-width:44px;min-height:var(--control-height);border:1px solid var(--border);border-radius:var(--radius-control);color:var(--text);background:#ffffff0a;padding:5px 9px;font-size:.74rem}.files-panel button:hover:not(:disabled){color:var(--text-strong);border-color:var(--accent-border);background:var(--accent-soft)}.files-panel button:disabled{opacity:.55}.host-folder,.restore-preview{border:1px solid var(--border);border-radius:var(--radius-card);background:var(--surface-subtle);margin:0 0 12px;padding:12px}.host-folder p,.file-sync,.file-feedback{color:var(--muted);margin:0 0 9px;font-size:.76rem;line-height:1.5}.file-sync{justify-content:space-between;align-items:center;gap:12px;display:flex}.file-sync[role=alert]{border-radius:var(--radius-control);color:var(--danger-notice);background:#ff6b6b14;border:1px solid #ff6b6b38;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);background:var(--console);width:100%;font:.73rem/1.4 var(--mono)}.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:.6rem}.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){:root{--control-height:44px}.workspace{min-width:0}.page-panel{padding:14px}.section-heading{align-items:flex-start;gap:12px}.section-heading h1{font-size:1.2rem}.files-panel button,.files-panel input:not(.sr-only){min-height:44px;padding:9px 11px}.file-actions{grid-template-columns:repeat(2,minmax(0,1fr));width:100%;display:grid}.section-heading:has(+.host-folder){display:grid}.file-sync{flex-direction:column;align-items:flex-start}.file-list,.file-list tbody{background:0 0;border:0;display:block}.file-list thead{display:none}.file-list tr{border:1px solid var(--border);border-radius:var(--radius-card);background:var(--console);margin-bottom:9px;padding:10px;display:grid}.file-list td{overflow-wrap:anywhere;border:0;grid-template-columns:64px minmax(0,1fr);align-items:center;min-height:34px;padding:4px 0;display:grid!important}.file-list td:before{content:attr(data-label);color:var(--muted);font:600 .67rem/1 var(--mono);letter-spacing:.08em;text-transform:uppercase}.file-list td:last-child{border-top:1px solid var(--border);padding-top:8px;display:flex!important}.file-list td:last-child:before{display:none}.file-list td:last-child button{flex:84px}.file-list .empty-row td{padding:10px;display:block!important}.file-list .empty-row td:before{display:none}}.dashboard[data-layout=compact] .page-panel :is(button,a[href],select,input[type=text],input[type=search],input[type=number],input[type=range]){min-width:44px;min-height:44px}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}