:root{--bg: #f4f5f7;--panel: #ffffff;--panel-2: #f8f9fb;--border: #e1e4ea;--text: #1c2230;--muted: #6b7385;--accent: #0f8f66;--accent-text: #ffffff;--accent-soft: #dcf3ea;--warn: #b26a00;--danger: #c4314b;--danger-soft: #fde8ec;--dp: #f5b86b;--term-bg: #12161f;--term-text: #d7dde8;--syn-comment: #8a93a6;--syn-string: #a3561b;--syn-import: #7a3fc4;--syn-number: #0b74c4;--syn-label: #c4314b;--syn-bracket: #1c2230;--syn-pointer: #0f8f66;--syn-math: #b26a00;--syn-data: #2b6f8a;--mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--sans: Inter, system-ui, -apple-system, "Segoe UI", sans-serif;color-scheme:light}@media(prefers-color-scheme:dark){:root{--bg: #0d1017;--panel: #151a23;--panel-2: #1a202b;--border: #262d3a;--text: #e3e8f0;--muted: #8590a3;--accent: #45c993;--accent-text: #08130e;--accent-soft: #173327;--warn: #f0b35a;--danger: #ff6b81;--danger-soft: #3a1820;--dp: #f5b86b;--term-bg: #0a0d13;--term-text: #d7dde8;--syn-comment: #6a7488;--syn-string: #f0a46a;--syn-import: #c49bff;--syn-number: #6cb8ff;--syn-label: #ff7a8f;--syn-bracket: #e3e8f0;--syn-pointer: #5fd8a4;--syn-math: #f5c46b;--syn-data: #7fd0e8;color-scheme:dark}}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font:14px/1.45 var(--sans)}button,select,input{font:inherit;color:inherit}button,select{background:var(--panel-2);border:1px solid var(--border);border-radius:7px;padding:5px 11px;cursor:pointer;white-space:nowrap}button:hover:not(:disabled),select:hover{border-color:var(--muted)}button:disabled{opacity:.45;cursor:default}button.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-text);font-weight:600;min-width:104px}button.ghost{background:none;border:none;padding:2px 6px;color:var(--muted)}:focus-visible{outline:2px solid var(--accent);outline-offset:1px}h2,h3{margin:0}h3{font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.muted{color:var(--muted)}.app{display:flex;flex-direction:column;height:100%}.toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px;padding:10px 16px;border-bottom:1px solid var(--border);background:var(--panel)}.brand{display:flex;align-items:center;gap:8px;font-weight:600;font-size:16px}.brand .muted{font-weight:400}.controls{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.controls.right{margin-left:auto}.speed{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:13px}.speed input{width:110px;accent-color:var(--accent)}.speed-value{font-family:var(--mono);font-size:12px;min-width:9.5em}.workspace{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;padding:12px}.panel{background:var(--panel);border:1px solid var(--border);border-radius:10px;min-height:0;overflow:hidden}.panel-bar{display:flex;align-items:center;flex-wrap:wrap;gap:8px 12px;padding:8px 12px}.side{display:grid;grid-template-rows:minmax(200px,.85fr) minmax(0,1.15fr);gap:12px;min-height:0}.editor-panel{display:flex;flex-direction:column}.tabs{display:flex;gap:2px;padding:6px 8px 0;border-bottom:1px solid var(--border);background:var(--panel-2);overflow-x:auto}.tab{display:flex;align-items:center;border:1px solid transparent;border-bottom:none;border-radius:7px 7px 0 0;margin-bottom:-1px}.tab button{border:none;background:none;padding:6px 10px;font-family:var(--mono);font-size:13px;color:var(--muted)}.tab.on{background:var(--panel);border-color:var(--border)}.tab.on button{color:var(--text)}.tab .tab-x{padding:6px 8px 6px 0}.tab.add{border:none;background:none;color:var(--muted);padding:6px 10px}.hint{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:7px 12px;background:var(--accent-soft);font-size:13px}.editor{flex:1;min-height:0}.editor>div{height:100%}.editor .cm-editor{height:100%;font-family:var(--mono);font-size:13.5px;background:var(--panel)}.editor .cm-scroller{font-family:var(--mono)}.editor .cm-gutters{background:var(--panel);border-right:1px solid var(--border)}.output-panel{display:flex;flex-direction:column}.status{margin-left:auto;display:flex;align-items:center;gap:6px;font-size:12px;color:var(--muted)}.status i{width:8px;height:8px;border-radius:50%;background:var(--muted)}.status-running i,.status-delay i{background:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.status-waiting i,.status-paused i{background:var(--warn)}.status-error i{background:var(--danger)}.error{margin:0 12px 8px;padding:8px 10px;border-radius:7px;background:var(--danger-soft);color:var(--danger);font-family:var(--mono);font-size:12.5px;white-space:pre-wrap}.terminal{flex:1;min-height:120px;margin:0 12px;padding:10px 12px;border-radius:7px;background:var(--term-bg);color:var(--term-text);font:13px/1.25 var(--mono);overflow:auto;white-space:pre}.terminal:focus-visible{outline-offset:2px}.stdin{display:flex;align-items:center;gap:8px;padding:10px 12px 12px}.stdin input{flex:1;min-width:0;padding:6px 10px;border-radius:7px;border:1px solid var(--border);background:var(--panel-2);font-family:var(--mono);font-size:13px}.stdin input.waiting{border-color:var(--warn);box-shadow:0 0 0 3px color-mix(in srgb,var(--warn) 20%,transparent)}.inspector{display:flex;flex-direction:column;overflow:auto}.registers{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border-bottom:1px solid var(--border)}.reg{display:flex;flex-direction:column;padding:8px 12px;border-right:1px solid var(--border);min-width:0}.reg:last-child{border-right:none}.reg-label{font-size:11px;font-weight:600;letter-spacing:.06em;color:var(--muted)}.reg-value{font:600 18px/1.3 var(--mono);font-variant-numeric:tabular-nums}.reg-sub{font:11.5px var(--mono);color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-height:1.3em}.stacks{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:8px 12px;border-bottom:1px solid var(--border)}.chips{display:flex;flex-wrap:wrap;gap:4px;list-style:none;margin:6px 0 0;padding:0;font:12px var(--mono)}.chip{padding:1px 7px;border-radius:5px;background:var(--panel-2);border:1px solid var(--border)}.chip.active{border-color:var(--accent)}.tape{border-bottom:1px solid var(--border);padding-bottom:10px}.segmented{display:flex}.segmented button{border-radius:0;padding:2px 8px;font-size:12px;margin-left:-1px}.segmented button:first-child{border-radius:6px 0 0 6px}.segmented button:last-child{border-radius:0 6px 6px 0}.segmented button.on{background:var(--accent-soft);border-color:var(--accent);position:relative}.check{display:flex;align-items:center;gap:5px;font-size:12px;color:var(--muted)}.check input{accent-color:var(--accent)}.jump input{width:72px;padding:2px 8px;border-radius:6px;border:1px solid var(--border);background:var(--panel-2);font:12px var(--mono)}.pager{display:flex;gap:4px}.pager button{padding:1px 9px}.tape-grid{display:grid;gap:2px;padding:0 12px;font:11.5px/1 var(--mono);font-variant-numeric:tabular-nums}.addr{color:var(--muted);padding:4px 0;font-size:10.5px}.cell{text-align:center;padding:4px 0;border-radius:3px;background:var(--panel-2);color:var(--muted);overflow:hidden}.cell.nz{color:var(--text);background:color-mix(in srgb,var(--syn-number) 12%,var(--panel-2))}.cell.dp{background:var(--dp);color:#1c1205;font-weight:600}.instructions{display:flex;flex-direction:column}.ins-list{font:12px/1.6 var(--mono);padding:0 0 10px}.ins{display:flex;gap:12px;padding:0 12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ins-n{min-width:3.5em;text-align:right;color:var(--muted)}.ins.current{background:var(--accent-soft);box-shadow:inset 3px 0 0 var(--accent)}.pad{padding:0 12px;margin:0}.drawer-backdrop{position:fixed;inset:0;background:#00000059;display:flex;justify-content:flex-end;z-index:10}.drawer{width:min(560px,100%);height:100%;overflow:auto;background:var(--panel);border-left:1px solid var(--border);padding:16px 20px 32px}.drawer-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.drawer h3{margin:20px 0 6px}.ref{width:100%;border-collapse:collapse;font-size:13px}.ref th{text-align:left;font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;padding:6px;border-bottom:1px solid var(--border)}.ref td{padding:5px 6px;border-bottom:1px solid var(--border);vertical-align:top}.ref code{font-family:var(--mono);color:var(--syn-import);white-space:nowrap}.ref-section td{font-weight:600;padding-top:12px;border-bottom:none}.toast{position:fixed;bottom:20px;left:50%;transform:translate(-50%);background:var(--text);color:var(--bg);padding:8px 14px;border-radius:8px;font-size:13px;z-index:20}@media(max-width:900px){.app{height:auto}.workspace{grid-template-columns:minmax(0,1fr);padding:12px 16px}.editor-panel{height:60vh}.side{grid-template-rows:auto auto}.terminal{height:260px}.inspector{max-height:none}.registers{grid-template-columns:repeat(3,minmax(0,1fr))}.reg:nth-child(3){border-right:none}.stacks{grid-template-columns:1fr}.controls.right{margin-left:0}.speed-value{min-width:0}}