body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body,html{font-family:Arial,sans-serif;margin:0;padding:0}.App{background-color:#36454f;color:#fff;display:flex;flex-direction:column;font:15px Arial,sans-serif;min-height:100vh;text-align:left}.App-logo{pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:flex-start;background-color:#94afe6;color:#575555;display:flex;flex-direction:column;font-size:15px;justify-content:left;left:auto;position:relative}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.file-content-textarea{font-size:13px;font:15px MonoLisa,sans-serif;height:700px;overflow:auto;resize:none;width:900px}.input{background-color:#ebebeb;color:#000}.button,.input{border:none;cursor:pointer;display:inline-block;font-size:16px;margin:4px 2px;padding:4px;text-align:center;text-decoration:none}.button{background-color:#4382f7;border-radius:12px;color:#fff}.button a{color:inherit;text-decoration:none}.navbar{background-color:#4a4a4a;height:100vh;left:0;position:fixed;top:0;width:200px;z-index:1000}.main-content{background-color:#2b3946;margin-left:200px;padding:1rem}.menu-item{color:#fff;display:block;padding:1rem;text-decoration:none;transition:background-color .2s ease,color .2s ease}.menu-item:hover:not(.active){background-color:#ffffff1f;color:#fff}.menu-item.active{background-color:#b45309;color:#fff;font-weight:600}.main-content{background-color:#36454f;color:#fff;flex-grow:1;padding:20px}.layout{display:flex}.Architecture{padding:20px;text-align:left}.instruction-page{background-color:#2b3946;color:#fff;display:flex;flex-direction:column}h1{font-size:2.5rem;margin:0;padding:20px}.instruction-layout{align-items:flex-start;display:flex;flex-direction:row;flex-wrap:wrap;gap:20px;padding:20px}.diagram-container{border:2px dashed #ccc;display:flex;flex-grow:1;flex-shrink:1;max-height:calc(100vh - 220px);min-height:500px;overflow:auto;padding:20px}.diagram-placeholder{align-items:stretch;display:flex;flex:1 1;height:100%;justify-content:stretch;margin:0;padding:0;width:100%}.diagram-placeholder img,.diagram-placeholder svg{height:100%;object-fit:contain;width:100%}.instruction-details{display:flex;flex:1 1;flex-direction:column}.instruction-info p{margin:5px 0}.instruction-info strong{color:#ffb74d}.examples,.format{margin-top:20px}.examples h2,.format h2{font-size:18px;font-weight:600;margin-bottom:10px;margin-top:0}.examples pre,.format p{font-family:monospace}.examples pre{background-color:#333;border-radius:4px;padding:10px}.instruction-nav{background-color:#0003;border:1px solid #707070;border-radius:6px;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px;overflow-x:auto;padding:15px 20px}.nav-button{background-color:#ffffff0d;border:1px solid #707070;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 16px;transition:all .3s}.nav-button:hover:not(.selected){background-color:#ffffff26;border-color:#91a6ba}.nav-button.selected{background-color:#b45309;border-color:#b45309;box-shadow:0 2px 6px #e87e2266;color:#fff}.no-selection{align-items:center;color:#ccc;display:flex;flex:1 1;font-size:1.2rem;justify-content:center;padding:20px;text-align:center}body{background-color:#36454f;color:#fff;font-family:Arial,sans-serif;margin:0;padding:0}.simulator-container{box-sizing:border-box;display:flex;flex-direction:column;height:100vh;overflow:hidden;padding:10px 0 0;width:100%}.simulator-container h1{color:#fff;font-size:32px;margin:20px 0;text-align:center}.simulator-content{display:flex;flex:1 1;flex-direction:row;gap:15px;max-width:100%;min-height:0;overflow:hidden;padding:0 15px 15px}.file-upload-panel{flex:1 1;min-width:240px}.file-upload-panel,.results-panel{background-color:#36454f;border:1px solid #707070;border-radius:8px;box-shadow:0 2px 10px #0003;min-height:0;overflow:hidden;padding:20px}.results-panel{display:flex;flex:1.2 1;flex-direction:column;min-width:280px}.middle-panel{background-color:#36454f;border:1px solid #707070;border-radius:8px;box-shadow:0 2px 10px #0003;display:flex;flex:2 1;flex-direction:column;min-height:0;min-width:400px;overflow:hidden;padding:20px}.execution-mode h3,.file-upload-panel>.upload-files-heading,.instruction-display h3,.middle-panel h3,.result-section h3,.upload-section h3{color:#fff;font-size:18px;font-weight:700;letter-spacing:.5px;margin-bottom:15px}.file-upload-panel{display:flex;flex-direction:column}.upload-section{margin-bottom:20px}.file-input{background-color:#36454f;border:1px solid #707070;border-radius:4px;color:#d3d3d3;margin-bottom:8px;padding:8px;width:100%}.file-info{color:#d3d3d3;font-size:14px;margin:5px 0}.execution-mode{margin-top:20px}.control-buttons{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr;margin-bottom:15px}.run-button,.step-back-button,.step-button{border:none;border-radius:4px;cursor:pointer;font-size:14px;font-weight:700;padding:12px 0}.step-button{background-color:#157347;color:#fff}.step-back-button{background-color:#b45309;color:#fff}.run-button{background-color:#2563a8;color:#fff;grid-column:span 2}.reset-button{background-color:#b91c1c;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;font-weight:700;margin-top:10px;padding:12px 0;width:100%}.step-button:hover{background-color:#126b38}.step-back-button:hover{background-color:#9a3412}.run-button:hover{background-color:#1a4d7a}.reset-button:hover{background-color:#991b1b}.reset-button:disabled,.run-button:disabled,.step-back-button:disabled,.step-button:disabled{cursor:not-allowed;opacity:.6}.step-info{background-color:#91a6ba33;border:1px solid #91a6ba;border-radius:4px;color:#d3d3d3;font-size:14px;margin:15px 0;padding:10px}.step-info p{margin:5px 0}.step-info code{background-color:#91a6ba4d;border-radius:2px;color:#fff;font-family:Courier New,monospace;padding:2px 4px}.termination-message{color:#dcedc8;font-weight:700}.error-message{background-color:#e74c3c33;border:1px solid #e74c3c;border-radius:4px;color:#f0f0f0;font-size:14px;margin:15px 0;padding:10px}.error-message strong{color:#fff;font-weight:700}.loading-message{background-color:#91a6ba33;border:1px solid #91a6ba;border-radius:4px;color:#d3d3d3;font-size:14px;margin:15px 0;padding:10px}.instruction-display{display:flex;flex:1 1;flex-direction:column;min-height:0}.code-display{background-color:#1e1e1e;border-radius:4px;color:#f0f0f0;flex:1 1;font-family:monospace;min-height:0;overflow-y:auto;padding:10px;scroll-behavior:smooth}.code-display:focus{outline:2px solid #91a6ba;outline-offset:2px}.highlighted-line{background-color:#e87e224d;border-radius:3px;color:#fff;display:block;margin:0 -15px;padding:0 15px}.result-section{display:flex;flex-direction:column;margin-bottom:20px}.result-section:last-child{flex:1 1;margin-bottom:0;min-height:0}.program-counter-value{background-color:#91a6ba26;border:2px solid #707070;border-radius:6px;box-shadow:0 2px 4px #0003;color:#fff;font-family:monospace;font-size:18px;font-weight:700;margin-bottom:20px;padding:12px 16px;text-align:center}.registers-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr;margin-bottom:20px}.register-item{align-items:center;background-color:#91a6ba1f;border:1px solid #707070;border-radius:4px;box-shadow:0 1px 3px #00000026;color:#fff;display:flex;font-family:monospace;padding:10px 12px}.register-label{color:#fff;font-size:14px;font-weight:900;margin-right:8px;min-width:28px}.register-value{color:#fff;font-family:monospace;font-size:14px;font-weight:600}.memory-display{background-color:#1e1e1e;border:1px solid #707070;border-radius:4px;box-shadow:inset 0 0 5px #0000004d;flex:1 1;font-family:monospace;font-size:13px;line-height:1.6;min-height:0;overflow-y:auto;padding:15px}.memory-display:focus{outline:2px solid #91a6ba;outline-offset:2px}.memory-grid{grid-gap:8px 4px;display:grid;gap:8px 4px;grid-template-columns:repeat(auto-fit,minmax(55px,1fr))}.memory-item{align-items:center;background-color:#91a6ba0d;border-radius:3px;display:flex;flex-direction:column;padding:4px}.memory-address{color:#91a6ba;font-family:monospace;font-size:11px;font-weight:700;margin-bottom:2px}.memory-value{color:#fff;font-size:13px;font-weight:600}.instruction-line{align-items:baseline;border-radius:3px;display:flex;font-size:14px;gap:8px;padding:4px 8px;white-space:pre}.line-number{color:#aaa;font-weight:700;text-align:right;width:30px}.line-text{flex-grow:1;font-family:monospace}.breakpoint-line{background-color:#4b0000}.highlighted-line{background-color:#004b80;font-weight:700}.highlighted-line .line-number{color:#e0e0e0}.breakpoints-section{border:1px solid #707070;border-radius:6px;display:flex;flex:1 1;flex-direction:column;margin-top:16px;min-height:0;overflow:hidden}.breakpoints-header{align-items:center;background-color:#91a6ba26;border-bottom:1px solid #707070;display:flex;flex-shrink:0;justify-content:space-between;padding:8px 12px}.breakpoints-title{color:#fff;font-size:14px;font-weight:700;letter-spacing:.4px;text-transform:uppercase}.clear-all-bp-button{background-color:#b91c1c40;border:1px solid #b91c1c;border-radius:4px;color:#fca5a5;cursor:pointer;font-size:12px;font-weight:600;padding:4px 10px;transition:background-color .15s,color .15s}.clear-all-bp-button:hover{background-color:#b91c1c8c;color:#fff}.breakpoints-table-container{flex:1 1;min-height:0;overflow-y:auto}.no-breakpoints-msg{color:#888;font-size:13px;font-style:italic;padding:18px 12px;text-align:center}.breakpoints-table{border-collapse:collapse;font-family:monospace;font-size:13px;width:100%}.breakpoints-table thead tr{background-color:#91a6ba1a}.breakpoints-table th{border-bottom:1px solid #707070;color:#91a6ba;font-size:11px;font-weight:700;letter-spacing:.5px;padding:6px 10px;text-align:left;text-transform:uppercase}.breakpoints-table tbody tr{border-bottom:1px solid #70707059;transition:background-color .12s}.breakpoints-table tbody tr:last-child{border-bottom:none}.breakpoints-table tbody tr:hover{background-color:#91a6ba1a}.bp-addr{color:#fbbf24;font-weight:700;padding:6px 10px;white-space:nowrap;width:90px}.bp-instr{color:#d3d3d3;padding:6px 10px;width:100%}.bp-remove{padding:4px 8px;text-align:center;white-space:nowrap}.remove-bp-button{background:none;border:none;border-radius:3px;color:#f87171;cursor:pointer;font-size:18px;line-height:1;padding:2px 6px;transition:background-color .12s,color .12s}.remove-bp-button:hover{background-color:#f8717133;color:#fff}
/*# sourceMappingURL=main.c1e9fd6a.css.map*/