html,body,#app{width:100%;height:100%;margin:0}html{user-select:none;-webkit-user-select:none}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;overflow:hidden}.navigator[data-v-a23cf98b]{display:grid;grid-template-columns:minmax(96px,1fr) auto minmax(240px,1fr);align-items:center;box-sizing:border-box;min-width:0;min-height:58px;padding:8px clamp(16px,3vw,32px);column-gap:24px}.navigator-brand[data-v-a23cf98b]{display:inline-flex;justify-self:start;padding:0;color:inherit;background:transparent;border:0;cursor:pointer}.navigator-logo[data-v-a23cf98b]{width:60px;height:auto;display:block}.navigator-menu[data-v-a23cf98b]{min-width:0;font-size:16px}.navigator-extra[data-v-a23cf98b]{display:flex;justify-self:end;gap:16px;align-items:center;white-space:nowrap}.window-overlay[data-v-77e74f5e]{position:absolute;left:0;right:0;top:0;bottom:0;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#0000001a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:9999}.overlay-title[data-v-77e74f5e]{font-size:24px;font-weight:700}.app-shell[data-v-7b8eca1d]{--app-color: var(--v1c1854c9);--app-surface-color: var(--v7a646fca);--app-text-color: var(--v4fb3040f);--app-border-color: var(--v493670e2);--app-primary-color: var(--v4eeadf99);--app-primary-hover-color: var(--v0548d123);position:relative;isolation:isolate;display:grid;grid-template-rows:auto minmax(0,1fr);box-sizing:border-box;width:100%;height:100vh;height:100dvh;color:var(--app-text-color);background-color:var(--app-color);overflow:hidden}.app-header[data-v-7b8eca1d]{position:relative;z-index:10;box-sizing:border-box;min-width:0;background-color:var(--app-surface-color);border-bottom:1px solid var(--app-border-color)}.app-content[data-v-7b8eca1d]{position:relative;box-sizing:border-box;min-width:0;min-height:0;overflow:hidden}.home-canvas[data-v-3294f2ce]{position:absolute;left:0;right:0;top:0;bottom:0;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;background-color:var(--app-color)}.home-canvas[data-v-3294f2ce]:before{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;content:"";pointer-events:none;opacity:.42;background-image:linear-gradient(var(--app-border-color) 1px,transparent 1px),linear-gradient(90deg,var(--app-border-color) 1px,transparent 1px);background-size:40px 40px;-webkit-mask-image:linear-gradient(to bottom,black,transparent 78%);mask-image:linear-gradient(to bottom,black,transparent 78%)}.home-canvas[data-v-3294f2ce]>*{position:relative;z-index:1}.home-title[data-v-3294f2ce]{font-size:48px;margin-top:0;margin-bottom:16px}.home-paragraph[data-v-3294f2ce]{font-size:16px;margin-bottom:16px}.button-container[data-v-3294f2ce]{display:flex;gap:12px}.keycode-card[data-v-b0e005b1]{width:60px;height:60px;border:2px solid;border-radius:4px;border-color:var(--v70dc365b);background-color:var(--v562d7983);box-sizing:border-box;word-break:break-word;text-align:center;display:flex;justify-content:center;align-items:center;cursor:pointer}.keycode-card[data-v-b0e005b1]:hover{border-color:var(--v2f18eb3d)}.keycode-card-transition[data-v-b0e005b1]{transition:border-color .2s ease-in-out,background-color .2s ease-in-out}.keycode-helper[data-v-99317c9d]{position:absolute;bottom:0;left:0;right:0;padding:5px;background-color:#0003;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);transition:all .2s ease-in-out;text-align:center}.fade-enter-active[data-v-99317c9d],.fade-leave-active[data-v-99317c9d]{transition:opacity .2s ease-in-out}.fade-enter[data-v-99317c9d],.fade-leave-to[data-v-99317c9d]{opacity:0}.empty-container[data-v-89667e8b]{position:absolute;left:0;right:0;top:0;bottom:0;display:flex;justify-content:center;align-items:center}.host-selector[data-v-dc3031fc]{display:grid;gap:10px}.host-selector-header[data-v-dc3031fc]{display:flex;align-items:center;justify-content:space-between;min-height:34px}.host-slots[data-v-dc3031fc]{display:grid;gap:8px;max-width:100%}.host-slot[data-v-dc3031fc]{width:100%;height:54px}.host-slot-content[data-v-dc3031fc]{display:flex;flex-direction:column;align-items:center;line-height:1.2}.host-slot-content strong[data-v-dc3031fc]{font-size:16px}.host-slot-content small[data-v-dc3031fc]{margin-top:3px;font-size:11px;opacity:.78}.key-cap[data-v-381ec267]{cursor:pointer;position:absolute;left:2px;top:2px}.key-cap-outer[data-v-381ec267]{position:absolute;width:var(--v2fcd5b41);height:var(--v14aa99cc);left:var(--v1125194f);top:var(--v7906462e);border-radius:var(--b31af30e);background-color:var(--v163a249a)}.key-cap-outer-2[data-v-381ec267]{position:absolute;width:var(--v37577fb2);height:var(--c9c25a08);left:var(--v2df443d9);top:var(--v7b8e9a4c);border-radius:var(--v42547bef);background-color:var(--v163a249a)}.key-cap-inner[data-v-381ec267]{position:absolute;width:var(--f22347f4);height:var(--bcac9cb2);left:var(--v07874494);top:var(--v6f687173);border-radius:var(--v3ada0dd6);background-color:var(--v83f79e90)}.key-cap-inner-2[data-v-381ec267]{position:absolute;width:var(--v71535802);height:var(--a3fa92fe);left:var(--v03d78134);top:var(--cfc81f96);border-radius:var(--v3adde032);background-color:var(--v83f79e90)}.key-cap-label[data-v-381ec267]{position:absolute;left:var(--v57892536);top:var(--v812b5bd6);width:var(--babaf810)}.key-cap:hover .key-cap-outer[data-v-381ec267],.key-cap:hover .key-cap-outer-2[data-v-381ec267]{background-color:var(--v2d7d8f37)}.key-cap:hover .key-cap-inner[data-v-381ec267],.key-cap:hover .key-cap-inner-2[data-v-381ec267]{background-color:var(--v4e366752)}.key-cap-outer-selected[data-v-381ec267]{animation:breathe-outer-381ec267 2s infinite}.key-cap-inner-selected[data-v-381ec267]{animation:breathe-inner-381ec267 2s infinite}@keyframes breathe-outer-381ec267{0%{background-color:var(--v2d7d8f37)}50%{background-color:var(--v0d75b850)}to{background-color:var(--v2d7d8f37)}}@keyframes breathe-inner-381ec267{0%{background-color:var(--v4e366752)}50%{background-color:var(--v406cdc46)}to{background-color:var(--v4e366752)}}.key-cap-outer[data-v-381ec267],.key-cap-outer-2[data-v-381ec267],.key-cap-inner[data-v-381ec267],.key-cap-inner-2[data-v-381ec267],.key-cap-label[data-v-381ec267]{transition:background-color .2s ease-in-out}.joystick{cursor:pointer;position:absolute;left:2px;top:2px}.joystick-outer-up{position:absolute;width:var(--v6df1de0c);height:var(--c9d31f3e);left:var(--v1df8b99a);top:var(--f44c330e);background-color:var(--v49991dea);border-radius:var(--v36d1ed78);clip:rect(0 var(--eb5c51ea) var(--eb5c51ea) 0);transform:rotate(45deg)}.joystick-outer-right{position:absolute;width:var(--v6df1de0c);height:var(--c9d31f3e);left:var(--v1df8b99a);top:var(--f44c330e);background-color:var(--v49991dea);border-radius:var(--v36d1ed78);clip:rect(0 var(--eb5c51ea) var(--eb5c51ea) 0);transform:rotate(135deg)}.joystick-outer-bottom{position:absolute;width:var(--v6df1de0c);height:var(--c9d31f3e);left:var(--v1df8b99a);top:var(--f44c330e);background-color:var(--v49991dea);border-radius:var(--v36d1ed78);clip:rect(0 var(--eb5c51ea) var(--eb5c51ea) 0);transform:rotate(225deg)}.joystick-outer-left{position:absolute;width:var(--v6df1de0c);height:var(--c9d31f3e);left:var(--v1df8b99a);top:var(--f44c330e);background-color:var(--v49991dea);border-radius:var(--v36d1ed78);clip:rect(0 var(--eb5c51ea) var(--eb5c51ea) 0);transform:rotate(315deg)}.joystick-inner{position:absolute;width:var(--fe547cde);height:var(--v36a20508);left:var(--v047d279f);top:var(--v6c5e547e);background-color:var(--v12ba60ef);border-radius:var(--v110a266e)}.joystick-outer-up,.joystick-outer-right,.joystick-outer-bottom,.joystick-outer-left,.joystick-inner{transition:background-color .2s ease-in-out}.joystick-outer-up:hover,.joystick-outer-right:hover,.joystick-outer-bottom:hover,.joystick-outer-left:hover{background-color:var(--be002d40)}.joystick-inner:hover{background-color:var(--v7c8e7d0a)}.joystick-outer-selected{animation:breathe-outer 2s infinite}.joystick-inner-selected{animation:breathe-inner 2s infinite}@keyframes breathe-outer{0%{background-color:var(--be002d40)}50%{background-color:var(--v3101a5e2)}to{background-color:var(--be002d40)}}@keyframes breathe-inner{0%{background-color:var(--v7c8e7d0a)}50%{background-color:var(--v63f8c9d8)}to{background-color:var(--v7c8e7d0a)}}.encoder{cursor:pointer;position:absolute;left:2px;top:2px}.encoder-outer-left,.encoder-outer-right{position:absolute;width:var(--v23bbc8fa);height:var(--v20ede1ca);left:var(--v2ad84a91);top:var(--da8d1120);background-color:var(--v872a1c86);border-radius:var(--v64c746bb)}.encoder-outer-left{clip-path:inset(0 50% 0 0)}.encoder-outer-right{clip-path:inset(0 0 0 50%)}.encoder-inner{position:absolute;width:var(--v0105ff08);height:var(--v6a866ee5);left:var(--v115cb896);top:var(--v793de575);background-color:var(--f4e7967c);border-radius:var(--v77ab2a40)}.encoder-outer-left,.encoder-outer-right,.encoder-inner{transition:background-color .2s ease-in-out}.encoder-outer-left:hover,.encoder-outer-right:hover{background-color:var(--v812efd26)}.encoder-inner:hover{background-color:var(--v3fbd4cf0)}.encoder-outer-selected{animation:breathe-encoder-outer 2s infinite}.encoder-inner-selected{animation:breathe-encoder-inner 2s infinite}@keyframes breathe-encoder-outer{0%{background-color:var(--v812efd26)}50%{background-color:var(--d595043c)}to{background-color:var(--v812efd26)}}@keyframes breathe-encoder-inner{0%{background-color:var(--v3fbd4cf0)}50%{background-color:var(--v7bb9ebe7)}to{background-color:var(--v3fbd4cf0)}}.keymap-canvas[data-v-ed76bcb7]{position:absolute;left:0;right:0;top:0;bottom:0;display:flex;justify-content:center;align-items:center}.keymap-container[data-v-ed76bcb7]{position:absolute;width:var(--v7f039a64);height:var(--cbd69842);transform:scale(var(--a75863b0));transition:all .2s}.keymap-frame[data-v-ed76bcb7]{position:absolute;width:var(--v7f039a64);height:var(--cbd69842);background-color:var(--v0fc18cd5);border:4px solid var(--v52bd2d98);border-radius:10px;transform:scale(var(--a75863b0));transition:all .2s;box-shadow:#00000030 0 10px 20px,#0000003b 0 6px 6px}.keymap-not-support[data-v-ed76bcb7]{font-size:30px;font-weight:700}.keymap-header[data-v-5b19d7fe]{display:flex;justify-content:space-between;align-items:center}.keymap-title[data-v-5b19d7fe]{font-size:16px;margin:0}.keymap-actions[data-v-5b19d7fe]{display:flex;gap:8px}.loading-overlay[data-v-9facb722]{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0003;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);display:flex;justify-content:center;align-items:center;flex-direction:column;z-index:1000}.loading-spinner[data-v-9facb722]{width:50px;height:50px;border:4px solid #fff;border-top:4px solid var(--v3e30ff18);border-radius:50%;animation:spin-9facb722 1s linear infinite}.loading-text[data-v-9facb722]{margin-top:20px;color:#fff}@keyframes spin-9facb722{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.key-cap[data-v-4f433060]{position:absolute;left:2px;top:2px}.key-cap-outer[data-v-4f433060]{position:absolute;width:var(--v3053e9c0);height:var(--v5db7e5cd);left:var(--v4f8690ae);top:var(--v913084e6);border-radius:var(--v5e7b3658);background-color:var(--v4da8b0d2)}.key-cap-inner[data-v-4f433060]{position:absolute;width:var(--v3ef70be5);height:var(--v2a9204b0);left:var(--v45e8bbf3);top:var(--a46c2e5c);border-radius:var(--f8314c52);background-color:var(--v16c9f3d7)}.key-cap-label[data-v-4f433060]{position:absolute;left:var(--d42ac6d6);top:var(--v04686d18)}.key-cap-outer-down[data-v-4f433060]{background-color:var(--v691c3c60)}.key-cap-inner-down[data-v-4f433060]{background-color:var(--v66ffcb56)}.key-cap-outer-up[data-v-4f433060]{background-color:var(--v3de2fb37)}.key-cap-inner-up[data-v-4f433060]{background-color:var(--v43bf90fc)}.key-cap-outer[data-v-4f433060],.key-cap-inner[data-v-4f433060],.key-cap-label[data-v-4f433060]{transition:background-color .2s ease-in-out}.tester-canvas[data-v-6f7713c5]{position:absolute;left:0;right:0;top:0;bottom:0;display:flex;justify-content:center;align-items:center}.tester-container[data-v-6f7713c5]{position:absolute;width:var(--v8f8659c8);height:var(--cbabc55e);transform:scale(var(--v91287ecc));transition:all .2s}.tester-frame[data-v-6f7713c5]{position:absolute;width:var(--v8f8659c8);height:var(--cbabc55e);background-color:var(--b10347f6);border:4px solid var(--v57e31738);border-radius:10px;transform:scale(var(--v91287ecc));transition:all .2s;box-shadow:#00000030 0 10px 20px,#0000003b 0 6px 6px}.dfu-canvas[data-v-ef000925]{position:absolute;left:0;right:0;top:0;bottom:0;display:flex;justify-content:center;align-items:center}.dfu-container[data-v-ef000925]{width:600px;display:flex;flex-flow:column;justify-content:start;gap:8px 12px}.dfu-message[data-v-ef000925]{font-size:25px;font-weight:700;text-align:center}.settings-container[data-v-05e08fb1]{max-width:800px;margin:0 auto;padding:32px}.settings-section[data-v-05e08fb1]{margin-bottom:32px;padding-bottom:24px;border-bottom:1px solid var(--v3243c426)}.section-title[data-v-05e08fb1]{font-size:20px;font-weight:600;margin-bottom:16px}.setting-item[data-v-05e08fb1]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.setting-label[data-v-05e08fb1]{display:flex;flex-direction:column}.setting-description[data-v-05e08fb1]{color:#666;margin-top:4px}@media (max-width: 750px){.setting-item[data-v-05e08fb1]{flex-direction:column;align-items:flex-start;gap:8px}}.not-found-canvas[data-v-4d7c1126]{position:absolute;left:0;right:0;top:0;bottom:0;display:flex;justify-content:center;align-items:center}.not-found-container[data-v-4d7c1126]{display:flex;flex-flow:column;align-items:center}.not-found-title[data-v-4d7c1126]{font-size:48px;font-weight:700}.not-found-description[data-v-4d7c1126]{font-size:16px}