html{user-select:none;-webkit-user-select:none}body{background-color:#000;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.navigator[data-v-f1e19519]{display:flex;justify-content:center;align-items:center;padding:8px 32px}.navigator-title[data-v-f1e19519]{position:absolute;left:32px;display:flex}.navigator-logo[data-v-f1e19519]{width:60px;height:auto}.navigator-extra[data-v-f1e19519]{position:absolute;right:32px;display:flex;gap:16px;align-items:center}.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}.home-canvas[data-v-233e0da2]{position:absolute;left:0;right:0;top:0;bottom:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.home-title[data-v-233e0da2]{font-size:48px;margin-top:0;margin-bottom:16px}.home-paragraph[data-v-233e0da2]{font-size:16px;margin-bottom:16px}.button-container[data-v-233e0da2]{display:flex;gap:12px}.keycode-card[data-v-b0e005b1]{width:60px;height:60px;border:2px solid;border-radius:4px;border-color:var(--70dc365b);background-color:var(--562d7983);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(--2f18eb3d)}.keycode-card-transition[data-v-b0e005b1]{transition:border-color .2s ease-in-out,background-color .2s ease-in-out}.keycode-helper[data-v-9e221ed1]{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-9e221ed1],.fade-leave-active[data-v-9e221ed1]{transition:opacity .2s ease-in-out}.fade-enter[data-v-9e221ed1],.fade-leave-to[data-v-9e221ed1]{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}.key-cap[data-v-381ec267]{cursor:pointer;position:absolute;left:2px;top:2px}.key-cap-outer[data-v-381ec267]{position:absolute;width:var(--2fcd5b41);height:var(--14aa99cc);left:var(--1125194f);top:var(--7906462e);border-radius:var(--b31af30e);background-color:var(--163a249a)}.key-cap-outer-2[data-v-381ec267]{position:absolute;width:var(--37577fb2);height:var(--c9c25a08);left:var(--2df443d9);top:var(--7b8e9a4c);border-radius:var(--42547bef);background-color:var(--163a249a)}.key-cap-inner[data-v-381ec267]{position:absolute;width:var(--f22347f4);height:var(--bcac9cb2);left:var(--07874494);top:var(--6f687173);border-radius:var(--3ada0dd6);background-color:var(--83f79e90)}.key-cap-inner-2[data-v-381ec267]{position:absolute;width:var(--71535802);height:var(--a3fa92fe);left:var(--03d78134);top:var(--cfc81f96);border-radius:var(--3adde032);background-color:var(--83f79e90)}.key-cap-label[data-v-381ec267]{position:absolute;left:var(--57892536);top:var(--812b5bd6);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(--2d7d8f37)}.key-cap:hover .key-cap-inner[data-v-381ec267],.key-cap:hover .key-cap-inner-2[data-v-381ec267]{background-color:var(--4e366752)}.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(--2d7d8f37)}50%{background-color:var(--0d75b850)}to{background-color:var(--2d7d8f37)}}@keyframes breathe-inner-381ec267{0%{background-color:var(--4e366752)}50%{background-color:var(--406cdc46)}to{background-color:var(--4e366752)}}.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(--6df1de0c);height:var(--c9d31f3e);left:var(--1df8b99a);top:var(--f44c330e);background-color:var(--49991dea);border-radius:var(--36d1ed78);clip:rect(0 var(--eb5c51ea) var(--eb5c51ea) 0);transform:rotate(45deg)}.joystick-outer-right{position:absolute;width:var(--6df1de0c);height:var(--c9d31f3e);left:var(--1df8b99a);top:var(--f44c330e);background-color:var(--49991dea);border-radius:var(--36d1ed78);clip:rect(0 var(--eb5c51ea) var(--eb5c51ea) 0);transform:rotate(135deg)}.joystick-outer-bottom{position:absolute;width:var(--6df1de0c);height:var(--c9d31f3e);left:var(--1df8b99a);top:var(--f44c330e);background-color:var(--49991dea);border-radius:var(--36d1ed78);clip:rect(0 var(--eb5c51ea) var(--eb5c51ea) 0);transform:rotate(225deg)}.joystick-outer-left{position:absolute;width:var(--6df1de0c);height:var(--c9d31f3e);left:var(--1df8b99a);top:var(--f44c330e);background-color:var(--49991dea);border-radius:var(--36d1ed78);clip:rect(0 var(--eb5c51ea) var(--eb5c51ea) 0);transform:rotate(315deg)}.joystick-inner{position:absolute;width:var(--fe547cde);height:var(--36a20508);left:var(--047d279f);top:var(--6c5e547e);background-color:var(--12ba60ef);border-radius:var(--110a266e)}.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(--7c8e7d0a)}.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(--3101a5e2)}to{background-color:var(--be002d40)}}@keyframes breathe-inner{0%{background-color:var(--7c8e7d0a)}50%{background-color:var(--63f8c9d8)}to{background-color:var(--7c8e7d0a)}}.keymap-canvas[data-v-30c941c0]{position:absolute;left:0;right:0;top:0;bottom:0;display:flex;justify-content:center;align-items:center}.keymap-container[data-v-30c941c0]{position:absolute;width:var(--120be076);height:var(--331475c8);transform:scale(var(--6c4aec91));transition:all .2s}.keymap-frame[data-v-30c941c0]{position:absolute;width:var(--120be076);height:var(--331475c8);background-color:var(--1fbeaf4c);border:4px solid var(--5d99e46b);border-radius:10px;transform:scale(var(--6c4aec91));transition:all .2s;box-shadow:#00000030 0 10px 20px,#0000003b 0 6px 6px}.keymap-not-support[data-v-30c941c0]{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(--3e30ff18);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(--3053e9c0);height:var(--5db7e5cd);left:var(--4f8690ae);top:var(--913084e6);border-radius:var(--5e7b3658);background-color:var(--4da8b0d2)}.key-cap-inner[data-v-4f433060]{position:absolute;width:var(--3ef70be5);height:var(--2a9204b0);left:var(--45e8bbf3);top:var(--a46c2e5c);border-radius:var(--f8314c52);background-color:var(--16c9f3d7)}.key-cap-label[data-v-4f433060]{position:absolute;left:var(--d42ac6d6);top:var(--04686d18)}.key-cap-outer-down[data-v-4f433060]{background-color:var(--691c3c60)}.key-cap-inner-down[data-v-4f433060]{background-color:var(--66ffcb56)}.key-cap-outer-up[data-v-4f433060]{background-color:var(--3de2fb37)}.key-cap-inner-up[data-v-4f433060]{background-color:var(--43bf90fc)}.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(--8f8659c8);height:var(--cbabc55e);transform:scale(var(--91287ecc));transition:all .2s}.tester-frame[data-v-6f7713c5]{position:absolute;width:var(--8f8659c8);height:var(--cbabc55e);background-color:var(--b10347f6);border:4px solid var(--57e31738);border-radius:10px;transform:scale(var(--91287ecc));transition:all .2s;box-shadow:#00000030 0 10px 20px,#0000003b 0 6px 6px}.dfu-canvas[data-v-191ce4fb]{position:absolute;left:0;right:0;top:0;bottom:0;display:flex;justify-content:center;align-items:center}.dfu-container[data-v-191ce4fb]{width:600px;display:flex;flex-flow:column;justify-content:start;gap:8px 12px}.dfu-message[data-v-191ce4fb]{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(--3243c426)}.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}