body{margin:0}h1,h2{font-weight:500}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}body{color:#e6e6e6;background:#14161a;margin:0;font-family:Courier New,ui-monospace,monospace}.app{max-width:1200px;margin:0 auto;padding:1rem 1.5rem 3rem}header h1{letter-spacing:.05em;color:#7fffab;font-size:1.4rem}.tex-logo{letter-spacing:normal;font-family:Times New Roman,Georgia,serif}.tex-e{vertical-align:-.35em;margin:0 -.14em;font-size:.8em}.layout{grid-template-columns:minmax(320px,1fr) minmax(420px,1.4fr);gap:1.5rem;display:grid}@media (width<=900px){.layout{grid-template-columns:1fr}}h2{text-transform:uppercase;letter-spacing:.08em;color:#9aa0a6;margin:1.2rem 0 .5rem;font-size:.95rem}.editor-heading{align-items:center;gap:.5rem;display:flex}.editor-heading h2{margin:1.2rem 0 .5rem}.help-trigger{color:#7fa8d6;background:#1c2530;border:1px solid #2a3d52;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;padding:0;font-size:.75rem;line-height:1;display:inline-flex}.help-trigger:hover{background:#223247}.modal-backdrop{z-index:100;background:#0009;justify-content:center;align-items:center;padding:1.5rem;display:flex;position:fixed;inset:0}.modal-panel{background:#14161a;border:1px solid #2a2e35;border-radius:8px;width:100%;max-width:640px;max-height:85vh;padding:1.25rem 1.5rem 1.5rem;overflow-y:auto}.modal-panel.wide{max-width:820px}.table-scroll{overflow-x:auto}.mono{letter-spacing:.05em;font-family:Courier New,ui-monospace,monospace}.microcode-table td.mono{color:#9aa0a6}.microcode-table tr.unused{opacity:.4}.microcode-note{margin-top:.75rem;font-size:.75rem}.modal-header{justify-content:space-between;align-items:center;display:flex}.modal-header h2{margin:0}.modal-close{color:#9aa0a6;cursor:pointer;background:0 0;border:none;padding:.2rem .5rem;font-size:1rem}.modal-close:hover{color:#e6e6e6;background:0 0}.help-table{border-collapse:collapse;width:100%;margin-top:.5rem;font-size:.8rem}.help-table th{text-align:left;color:#9aa0a6;border-bottom:1px solid #2a2e35;padding:.35rem .5rem}.help-table td{vertical-align:top;color:#cfd3d8;border-bottom:1px solid #1c1f24;padding:.4rem .5rem}.help-table code{color:#7fffab;font-weight:700}.example-list{flex-direction:column;gap:.35rem;margin:.5rem 0 0;padding:0;list-style:none;display:flex}.example-item{text-align:left;color:#cfd3d8;background:#0c0d10;border:1px solid #2a2e35;border-radius:4px;width:100%;padding:.5rem .7rem;font-family:inherit;font-size:.85rem;display:block}.example-item:hover{color:#e6e6e6;background:#1c2530;border-color:#2a3d52}.modal-panel h3{text-transform:uppercase;letter-spacing:.08em;color:#9aa0a6;margin:1.25rem 0 .25rem;font-size:.85rem}.editor-wrapper{background:#0c0d10;border:1px solid #2a2e35;border-radius:6px;height:260px;display:flex;overflow:hidden}.line-numbers{text-align:right;color:#4a4e55;-webkit-user-select:none;user-select:none;background:#0a0b0d;border-right:1px solid #2a2e35;flex:none;width:2.75rem;padding:.75rem .5rem .75rem 0;font-family:inherit;font-size:.85rem;line-height:1.4;overflow:hidden}.editor-wrapper textarea{color:#d6ffe0;white-space:pre;resize:none;background:0 0;border:none;flex:1;width:100%;height:100%;padding:.75rem;font-family:inherit;font-size:.85rem;line-height:1.4;overflow:auto}.editor-wrapper textarea:focus{outline:none}.controls{flex-wrap:wrap;gap:.5rem;margin-top:.75rem;display:flex}button{color:#7fffab;cursor:pointer;background:#1c2f22;border:1px solid #2d5a3c;border-radius:4px;align-items:center;gap:.4rem;padding:.45rem .9rem;font-family:inherit;font-size:.85rem;display:inline-flex}.btn-icon{font-size:.95rem;line-height:1}button.active{color:#ffcf4d;background:#332212;border-color:#6b5a1a}button.active:hover:not(:disabled){background:#423012}.speed-controls{align-items:center}.speed-slider{color:#9aa0a6;align-items:center;gap:.5rem;font-size:.8rem;display:inline-flex}.speed-slider input[type=range]{accent-color:#7fffab;width:140px}button:hover:not(:disabled){background:#26472f}button:disabled{opacity:.35;cursor:not-allowed}.error{color:#ff9d9d;white-space:pre-wrap;background:#3a1414;border:1px solid #7a2626;border-radius:4px;margin-top:.75rem;padding:.6rem .8rem;font-size:.8rem}.halted{color:#f0d878;background:#302a10;border:1px solid #6b5a1a;border-radius:4px;width:fit-content;margin-top:.75rem;padding:.5rem .8rem;font-size:.85rem}.output-values{flex-wrap:wrap;gap:.5rem;display:flex}.seven-seg-number{background:#1a0d0d;border:1px solid #3a1414;border-radius:4px;gap:2px;padding:5px 6px;display:inline-flex}.seven-seg{width:15px;height:27px;position:relative}.seg{background:#3a1414;transition:background .1s,box-shadow .1s;position:absolute}.seg.on{background:#ff3b30;box-shadow:0 0 5px #ff3b3099}.seg-a,.seg-g,.seg-d{clip-path:polygon(12% 50%,25% 0%,75% 0%,88% 50%,75% 100%,25% 100%);width:11px;height:3px;left:2px}.seg-a{top:0}.seg-g{top:12px}.seg-d{top:24px}.seg-b,.seg-c,.seg-e,.seg-f{clip-path:polygon(50% 12%,100% 25%,100% 75%,50% 88%,0% 75%,0% 25%);width:3px;height:10px}.seg-f{top:2px;left:0}.seg-b{top:2px;left:12px}.seg-e{top:14px;left:0}.seg-c{top:14px;left:12px}.muted{color:#6b7075}.machine-columns{grid-template-columns:1fr auto 1fr;align-items:stretch;gap:1rem;display:grid}@media (width<=640px){.machine-columns{grid-template-columns:1fr}.bus-rail{flex-direction:row;justify-content:center;gap:.75rem}.bus-rail .bus-bits{flex-direction:row}}.machine-col{flex-direction:column;gap:.75rem;display:flex}.connector-arrow{z-index:1;flex-direction:column;align-items:center;height:10px;margin:-.85rem 0;display:flex;position:relative}.connector-arrow.up{flex-direction:column-reverse}.connector-line{opacity:.6;background:currentColor;flex:1;width:2px}.connector-head{border-top:6px solid;border-left:4px solid #0000;border-right:4px solid #0000;width:0;height:0}.connector-arrow.up .connector-head{border-top:none;border-bottom:6px solid}.connector-arrow.yellow{color:#ffcf4d}.connector-arrow.blue{color:#4da6ff}.connector-arrow.red{color:#ff5c5c}.register{background:#0c0d10;border:1px solid #2a2e35;border-radius:6px;padding:.5rem .7rem;transition:border-color .1s,box-shadow .1s}.register.highlight{border-color:#4da6ff;box-shadow:0 0 0 2px #4da6ff33,0 0 10px #4da6ff55}.clock-box{align-items:center;gap:.6rem;display:flex}.clock-box .register-label{margin-bottom:0}.bit.large{width:16px;height:16px}.ram-address{color:#9aa0a6;margin-bottom:.35rem;font-size:.75rem}.ram-address .mono{color:#cfd3d8;letter-spacing:.05em}.flags-row{gap:.4rem;margin-top:.4rem;display:flex}.flag-pill{color:#4a4e55;border:1px solid #2a2e35;border-radius:4px;padding:.15rem .45rem;font-size:.7rem}.flag-pill.active{color:#7fffab;background:#12331f;border-color:#7fffab}.bus-rail{border-left:2px dashed #2a2e35;border-right:2px dashed #2a2e35;flex-direction:column;justify-content:space-between;align-self:stretch;align-items:center;gap:.5rem;min-width:70px;padding:.75rem 1rem;display:flex}.bus-bits{flex-direction:row;flex:1;justify-content:space-evenly;align-items:stretch;gap:5px;width:100%;display:flex}.bus-line{background:#24272c;border:1px solid #3a3e45;border-radius:2px;flex:1;width:6px;max-width:10px;transition:background .1s,border-color .1s,box-shadow .1s}.bus-line.on{background:#ff8f4d;border-color:#ff8f4d;box-shadow:0 0 6px #ff8f4d88}.register-label{text-transform:uppercase;letter-spacing:.05em;color:#9aa0a6;margin-bottom:.35rem;font-size:.7rem}.register-header{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.register-header .register-label{margin-bottom:0}.bit-gap{width:6px}.register-bits{gap:3px;margin-bottom:.35rem;display:flex}.bit{background:#24272c;border:1px solid #3a3e45;border-radius:50%;width:12px;height:12px}.bit.on{background:#ffcf4d;border-color:#ffcf4d;box-shadow:0 0 6px #ffcf4d88}.bit.red.on{background:#ff5c5c;border-color:#ff5c5c;box-shadow:0 0 6px #ff5c5c88}.bit.green-1.on{background:#7fffab;border-color:#7fffab;box-shadow:0 0 6px #7fffab88}.bit.green-2.on{background:#1fae5e;border-color:#1fae5e;box-shadow:0 0 6px #1fae5e88}.bit.blue.on{background:#4da6ff;border-color:#4da6ff;box-shadow:0 0 6px #4da6ff88}.bit.orange.on{background:#ff8f4d;border-color:#ff8f4d;box-shadow:0 0 6px #ff8f4d88}.register-value{color:#e6e6e6;font-size:1rem}.instruction-line{color:#cfd3d8;margin-top:1rem;font-size:.85rem}.control-signals{grid-template-columns:repeat(4,1fr);gap:.3rem;margin-top:.5rem;display:grid}.signal-pill{color:#4a4e55;text-align:center;cursor:default;background:#0c0d10;border:1px solid #2a2e35;border-radius:4px;padding:.25rem .3rem;font-size:.65rem}.signal-pill.active{color:#4da6ff;background:#12233a;border-color:#4da6ff;box-shadow:0 0 6px #4da6ff55}.memory-table{border-collapse:collapse;width:100%;font-size:.8rem}.memory-table th{text-align:left;color:#9aa0a6;border-bottom:1px solid #2a2e35;padding:.3rem .5rem}.memory-table td{white-space:pre;border-bottom:1px solid #1c1f24;padding:.3rem .5rem}.memory-table tr.pc td{color:#7fffab;background:#12331f}.memory-table tr.mar td{color:#f0d878;background:#332c12}.legend{gap:1rem;margin-top:.5rem;font-size:.75rem;display:flex}.legend-item:before{content:"";vertical-align:middle;border-radius:2px;width:10px;height:10px;margin-right:.35rem;display:inline-block}.legend-item.pc:before{background:#12331f;border:1px solid #7fffab}.legend-item.mar:before{background:#332c12;border:1px solid #f0d878}