:root{background-color:#000;color:#fff}.panel{background-color:#000;border:2px solid #2e2e2e}.panel.hidden{display:none}.panel-collapse-btn{box-sizing:border-box;align-self:flex-start;width:1rem;height:1rem;margin:0;padding:0;display:inline-flex;align-items:center;justify-content:center;font-family:Courier New,Courier,monospace;font-size:.65rem;line-height:1;border:1px solid #aa2222;border-radius:0;background-color:#a22;color:#fff;cursor:pointer}.panel-collapse-btn:hover{background-color:#f55;border-color:#f55}.panel-sidebar-btn{padding:.375rem .5rem;border:1px solid #2e2e2e;background-color:#000;color:#666;cursor:pointer;text-align:left;white-space:nowrap}.panel-sidebar-btn:hover{border-color:#4a0;color:#4a0}.toggle-checkbox{appearance:none;width:1rem;height:1rem;margin:0;border:1px solid currentColor;background-color:#000;cursor:pointer}.toggle-checkbox:checked{background-color:#4a0;border-color:#4a0}#registers{font-family:Courier New,Courier,monospace;display:flex;gap:1rem;flex-direction:column;font-size:large}#code-editor{display:flex;justify-content:space-between;flex-direction:column}#code-editor.hidden{display:none}#memory{font-family:Courier New,Courier,monospace;display:grid;column-gap:.75rem;overflow-x:auto;max-width:100%}.dropdown{position:relative;display:inline-block;height:100%}.dropdown-toggle{box-sizing:border-box;margin:0;font-family:Courier New,Courier,monospace;text-align:left;white-space:nowrap;padding:.25rem .5rem;border:1px solid currentColor;border-radius:0;background-color:#000;color:inherit;height:100%;width:100%;cursor:pointer}.dropdown-toggle:focus{outline:none}.dropdown.open .dropdown-toggle{background-color:#000;color:#fff;border-color:#4a0;border-bottom-color:transparent}.dropdown-toggle:hover,.dropdown-toggle:active{background-color:#fff;color:#000}.dropdown-menu{box-sizing:border-box;margin:-1px 0 0;position:absolute;top:100%;left:0;min-width:100%;background-color:#000;color:#fff;border:1px solid #44aa00ff;border-top:none;z-index:20;visibility:hidden;opacity:0;pointer-events:none}.dropdown.open .dropdown-menu{visibility:visible;opacity:1;pointer-events:auto}.dropdown-item{font-family:Courier New,Courier,monospace;padding:.25rem .5rem;white-space:nowrap;cursor:pointer;color:#fff;display:flex;align-items:center;justify-content:space-between;gap:.75rem}.dropdown-item:hover{color:#4a0}.dropdown-item-delete{color:#666}.dropdown-item-delete:hover{color:#f55}.dropdown-item-add{color:#4a0;border-top:1px solid #2e2e2e}.dropdown-item-add:hover{color:#fff}.byte-record{display:contents}.rep-data{color:#e62286}.register-name{color:#4a0}.current-memory{background-color:#2563eb59}.selected-memory{background-color:#e6228640}.byte-data{color:#00d8ff}.byte-data-hidden{color:#555}.byte-instruction-opcode{color:#4a0}.byte-instruction-operand{color:#e8a33d}.byte-instruction-unused{color:#555}.byte-unknown{color:#a44}.memory-label{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#fff;font-weight:600}.memory-section-label{padding:.25rem 0;font-size:.75rem;letter-spacing:.05em;white-space:nowrap}.memory-header-cell{color:#666;font-size:.75rem;letter-spacing:.05em;padding-bottom:.25rem}.memory-header-rule{grid-column:1 / -1;border-bottom:1px solid #2e2e2e;margin-bottom:.25rem}.memory-section-label.section-data{color:#00d8ff}.memory-section-label.section-text{color:#4a0}#code{font-size:larger}.cm-editor{min-height:15rem}#errors{border-radius:.1rem;outline:none!important;border:none}.tutorial-step{opacity:1;transition:opacity .3s ease-in-out}.tutorial-editor-container{position:relative;display:flex;flex-direction:column;height:100%}.tutorial-editor{min-height:120px}.feedback{margin-top:auto;min-height:1.25rem;padding:.25rem}