:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.card{padding:2em}#app{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.tool-group[data-v-f28c7970]{display:inline-flex;align-items:center;gap:4px;margin-left:10px;padding-left:10px;border-left:1px solid #555}.tool-group[data-v-f28c7970]:first-child{border-left:none;margin-left:0;padding-left:0}.tool-label[data-v-f28c7970]{color:#888;font-size:.65rem;font-weight:700;margin-right:2px}.led-bulb[data-v-f28c7970]{width:24px;height:24px;border-radius:50%;background-color:#333;border:1px solid #555;box-shadow:inset 2px 2px 5px #00000080;transition:all .1s;position:relative}.led-reflection[data-v-f28c7970]{position:absolute;top:4px;left:6px;width:6px;height:6px;background:#fff3;border-radius:50%}.led-bulb.red.on[data-v-f28c7970]{background-color:#f33;box-shadow:0 0 10px red;border-color:#a00}.led-bulb.green.on[data-v-f28c7970]{background-color:#3f3;box-shadow:0 0 10px #0f0;border-color:#0a0}.led-bulb.blue.on[data-v-f28c7970]{background-color:#33f;box-shadow:0 0 10px #00f;border-color:#00a}.led-bulb.yellow.on[data-v-f28c7970]{background-color:#ff3;box-shadow:0 0 10px #ff0;border-color:#aa0}.dip-package[data-v-f28c7970]{background:#c33;padding:4px 6px;border-radius:2px;display:flex;flex-direction:column;align-items:center;box-shadow:2px 2px 5px #00000080}.dip-label[data-v-f28c7970]{font-size:.6rem;color:#fffc;font-weight:700;margin-bottom:2px}.dip-switches[data-v-f28c7970]{display:flex;gap:3px}.dip-switch-unit[data-v-f28c7970]{display:flex;flex-direction:column;align-items:center}.dip-num[data-v-f28c7970]{font-size:.5rem;color:#fff;margin-bottom:1px}.dip-slider-bg[data-v-f28c7970]{width:10px;height:20px;background:#300;position:relative;cursor:pointer;border:1px solid #660000}.dip-knob[data-v-f28c7970]{width:8px;height:8px;background:#fff;position:absolute;left:0;bottom:1px;transition:bottom .1s;box-shadow:0 1px 2px #00000080}.dip-knob.on[data-v-f28c7970]{bottom:10px}.bargraph-package[data-v-f28c7970]{background:#111;padding:5px;border-radius:2px;display:flex;gap:2px;border:1px solid #444}.bar-segment[data-v-f28c7970]{display:flex;flex-direction:column;align-items:center;gap:2px}.bar-led[data-v-f28c7970]{width:8px;height:20px;background:#331010;border:1px solid #444}.bar-led.on[data-v-f28c7970]{background:red;box-shadow:0 0 5px red;border-color:#f55}.bar-label[data-v-f28c7970]{font-size:.5rem;color:#666}.bb-tools[data-v-f28c7970]{display:flex;gap:5px}.add-comp-btn[data-v-f28c7970]{background:#2da042;border:none;color:#fff;padding:2px 8px;border-radius:3px;cursor:pointer;font-size:.7rem}.add-comp-btn[data-v-f28c7970]:hover{background:#238636}.component-card[data-v-f28c7970]{background:#252526;border:1px solid #444;border-radius:6px;padding:8px;margin-bottom:10px;box-shadow:0 2px 4px #0003}.card-header[data-v-f28c7970]{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;border-bottom:1px solid #333;padding-bottom:4px}.comp-type[data-v-f28c7970]{font-size:.75rem;font-weight:700;color:#dcdcaa}.remove-btn[data-v-f28c7970]{background:transparent;border:none;color:#888;cursor:pointer;font-size:1rem;line-height:.8}.remove-btn[data-v-f28c7970]:hover{color:#f44336}.card-config[data-v-f28c7970]{display:flex;gap:5px;margin-bottom:10px}.cfg-select[data-v-f28c7970]{background:#111;color:#ccc;border:1px solid #555;border-radius:3px;padding:2px;font-size:.7rem;font-family:var(--font-mono)}.mode-select[data-v-f28c7970]{flex:1}.card-body[data-v-f28c7970]{display:flex;justify-content:center;align-items:center;background:#1e1e1e;padding:10px;border-radius:4px}.tactile-wrapper[data-v-f28c7970]{display:flex;align-items:center;gap:10px}.tactile-btn[data-v-f28c7970]{width:40px;height:40px;border-radius:4px;background:#555;border:none;position:relative;cursor:pointer;box-shadow:0 4px #333;transition:all .05s}.tactile-btn[data-v-f28c7970]:active,.tactile-btn.btn-pressed[data-v-f28c7970]{transform:translateY(4px);box-shadow:0 0 #333}.btn-cap[data-v-f28c7970]{width:24px;height:24px;background:#222;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border:2px solid #111}.tactile-btn:active .btn-cap[data-v-f28c7970]{background:#111}.state-led[data-v-f28c7970]{width:8px;height:8px;border-radius:50%;background:#331010;box-shadow:inset 0 0 2px #000}.state-led.on[data-v-f28c7970]{background:#f44336;box-shadow:0 0 5px #f44336}.toggle-wrapper[data-v-f28c7970]{display:flex;align-items:center;gap:10px}.toggle-switch[data-v-f28c7970]{position:relative;display:inline-block;width:40px;height:20px}.toggle-switch input[data-v-f28c7970]{opacity:0;width:0;height:0}.slider[data-v-f28c7970]{position:absolute;cursor:pointer;inset:0;background-color:#444;transition:.2s;border-radius:20px}.slider[data-v-f28c7970]:before{position:absolute;content:"";height:14px;width:14px;left:3px;bottom:3px;background-color:#fff;transition:.2s;border-radius:50%}input:checked+.slider[data-v-f28c7970]{background-color:#2da042}input:checked+.slider[data-v-f28c7970]:before{transform:translate(20px)}.state-label[data-v-f28c7970]{font-size:.75rem;font-weight:700;color:#ccc;width:30px}[data-v-f28c7970]:root{--bg-dark: #1e1e1e;--bg-panel: #252526;--bg-header: #333333;--border: #3e3e42;--text-main: #d4d4d4;--text-muted: #858585;--accent: #007acc;--highlight-current: #264f78;--highlight-bp: #6a1a1a;--font-mono: "Consolas", "Monaco", monospace}.simulator-container[data-v-f28c7970]{display:flex;flex-direction:column;height:100vh;background-color:var(--bg-dark);color:var(--text-main);font-family:Segoe UI,sans-serif;overflow:hidden}.main-header[data-v-f28c7970]{background:var(--bg-header);padding:0 20px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;height:50px;flex-shrink:0}.header-left[data-v-f28c7970]{display:flex;align-items:center;gap:20px}.main-header h1[data-v-f28c7970]{font-size:1.1rem;margin:0;color:#fff}.dashboard-grid[data-v-f28c7970]{display:grid;grid-template-columns:380px 420px 1fr;flex:1;overflow:hidden;gap:1px;background:var(--border)}.panel[data-v-f28c7970]{background:var(--bg-panel);display:flex;flex-direction:column;overflow:hidden;height:100%}.panel-header[data-v-f28c7970]{padding:5px 10px;background:#333;font-size:.75rem;text-transform:uppercase;font-weight:700;color:#bbb;border-bottom:1px solid var(--border);flex-shrink:0}.scroller[data-v-f28c7970],.hex-scroller[data-v-f28c7970]{overflow-y:auto;flex:1;scrollbar-gutter:stable}.memory-columns[data-v-f28c7970]{display:grid;grid-template-rows:auto minmax(150px,1fr) minmax(150px,1fr) minmax(100px,1fr);gap:1px;background:var(--border);height:100%;overflow-y:auto}.io-columns[data-v-f28c7970]{display:grid;grid-template-rows:minmax(220px,1fr) 1fr;gap:1px;background:var(--border);height:100%;overflow-y:auto}.port-group[data-v-f28c7970]{padding:8px 10px;border-bottom:1px solid var(--border);display:flex;flex-direction:column;gap:8px}.port-info[data-v-f28c7970]{display:flex;justify-content:space-between;align-items:center}.port-title[data-v-f28c7970]{color:#dcdcaa;font-weight:700;font-size:.9rem}.port-regs[data-v-f28c7970]{display:flex;gap:10px}.mini-reg[data-v-f28c7970]{font-family:var(--font-mono);font-size:.75rem;background:#0003;padding:2px 4px;border-radius:3px}.r-name[data-v-f28c7970]{color:#858585;margin-right:4px}.r-val[data-v-f28c7970]{color:#ce9178;font-weight:700}.pins-container[data-v-f28c7970]{display:flex;justify-content:space-between;background:#1e1e1e;padding:5px;border-radius:4px;border:1px solid #333}.pin-wrapper[data-v-f28c7970]{display:flex;flex-direction:column;align-items:center;gap:4px}.bit-label[data-v-f28c7970]{font-size:.6rem;color:#666}.pin-indicator[data-v-f28c7970]{width:20px;height:20px;border-radius:50%;border:1px solid #555;display:flex;align-items:center;justify-content:center;font-size:.6rem;font-weight:700;font-family:var(--font-mono);color:#000;transition:all .1s}.state-low[data-v-f28c7970]{background:#222;color:#666;box-shadow:inset 0 0 3px #000}.state-high[data-v-f28c7970]{background:#f44336;color:#fff;box-shadow:0 0 6px #f44336;border-color:#d32f2f}.state-hiz[data-v-f28c7970]{background:#444;color:#bbb;border-style:dashed}.state-pullup[data-v-f28c7970]{background:#4caf50;color:#fff;border-color:#388e3c}.breadboard-panel[data-v-f28c7970]{background:#2b2b2b}.breadboard-content[data-v-f28c7970]{padding:15px;display:flex;flex-direction:column;gap:15px}.bb-hint[data-v-f28c7970]{color:#888;font-size:.8rem;font-style:italic;margin-bottom:5px}.component-box[data-v-f28c7970]{background:#1e1e1e;border:1px solid #444;border-radius:6px;padding:10px;box-shadow:0 4px 6px #0003}.comp-title[data-v-f28c7970]{color:#dcdcaa;font-size:.85rem;font-weight:700;margin-bottom:10px;border-bottom:1px solid #333;padding-bottom:5px}.switches-grid[data-v-f28c7970]{display:flex;flex-direction:column;gap:8px}.sw-row[data-v-f28c7970]{display:flex;align-items:center;gap:10px}.sw-label[data-v-f28c7970]{color:#aaa;font-size:.75rem;width:50px;font-family:var(--font-mono)}.sw-buttons[data-v-f28c7970]{display:flex;gap:4px}.breadboard-btn[data-v-f28c7970]{width:28px;height:28px;border-radius:50%;border:2px solid #555;background:radial-gradient(circle,#444 30%,#222);color:#fff;font-size:.65rem;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 4px #00000080;transition:transform .05s}.breadboard-btn[data-v-f28c7970]:active{transform:translateY(2px);box-shadow:0 0 2px #00000080;background:radial-gradient(circle,#333 30%,#111);border-color:#d32f2f;color:#faa}.placeholder-comp[data-v-f28c7970]{border-style:dashed;color:#666;text-align:center;padding:20px;cursor:pointer}.placeholder-comp[data-v-f28c7970]:hover{background:#252525;border-color:#666}.instruction-row[data-v-f28c7970]{display:flex;font-family:var(--font-mono);font-size:.85rem;padding:3px 10px;cursor:pointer;border-left:3px solid transparent;border-bottom:1px solid #333;align-items:center}.instruction-row[data-v-f28c7970]:hover{background:#2a2d2e}.instruction-row.current[data-v-f28c7970]{background:var(--highlight-current);color:#fff;border-left-color:#4ec9b0}.instruction-row.breakpoint[data-v-f28c7970]{background:var(--highlight-bp)}.instruction-row .addr[data-v-f28c7970]{color:#569cd6;width:60px;flex-shrink:0;text-align:center}.instruction-row .opcode[data-v-f28c7970]{color:#dcdcaa;flex:1;text-align:center;font-weight:700}.instruction-row .args[data-v-f28c7970]{color:#ce9178;width:140px;text-align:center;flex-shrink:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.instruction-row .bp-dot[data-v-f28c7970]{width:20px;text-align:center;color:#f44336;flex-shrink:0}.regs-grid[data-v-f28c7970]{display:grid;grid-template-columns:repeat(auto-fill,minmax(70px,1fr));gap:1px;background:var(--border);padding:1px;max-height:160px;overflow-y:auto;scrollbar-gutter:stable}.reg-cell[data-v-f28c7970]{background:var(--bg-panel);padding:2px;font-family:var(--font-mono);font-size:.75rem;display:flex;flex-direction:column;align-items:center}.reg-cell.changed[data-v-f28c7970]{background:#3a2d20}.reg-name[data-v-f28c7970]{color:var(--text-muted)}.reg-val[data-v-f28c7970]{color:#4fc1ff;font-weight:700;width:36px;text-align:center}.timer-row[data-v-f28c7970]{display:flex;font-family:var(--font-mono);font-size:.85rem;align-items:center;padding:2px 0;border-bottom:1px solid #333}.t-name[data-v-f28c7970]{color:var(--text-muted);width:60px;flex-shrink:0}.t-val[data-v-f28c7970]{color:#ce9178;flex:1;text-align:center;font-weight:700}.t-bin[data-v-f28c7970]{color:#569cd6;width:150px;text-align:center;font-size:.8em;flex-shrink:0;font-variant-numeric:tabular-nums;letter-spacing:.5px}.wide-reg .t-bin[data-v-f28c7970]{letter-spacing:0}.hex-row[data-v-f28c7970]{display:flex;font-family:var(--font-mono);font-size:.85rem;padding:1px 10px}.hex-row[data-v-f28c7970]:hover{background:#2a2d2e}.hex-addr[data-v-f28c7970]{color:var(--text-muted);width:60px;border-right:1px solid #444;margin-right:10px}.hex-bytes[data-v-f28c7970]{display:flex;gap:8px}.byte[data-v-f28c7970]{display:inline-block;width:22px;text-align:center;color:#d4d4d4}.controls-area[data-v-f28c7970]{display:flex;gap:20px;align-items:center;flex:1;justify-content:flex-end}.step-controls[data-v-f28c7970]{display:flex;gap:8px}.btn[data-v-f28c7970]{border:none;padding:6px 12px;border-radius:3px;cursor:pointer;color:#fff}.btn.primary[data-v-f28c7970]{background:#2da042}.step-input[data-v-f28c7970]{background:#111;border:1px solid #555;color:#fff;width:50px;text-align:center}.stats-bar[data-v-f28c7970]{display:flex;gap:15px;font-family:var(--font-mono);font-size:.9rem}.stat-item .label[data-v-f28c7970]{color:var(--text-muted);margin-right:5px}.stat-item .value[data-v-f28c7970]{font-weight:700}.value.cyan[data-v-f28c7970]{color:#4fc1ff}.value.orange[data-v-f28c7970]{color:#ce9178}.sreg-flags[data-v-f28c7970]{display:flex;gap:5px;background:#0003;padding:2px 8px;border-radius:4px}.flag[data-v-f28c7970]{color:#444;font-weight:700;width:14px;text-align:center}.flag.active[data-v-f28c7970]{color:#4ec9b0}.btn.danger[data-v-f28c7970]{background:#d32f2f}.placeholder-state[data-v-f28c7970]{display:flex;align-items:center;justify-content:center;flex:1;color:#666}[data-v-f28c7970]::-webkit-scrollbar{width:10px;height:10px}[data-v-f28c7970]::-webkit-scrollbar-track{background:var(--bg-dark)}[data-v-f28c7970]::-webkit-scrollbar-thumb{background:#424242;border-radius:2px}