*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:var(--sans);height:100dvh;overflow:hidden;display:flex;flex-direction:column}#mips-app{display:flex;flex-direction:column;height:100dvh;overflow:hidden}.hidden{display:none!important}code.yn{color:var(--yellow);font-family:var(--mono);font-size:.85em;background:#1a2440;padding:1px 4px;border-radius:3px}.mi-header{background:#080e1e;border-bottom:1px solid var(--border);padding:9px 14px;display:flex;align-items:center;gap:10px;flex-wrap:wrap;flex-shrink:0;z-index:20}.mi-header-left{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.mi-back-link{color:var(--muted);text-decoration:none;font-size:.78rem;font-family:var(--mono);white-space:nowrap;transition:color .2s;flex-shrink:0}.mi-back-link:hover{color:var(--cyan)}.mi-logo-block{min-width:0}.mi-title{font-size:.88rem;font-weight:900;font-family:var(--mono);background:linear-gradient(90deg,var(--cyan),#818cf8,var(--green));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mi-subtitle{font-size:.65rem;color:var(--dim);font-family:var(--mono)}.mi-header-right{display:flex;gap:5px;flex-wrap:wrap;flex-shrink:0}.mi-btn{border-radius:6px;padding:5px 10px;cursor:pointer;font-size:.7rem;font-family:var(--mono);font-weight:600;transition:background .2s,border-color .2s;background:transparent}.mi-btn-cyan{border:1px solid var(--cyan);color:var(--cyan)}.mi-btn-purple{border:1px solid var(--purple);color:var(--purple)}.mi-btn-green{border:1px solid var(--green);color:var(--green)}.mi-btn-orange{border:1px solid var(--orange);color:var(--orange)}.mi-btn-muted{border:1px solid var(--muted);color:var(--muted)}.mi-btn.active{background:color-mix(in srgb,currentColor 20%,transparent)}.mi-btn-cyan:hover{background:color-mix(in srgb,var(--cyan) 20%,transparent)}.mi-btn-purple:hover{background:color-mix(in srgb,var(--purple) 20%,transparent)}.mi-btn-green:hover{background:color-mix(in srgb,var(--green) 20%,transparent)}.mi-btn-orange:hover{background:color-mix(in srgb,var(--orange) 20%,transparent)}.mi-btn-muted:hover{background:color-mix(in srgb,var(--muted) 20%,transparent)}.mi-panel-strip{border-bottom:2px solid var(--border);padding:10px 16px;flex-shrink:0}.mi-bg-deep{background:#080f20;border-color:var(--cyan)}.mi-bg-deeper{background:#080c18;border-color:var(--border)}.mi-panel-strip-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.mi-strip-title{font-weight:900;font-size:.75rem;font-family:var(--mono)}.mi-strip-title.cyan{color:var(--cyan)}.mi-close-btn{background:none;border:none;color:var(--muted);cursor:pointer;font-size:1rem;line-height:1}.mi-bitguide-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:8px;font-size:.72rem;line-height:1.9}.mi-bitguide-col.purple{color:#c4b5fd}.mi-bitguide-col.green{color:#86efac}.mi-bitguide-col b{font-weight:700}.mi-bitfields-row{display:flex;gap:4px;flex-wrap:nowrap;overflow-x:auto;padding-bottom:2px}.mi-bit-field{flex:0 0 auto;min-width:64px;border-radius:5px;padding:5px 7px;text-align:center;cursor:pointer;transition:transform .15s}.mi-bit-field:hover{transform:translateY(-2px)}.mi-bit-field .bf-val{font-family:var(--mono);font-size:.68rem;font-weight:700;letter-spacing:1px}.mi-bit-field .bf-range{color:#475569;font-size:.54rem;margin-top:1px}.mi-bit-field .bf-label{font-size:.54rem;font-weight:700;white-space:pre-line}.mi-bit-header{font-size:.65rem;color:var(--muted);margin-bottom:5px;font-family:var(--mono)}.mi-instr-bar{background:#080c18;border-bottom:1px solid var(--border);padding:6px 14px;display:flex;align-items:center;gap:8px;flex-wrap:wrap;flex-shrink:0}.mi-instr-bar-label{color:var(--dim);font-size:.67rem;font-family:var(--mono);white-space:nowrap}.mi-instr-btns{display:flex;gap:5px;flex-wrap:wrap}.mi-instr-btn{border-radius:6px;padding:4px 11px;cursor:pointer;font-size:.72rem;font-weight:700;font-family:var(--mono);background:transparent;transition:all .2s}.mi-main{display:flex;flex:1;overflow:hidden;min-height:0}.mi-svg-wrap{flex:1;overflow:auto;position:relative}#mips-svg{width:100%;min-width:740px;display:block;background:#070b15}.mi-right-panel{width:296px;background:#080c18;border-left:1px solid var(--border);overflow-y:auto;flex-shrink:0;display:flex;flex-direction:column}.mi-panel-section{padding:10px 11px;border-bottom:1px solid var(--border)}.mi-panel-sec-title{color:var(--dim);font-size:.6rem;font-weight:700;letter-spacing:.06em;margin-bottom:6px}.mi-hint{color:#1e3a5f}.mi-step-instr-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.mi-step-instr-name{font-weight:900;font-size:.72rem;font-family:var(--mono)}.mi-step-nav{display:flex;gap:3px}.mi-nav-btn{background:transparent;border:1px solid #2a3a55;color:#64748b;border-radius:5px;padding:3px 7px;cursor:pointer;font-size:.72rem;transition:all .2s}.mi-nav-btn:hover{border-color:#4a5a75;color:var(--text)}.mi-step-progress{display:flex;gap:3px;margin-bottom:8px}.mi-step-pip{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;cursor:pointer}.mi-step-pip-bar{height:4px;width:100%;border-radius:2px;transition:background .3s}.mi-step-pip-label{font-size:.44rem;font-family:var(--mono);font-weight:700;text-decoration:underline dotted;text-underline-offset:2px}.mi-step-info{border-radius:8px;padding:9px;margin-bottom:7px}.mi-step-info-head{display:flex;align-items:center;gap:6px;margin-bottom:5px}.mi-step-badge{border-radius:50%;width:18px;height:18px;display:flex;align-items:center;justify-content:center;font-size:.6rem;font-weight:900;color:#000;flex-shrink:0}.mi-step-label{font-weight:900;font-size:.78rem}.mi-stage-tag{border-radius:3px;padding:2px 6px;font-size:.52rem;font-family:var(--mono);cursor:pointer}.mi-step-desc{font-size:.72rem;line-height:1.75;color:#cbd5e1}.mi-beginner-tip{background:#1a1a0a;border:1px solid #f59e0b44;border-radius:6px;padding:7px 9px;margin-top:6px;font-size:.68rem;color:#fbbf24cc;line-height:1.7}.mi-beginner-tip strong{color:var(--yellow)}.mi-anim-btn{width:100%;border-radius:6px;padding:6px;cursor:pointer;font-size:.72rem;font-weight:700;font-family:var(--mono);transition:all .2s}.mi-anim-btn:hover{opacity:.85}.mi-signals-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:2px}.mi-signal-cell{border-radius:3px;padding:3px 4px;text-align:center;cursor:pointer;transition:opacity .2s}.mi-signal-cell:hover{opacity:.8}.mi-sig-name{font-size:.48rem;font-family:var(--mono);color:var(--dim)}.mi-sig-val{font-size:.68rem;font-weight:900;font-family:var(--mono)}.mi-glossary-terms{display:flex;gap:3px;flex-wrap:wrap}.mi-gloss-tag{border:1px solid var(--border);background:#0a0e18;color:var(--dim);border-radius:3px;padding:2px 6px;font-size:.58rem;font-family:var(--mono);cursor:pointer;transition:all .2s}.mi-gloss-tag:hover,.mi-gloss-tag.active{background:#1e3a5f;border-color:var(--cyan);color:var(--cyan)}.mi-info-panel{flex:1;overflow-y:auto;min-height:0}.mi-info-empty{padding:20px;text-align:center}.mi-info-empty .info-icon{font-size:2rem;margin-bottom:10px}.mi-info-empty .info-heading{color:var(--cyan);font-weight:700;font-size:.78rem;margin-bottom:8px}.mi-info-empty .info-hints{color:var(--dim);font-size:.7rem;line-height:2.1}.mi-info-content{padding:14px}.mi-info-tag-row{display:flex;gap:8px;align-items:center;margin-bottom:10px}.mi-info-emoji{font-size:1.4rem}.mi-info-label{font-weight:900;font-size:.82rem;font-family:var(--mono)}.mi-info-box{border-radius:8px;padding:11px;margin-bottom:10px}.mi-info-box-title{font-weight:700;font-size:.7rem;margin-bottom:5px}.mi-info-box-body{font-size:.73rem;line-height:1.85;white-space:pre-line;color:#cbd5e1}.mi-info-sub-title{color:var(--dim);font-size:.58rem;font-weight:700;letter-spacing:.06em;margin-bottom:4px}.mi-io-section{margin-top:10px;padding-top:10px;border-top:1px solid var(--border)}.mi-io-item{font-size:.69rem;font-family:var(--mono);padding:2px 0 2px 4px;line-height:1.7;border-left:2px solid currentColor;margin-bottom:3px;opacity:.9}.mi-comp-link{background:#060a12;border:1px solid #1e3a5f;border-radius:5px;padding:5px 8px;margin-bottom:3px;cursor:pointer;color:var(--cyan);font-size:.7rem;font-family:var(--mono);display:block;transition:background .2s}.mi-comp-link:hover{background:#0d1a30}.mi-signal-tag{background:#1e3a5f;color:var(--cyan);border-radius:4px;padding:2px 7px;font-size:.64rem;font-family:var(--mono);cursor:pointer;display:inline-block;margin:2px}.mi-example-box{background:#060a12;border-radius:6px;padding:8px;margin-top:8px}.mi-example-label{color:var(--dim);font-size:.58rem;margin-bottom:3px}.mi-example-code{color:var(--yellow);font-size:.65rem;font-family:var(--mono)}.mi-bottom-bar{background:#080c18;border-top:1px solid var(--border);padding:6px 14px;display:flex;align-items:center;gap:6px;flex-wrap:wrap;flex-shrink:0}.mi-bottom-label{color:var(--dim);font-size:.65rem;font-family:var(--mono);white-space:nowrap}.mi-stage-btns{display:flex;gap:4px;flex-wrap:wrap}.mi-stage-btn{border-radius:5px;padding:4px 10px;cursor:pointer;font-size:.65rem;font-weight:700;font-family:var(--mono);background:transparent;display:flex;align-items:center;gap:4px;transition:all .2s}.mi-stage-btn .sb-full{font-size:.5rem;opacity:.6}.mi-toast{position:fixed;bottom:60px;left:50%;transform:translate(-50%);background:#1a3a1a;border:1px solid var(--green);color:var(--green);padding:10px 20px;border-radius:8px;font-size:.78rem;font-family:var(--mono);z-index:100;animation:slideUp .3s ease}@keyframes slideUp{0%{opacity:0;transform:translate(-50%) translateY(10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}#mips-app:fullscreen,#mips-app:-webkit-full-screen{background:var(--bg);height:100dvh}body.beginner-mode .mi-header{border-bottom-color:var(--orange)}body.beginner-mode .mi-title{background:linear-gradient(90deg,var(--orange),var(--yellow),var(--green));-webkit-background-clip:text;background-clip:text}.mi-svg-wrap::-webkit-scrollbar,.mi-right-panel::-webkit-scrollbar,.mi-info-panel::-webkit-scrollbar{width:5px;height:5px}.mi-svg-wrap::-webkit-scrollbar-track,.mi-right-panel::-webkit-scrollbar-track,.mi-info-panel::-webkit-scrollbar-track{background:transparent}.mi-svg-wrap::-webkit-scrollbar-thumb,.mi-right-panel::-webkit-scrollbar-thumb,.mi-info-panel::-webkit-scrollbar-thumb{background:var(--border);border-radius:99px}@media (max-width: 900px){.mi-right-panel{width:240px}}@media (max-width: 700px){.mi-main{flex-direction:column}.mi-right-panel{width:100%;border-left:none;border-top:1px solid var(--border);height:280px}#mips-svg{min-width:550px}.mi-bitguide-grid{grid-template-columns:1fr}.mi-header-right{gap:3px}.mi-btn{padding:4px 7px;font-size:.63rem}}