.keyboard-section[data-v-2a7578f5]{display:flex;flex-wrap:wrap;justify-content:space-between;padding:20px;gap:20px}.keyboard-grid[data-v-2a7578f5]{flex:1 1 60%;display:grid;grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:12px;align-content:start}.icon-button[data-v-2a7578f5]{border:none;background:none;cursor:pointer;padding:4px;border-radius:8px;box-shadow:0 2px 4px #0000001f;transition:transform .2s;font-weight:700;font-size:14px}.icon-button[data-v-2a7578f5]:hover{transform:scale(1.05)}.icon-button.selected[data-v-2a7578f5]{outline:2px solid #42b883;outline-offset:1px}.icon-button img[data-v-2a7578f5]{width:100%;height:auto;display:block;border-radius:6px}.icon-button.reset[data-v-2a7578f5]{background-color:#42b883;color:#fff;text-align:center;padding:12px 0}.result-panel[data-v-2a7578f5]{flex:1 1 35%;min-width:220px;background:#f8f8f8;border-radius:12px;box-shadow:inset 0 0 4px #0000000d;display:flex;align-items:center;justify-content:center;padding:20px}.result-content[data-v-2a7578f5]{text-align:center}.selected-icons[data-v-2a7578f5]{display:flex;justify-content:center;gap:20px;margin-top:10px;flex-wrap:wrap}.selected-with-label[data-v-2a7578f5]{display:flex;flex-direction:column;align-items:center;gap:4px}.label[data-v-2a7578f5]{font-size:14px;color:#666}.icon-button.small img[data-v-2a7578f5]{width:48px;height:auto}.warning[data-v-2a7578f5]{color:#e26b6b;font-weight:700}.quick-nav[data-v-43e693ff]{position:fixed;top:50%;right:1vw;transform:translateY(-50%);display:flex;flex-direction:column;gap:1.2vh;z-index:1000;max-height:90vh;overflow-y:auto;overflow-x:hidden;padding-top:8px;scroll-padding-top:8px}.quick-nav[data-v-43e693ff]::-webkit-scrollbar{width:6px;background-color:transparent}.quick-nav[data-v-43e693ff]:hover::-webkit-scrollbar-thumb{background-color:#00000026;border-radius:3px}.quick-nav[data-v-43e693ff]:hover::-webkit-scrollbar-track{background-color:transparent}.nav-item[data-v-43e693ff]{cursor:pointer;transition:transform .2s ease;border-radius:8px}.nav-item img[data-v-43e693ff]{width:min(48px,6vw);height:min(48px,6vw);object-fit:cover;border-radius:8px;box-shadow:0 2px 8px #0000001f;transition:box-shadow .3s ease,transform .2s ease}.nav-item:hover img[data-v-43e693ff]{transform:scale(1.1);box-shadow:0 4px 12px #0003}.nav-item.active img[data-v-43e693ff]{outline:3px solid #42b883;outline-offset:2px}.wirecut-container[data-v-100f39e2]{display:flex;gap:40px;//align-items: flex-start}.controls[data-v-100f39e2]{flex:1 1 250px;display:flex;flex-direction:column;gap:20px;height:auto}.color-buttons[data-v-100f39e2]{display:flex;flex-wrap:wrap;gap:10px}.color-button[data-v-100f39e2]{width:40px;height:40px;border:none;border-radius:8px;cursor:pointer;box-shadow:0 1px 3px #0003}.serial-buttons button[data-v-100f39e2]{background:none;border:none;box-shadow:0 1px 4px #00000080;padding:6px 18px;margin-right:15px;font-size:14px;border-radius:4px;cursor:pointer;transition:background .2s}.serial-buttons button.active[data-v-100f39e2]{border-color:#42b883;background-color:#c9f3e0}.reset-button[data-v-100f39e2]{background-color:#42b883;color:#fff;padding:8px;border-radius:6px;border:none;cursor:pointer;font-size:14px}.canvas[data-v-100f39e2]{flex:1 1 300px;display:flex;flex-direction:column;gap:20px;padding:20px;background-color:#f8f8f8;border-radius:12px;box-shadow:inset 0 0 4px #0000000d;align-items:center;justify-content:center;height:auto}.wire-row[data-v-100f39e2]{display:flex;align-items:center;gap:10px}.terminal[data-v-100f39e2]{width:16px;height:16px;background-color:#444;border-radius:50%;box-shadow:0 0 3px #0009}.wire-svg[data-v-100f39e2]{width:200px;height:30px;overflow:visible}.wire-path[data-v-100f39e2]{filter:drop-shadow(0 2px 2px rgba(0,0,0,.5))}path.cut[data-v-100f39e2]{stroke-dasharray:8,6;stroke-linecap:round}.maze-section[data-v-13a4ee4d]{text-align:center}.instruction[data-v-13a4ee4d]{min-height:1.5em}.svg-container[data-v-13a4ee4d]{width:300px;height:300px;margin:auto;position:relative}svg[data-v-13a4ee4d]{width:100%;height:100%}.overlay-svg[data-v-13a4ee4d]{position:absolute;top:0;left:0;pointer-events:none}.button-group[data-v-13a4ee4d]{margin-top:12px;display:flex;justify-content:center;gap:10px}.button-group button[data-v-13a4ee4d]{border:none;box-shadow:0 1px 4px #00000080;background:none;padding:6px 12px;font-size:14px;border-radius:4px;cursor:pointer;transition:background .2s}.button-group button[data-v-13a4ee4d]:hover{background:#eee}.word-match[data-v-6a733610]{display:flex;justify-content:space-between;padding:20px;gap:40px}.input-column[data-v-6a733610]{padding:20px;display:flex;flex-direction:column;gap:20px}.input-group label[data-v-6a733610]{margin-bottom:4px;margin-right:16px;font-weight:700}.input-group input[data-v-6a733610]{width:100px;padding:4px 8px;font-size:16px;text-align:center}.result-column ul[data-v-6a733610]{list-style:none;padding:0}.result-column li[data-v-6a733610]{margin:4px 0;font-family:monospace}.result-panel[data-v-6a733610]{flex:1 1 35%;min-width:220px;max-height:275px;background:#f8f8f8;border-radius:12px;box-shadow:inset 0 0 4px #0000000d;display:flex;align-items:center;justify-content:center;padding:20px;overflow:hidden}.word-list[data-v-6a733610]{max-height:100%;overflow-y:auto;column-width:120px;column-gap:20px;column-fill:balance;text-align:center}.word[data-v-6a733610]{display:inline-block;text-align:center;break-inside:avoid;padding:4px 0;width:100%}.reset-button[data-v-6a733610]{background-color:#42b883;color:#fff;padding:8px 16px;border-radius:6px;border:none;cursor:pointer;font-size:14px;margin-top:10px}.complicated-wires[data-v-8d299fb6]{display:flex;gap:40px;padding:20px;align-items:stretch}.button-panel[data-v-8d299fb6]{flex:1 1 40%;display:flex;flex-direction:column;gap:20px;height:auto}.upper-buttons[data-v-8d299fb6],.lower-buttons[data-v-8d299fb6]{display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between}.icon-button[data-v-8d299fb6]{border:2px solid transparent;cursor:pointer;padding:4px;border-radius:8px;box-shadow:0 2px 4px #0000001f;transition:transform .2s,border-color .2s;font-weight:700;font-size:32px;background-color:#fff;display:flex;align-items:center;justify-content:center;width:80px;height:80px;//margin-bottom: 20px}.upper-buttons .icon-button[data-v-8d299fb6]{border-color:#aaa}.icon-button[data-v-8d299fb6]:hover{transform:scale(1.05)}.icon-button.selected[data-v-8d299fb6]{border-color:#42b883!important}.icon-button.unselected[data-v-8d299fb6]{border-color:#f56c6c!important}.icon-button.untouched[data-v-8d299fb6]{background-color:#d3d3d3;color:#fff}.icon-button img[data-v-8d299fb6]{width:100%;height:auto;border-radius:6px}.icon-button.wide[data-v-8d299fb6]{min-width:120px;height:60px;font-size:16px}.icon-button.reset[data-v-8d299fb6]{background-color:#42b883;color:#fff;font-size:18px;height:60px;width:100%}.result-panel[data-v-8d299fb6]{flex:1 1 35%;height:auto;min-width:220px;background:#f8f8f8;border-radius:12px;box-shadow:inset 0 0 4px #0000000d;display:flex;align-items:center;justify-content:center;padding:20px;font-size:18px;font-weight:700}.sequence-wire[data-v-2d240722]{display:flex;gap:40px;padding:20px;align-items:stretch}.button-panel[data-v-2d240722]{display:flex;flex:1 1 40%;flex-direction:column;gap:12px;align-items:center}.color-row[data-v-2d240722]{display:flex;flex:1 1 40%;gap:10px}.wire-button[data-v-2d240722]{width:60px;height:60px;font-size:24px;font-weight:700;color:#fff;border:none;border-radius:8px;cursor:pointer;box-shadow:0 2px 4px #0003}.reset-button[data-v-2d240722]{margin-top:20px;min-width:160px;width:auto;background-color:#42b883;color:#fff;padding:10px;font-size:16px;border:none;border-radius:6px;cursor:pointer}.output-panel[data-v-2d240722]{flex:1 1 40%;background:#f8f8f8;border-radius:12px;padding:20px;font-size:16px;box-shadow:inset 0 0 4px #0000000d;display:flex;flex-direction:column;justify-content:center;align-items:center}.placeholder[data-v-2d240722]{color:#aaa;text-align:center}.output-list[data-v-2d240722]{display:flex;flex-direction:column;gap:6px}.output-line[data-v-2d240722]{font-family:monospace}.memory-container[data-v-565776f9]{display:flex;gap:20px;padding:20px;flex-wrap:nowrap;justify-content:center}.stage-box[data-v-565776f9]{background-color:#f3f4f6;border-radius:12px;width:200px;height:180px;padding:12px;display:flex;flex-direction:column;align-items:stretch;box-shadow:0 1px 4px #00000014}.display-input[data-v-565776f9]{width:auto;height:40%;font-size:24px;text-align:center;background-color:#e0f2fe;border:2px solid #60a5fa;border-radius:6px;margin-bottom:12px}.button-row[data-v-565776f9]{display:flex;gap:8px;margin-bottom:12px}.button-input[data-v-565776f9]{width:20%;height:50px;text-align:center;font-size:18px;border:2px solid #bbb;border-radius:6px;background-color:#fff}.button-input.highlight[data-v-565776f9]{background-color:#42b883;color:#fff;border-color:#2a8f6d}.stage-label[data-v-565776f9]{font-size:14px;color:#333;margin-top:auto;text-align:center}.reset-button[data-v-565776f9]{margin-top:20px;background-color:#42b883;color:#fff;padding:10px 20px;font-size:16px;border:none;border-radius:8px;cursor:pointer;align-self:center}.reset-button[data-v-565776f9]:hover{background-color:#42b883}.morse-container[data-v-4c92322e]{display:flex;gap:40px;padding:20px}.input-section[data-v-4c92322e]{flex:1 1 300px;display:flex;flex-direction:column;gap:12px}.morse-input[data-v-4c92322e]{width:100%;font-size:18px;padding:8px;border-radius:6px;border:2px solid #999}.button-group[data-v-4c92322e]{width:100%;display:flex;gap:8px;align-items:stretch}.button-group button[data-v-4c92322e]{border:none;cursor:pointer;min-height:40px;width:25%;padding:4px;border-radius:8px;box-shadow:0 2px 4px #0000001f;transition:transform .2s;font-weight:700;font-size:14px}.button-group button.active[data-v-4c92322e]{background-color:#42b883;color:#fff;border-color:#2a8f6d}.result-section[data-v-4c92322e]{flex:1 1 300px;background:#f8f8f8;border-radius:12px;padding:20px;min-height:180px;text-align:center;justify-content:center;box-shadow:inset 0 0 3px #0000000d}.result-section ul[data-v-4c92322e]{list-style:none;padding-left:0;justify-content:center}.result-section li[data-v-4c92322e]{margin-bottom:6px;font-size:16px;font-family:monospace;justify-content:center}.button-container[data-v-52d4e01a]{display:flex;gap:40px;padding:20px;flex-wrap:wrap}.button-panel[data-v-52d4e01a]{display:flex;flex:1 1;flex-direction:column;gap:20px;width:150px}.section[data-v-52d4e01a]{background:#f8f8f8;padding:12px;border-radius:10px;box-shadow:inset 0 0 2px #0000000d}.section-title[data-v-52d4e01a]{font-weight:700;margin-bottom:8px}.button-group[data-v-52d4e01a]{display:flex;flex-wrap:wrap;gap:8px}button[data-v-52d4e01a]{padding:6px 12px;border:1px solid #ccc;border-radius:6px;background:#fff;cursor:pointer;font-size:14px}button.active[data-v-52d4e01a]{background-color:#42b883;color:#fff;border-color:#2a8f6d}.output-panel[data-v-52d4e01a]{flex:1;min-width:300px;background-color:#f2f2f2;border-radius:12px;padding:20px;font-size:16px;box-shadow:inset 0 0 3px #0000000d;line-height:1.6;height:auto}.output-text[data-v-52d4e01a]{white-space:pre-wrap}.reset-button[data-v-52d4e01a]{color:#fff;background-color:#42b883;font-size:18px;height:auto;width:100%}.name-container[data-v-49eb18b1]{display:flex;gap:40px;padding:20px;align-items:flex-start;flex-wrap:wrap}.image-panel img[data-v-49eb18b1]{width:100%;border-radius:8px;box-shadow:0 2px 6px #0000001a}.table-panel[data-v-49eb18b1]{flex:1;overflow-x:auto;background:#f9f9f9;border-radius:10px;padding:20px;box-shadow:inset 0 0 3px #0000000d}table[data-v-49eb18b1]{width:100%;border-collapse:collapse;font-size:14px}th[data-v-49eb18b1],td[data-v-49eb18b1]{border:1px solid #ccc;padding:6px 10px;text-align:left;vertical-align:top}.key-cell[data-v-49eb18b1]{font-weight:700;white-space:nowrap;background-color:#eef}.final-container[data-v-03c17ef0]{display:flex;justify-content:center;align-items:center;padding:40px}.final-container img[data-v-03c17ef0]{max-width:100%;height:auto;border-radius:12px;box-shadow:0 2px 8px #0000001a}.final-container[data-v-e9d6d439]{display:flex;justify-content:center;align-items:center;padding:40px}.final-container img[data-v-e9d6d439]{max-width:100%;height:auto;border-radius:2px;box-shadow:0 2px 8px #0000001a}.main-page[data-v-aab629d2]{padding-right:120px}.section[data-v-aab629d2]{padding:60px 20px;border-bottom:1px solid #ddd;min-height:300px}