:root{color-scheme:dark;--bg:#101114;--panel:#181a1f;--line:#2a2d35;--muted:#8c929f;--text:#edf0f5;--accent:#8b5cf6;--accent2:#22d3ee;--good:#43d19e;--danger:#fb7185;font:14px Inter,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);overflow:hidden}header{height:64px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;border-bottom:1px solid var(--line);background:#15161a}.brand,.controls,.section-title{display:flex;align-items:center;gap:10px}.brand>div{display:flex;flex-direction:column}.brand small{color:var(--muted);font-size:10px;letter-spacing:.1em;text-transform:uppercase}.logo{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,var(--accent),#5b21b6);font-weight:800}button{border:1px solid var(--line);border-radius:8px;padding:7px 11px;background:#202229;color:var(--text);cursor:pointer}button:hover{background:#292c34}button.primary{background:var(--accent);border-color:var(--accent)}button:disabled{opacity:.45;cursor:not-allowed}.pill{border:1px solid var(--line);border-radius:99px;padding:4px 9px;color:var(--muted);font-size:11px}.pill.ready{color:var(--good);border-color:#245b4a}main{height:calc(100vh - 64px);display:grid;grid-template-columns:300px 1fr 300px}.panel{background:var(--panel);z-index:2}.left-panel{border-right:1px solid var(--line);padding:12px;display:flex;flex-direction:column}.right-panel{border-left:1px solid var(--line);padding:14px;overflow:auto}.tabs{display:flex;margin-bottom:10px}.tabs button{border-radius:0;background:transparent;border-width:0 0 2px;color:var(--muted)}.tabs button.active{color:var(--text);border-color:var(--accent)}textarea{flex:1;resize:none;border:1px solid var(--line);border-radius:8px;background:#111217;color:#d8dee9;padding:12px;font:12px/1.6 "SFMono-Regular",Consolas,monospace;outline:none;tab-size:2}textarea:focus{border-color:#6d4bc5}.wide{margin-top:10px}.hint{text-align:center;color:var(--muted);font-size:10px;margin-top:7px}#asmError{min-height:18px;color:var(--danger);font-size:11px;padding-top:4px}#workspace{position:relative;min-width:0}canvas{display:block;width:100%;height:100%;touch-action:none}.toolbar,.zoom{position:absolute;display:flex;background:#191b20dd;border:1px solid var(--line);border-radius:10px;padding:4px;box-shadow:0 8px 30px #0007}.toolbar{top:14px;left:14px}.toolbar button,.zoom button{border:0;background:transparent;font-size:16px}.toolbar button.active{background:#34303f;color:#bda5ff}.zoom{right:14px;bottom:14px;align-items:center}.zoom span{width:48px;text-align:center;font-size:11px;color:var(--muted)}.canvas-help{position:absolute;bottom:18px;left:18px;color:#717784;font-size:10px;pointer-events:none}.section-title{justify-content:space-between;text-transform:uppercase;letter-spacing:.09em;font-size:11px;color:#b7bdc9;margin:6px 0 12px}.section-title button{font-size:9px;padding:3px 6px}.metrics{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:20px}.metrics>div{background:#111318;border:1px solid var(--line);border-radius:8px;padding:10px}.metrics small{display:block;color:var(--muted);font-size:9px}.metrics strong{font:12px monospace}.registers{display:grid;grid-template-columns:1fr 1fr;gap:1px 10px;margin-bottom:20px}.reg{display:flex;justify-content:space-between;padding:4px 2px;border-bottom:1px solid #22252c;font:10px monospace}.reg span:first-child{color:#9fa5b2}.reg.changed span:last-child{color:var(--accent2)}.trace{font:10px/1.55 monospace;color:#aeb4c0}.trace div{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.trace .current{color:var(--accent2)}@media(max-width:900px){main{grid-template-columns:240px 1fr}.right-panel{display:none}}@media(max-width:650px){main{grid-template-columns:1fr}.left-panel{display:none}}