@import"https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap";:root{--bg: #121212;--panel: #1a1a1a;--panel-elevated: #2a2a2a;--text: #f5f5f5;--muted: #a0a0a0;--border: #444444;--accent: #a0a0ff;--hover: #3a3a3a;--select: #4a4a7a;--button-bg: #333333;--input-bg: #222222;--warning: #ffcc00;--danger: #e57373;--success: #66bb6a;--grid-line: #444444;--tile-bg: var(--panel-elevated);--tile-border: var(--border)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji"}.terminal-shell{position:relative;height:100%}.terminal{box-sizing:border-box;background:#000;border:1px solid var(--border);padding:0;overflow:hidden;position:absolute;top:0;right:0}.term-row{height:14px;line-height:14px;white-space:pre;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,Liberation Mono,monospace;font-size:12px}.c-default{color:#ddd}.c-dim{color:#666}.c-muted{color:#555}.c-green{color:#66bb6a}.c-yellow{color:#fc0}.c-cyan{color:#00bcd4}.c-magenta{color:#f7f}.c-red{color:#e57373}.c-blue{color:#2a6df4}.c-white{color:#fff}.term-help{color:#888;font-size:12px}.term-overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:auto;z-index:2}.tile-ov{position:absolute}.term-num-input{position:absolute;height:20px;line-height:20px;text-align:center;background:#111;color:#eee;border:0;border-radius:0;pointer-events:auto}.term-code-input{position:absolute;background:#111;color:#ddd;border:0;border-radius:0;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,Liberation Mono,monospace;font-size:12px;line-height:18px;padding:0;resize:none;pointer-events:auto;outline:none;box-shadow:none}.term-code-input:focus{outline:none;box-shadow:none}.term-code-input.hl-mask:focus{outline:none;box-shadow:none}.code-exec-hl{position:absolute;background:#66bb6a40;pointer-events:none}.code-error-hl{position:absolute;background:#e5737359;pointer-events:none}.code-hl-wrap{position:absolute;overflow:hidden}.code-hl-overlay{position:absolute;top:0;right:0;bottom:0;left:0;color:#ccc;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,Liberation Mono,monospace;font-size:12px;line-height:18px;white-space:pre;pointer-events:none;padding:0}.term-code-input.hl-mask{color:transparent;caret-color:#0f9;background:transparent}.term-code-input.hl-mask::selection{background:#00ff9940}.asm-hl{--g0:#c8facc;--g1:#aef3b1;--g2:#82e088;--g3:#5acb64;--g4:#3fb04b;--g5:#2a8d38;--mut:#888}.asm-hl .tok-label{color:var(--g2)}.asm-hl .tok-comment{color:var(--mut)}.asm-hl .tok-side{color:var(--g3)}.asm-hl .tok-const{color:var(--g2)}.asm-hl .tok-op-io{color:var(--g4)}.asm-hl .tok-op-stack{color:var(--g3)}.asm-hl .tok-op-alu{color:var(--g5)}.asm-hl .tok-op-flow{color:var(--g2);text-decoration:none}.asm-hl .tok-op-meta{color:var(--mut)}.port-circle{position:absolute;width:10px;height:10px;border-radius:50%;background:#2ecc71;border:0;box-shadow:0 0 0 1px #2ecc71;pointer-events:auto;cursor:crosshair}.port-line{position:absolute;background:#2ecc71}.port-line.v{width:2px}.port-line.h{height:2px}.port-circle.active{box-shadow:0 0 0 2px #2ecc71}.port-circle.hint{box-shadow:0 0 0 1px #2ecc71,0 0 6px 1px #2ecc71cc;opacity:.95}.term-measure{position:absolute;left:-9999px;top:-9999px;visibility:hidden}.term-probe{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,Liberation Mono,monospace;font-size:12px}.menu-hit,.menu-item-hit{position:absolute;pointer-events:auto;cursor:pointer;background:transparent}.popup-menu{position:absolute;z-index:20;background:var(--panel-elevated);color:var(--text);border:1px solid var(--border);border-radius:0;box-shadow:0 2px 6px #0006;overflow:hidden}.popup-item{padding:4px 8px;cursor:pointer;-webkit-user-select:none;user-select:none}.popup-item:hover{background:var(--hover)}.conn-svg{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:auto}.conn-line{stroke:#2ecc71;stroke-width:2px;pointer-events:none}.conn-hit{stroke:#0000;stroke-width:12px;pointer-events:stroke}.conn-draft{stroke:#2ecc71;stroke-width:1px;stroke-dasharray:4 3;pointer-events:none}.port-circle.hint-strong{box-shadow:0 0 0 2px #2ecc71,0 0 8px 2px #2ecc71e6}.term-overlay input.block-toggle{accent-color:var(--success)}.bevel{border:1px solid var(--border);border-radius:4px}.topbar{height:40px;display:flex;align-items:center;justify-content:space-between;padding:0 12px;background:var(--panel);border-bottom:1px solid var(--border)}.toolbar-group{display:flex;gap:8px;align-items:center}.button{background:var(--button-bg);color:var(--text);padding:6px 10px;cursor:pointer;-webkit-user-select:none;user-select:none;border:1px solid var(--border);border-radius:4px}.button:hover{background:var(--hover)}.button[aria-disabled=true]{opacity:.5;pointer-events:none}.layout{display:grid;grid-template-rows:40px 1fr 22px;height:100vh}.main{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto 1fr;min-height:0}.statusbar{height:22px;background:var(--panel);display:flex;align-items:center;padding:0 8px;font-size:12px;border-top:1px solid var(--border)}.grid-canvas{position:relative;overflow:auto;background:var(--bg);display:flex;align-items:flex-start;justify-content:flex-start}.grid{position:relative;display:grid}.grid-cell{position:relative;min-width:0;min-height:0}.grid-cell.empty{background:var(--panel)}.grid-cell.empty:hover,.grid-cell:hover{background:var(--hover)}.plus-btn{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:transparent;border:0;padding:0;outline:none}.plus-btn>div{width:24px;height:24px;display:grid;place-items:center;font-weight:700;background:var(--button-bg);color:var(--text);border:1px solid var(--border);border-radius:4px}.tile{position:relative;width:100%;height:100%;background:var(--panel-elevated);border:1px solid var(--border);color:var(--text);border-radius:6px}.tile.selected{box-shadow:0 0 0 2px var(--accent)}.tile-close{position:absolute;top:2px;right:2px;width:18px;height:18px;display:grid;place-items:center;background:var(--button-bg);color:var(--text);border:0;border-radius:4px;cursor:pointer;z-index:5}.tile-close:hover{background:var(--hover)}.tile-header{background:var(--panel-elevated);height:22px;display:flex;align-items:center;justify-content:space-between;padding:0 6px;cursor:grab;-webkit-user-select:none;user-select:none;border-bottom:1px solid var(--border)}.tile-body{padding:5px;font-size:11px;min-height:0}.right-panel{background:var(--panel);border-left:1px solid var(--border);border-right:1px solid var(--border);border-bottom:1px solid var(--border);border-top:1px solid var(--border);padding:10px;margin-top:10px}.right-panel .title{font-weight:700;margin-bottom:8px}.tabs{display:flex;gap:6px;margin-bottom:8px}.tab{background:var(--button-bg);color:var(--text);padding:4px 8px;border:1px solid var(--border);border-radius:4px;cursor:pointer;font-size:12px}.tab.active{background:var(--hover);box-shadow:inset 0 0 0 1px var(--accent)}.tab-content{font-size:12px}.mini-table{width:100%;border-collapse:separate;border-spacing:0 4px;font-size:12px}.mini-table th,.mini-table td{border:0;padding:1px 2px;text-align:center}.links-overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.link-line{stroke:var(--accent);stroke-width:2;opacity:.8}@media (max-width: 991px){.main{grid-template-columns:1fr}}.tests-scroll{scrollbar-gutter:stable}.tests-scroll::-webkit-scrollbar{width:8px;height:8px}.tests-scroll::-webkit-scrollbar-thumb{background:var(--border);border-radius:6px}.tests-scroll::-webkit-scrollbar-track{background:transparent}.mini-table tbody tr:nth-child(odd){background:#ffffff08}.mini-table tbody tr:nth-child(2n){background:#ffffff0f}.chip-tile-grid{display:grid;grid-template-columns:34px .8fr 3fr;grid-template-rows:1fr auto;gap:3px;height:100%;min-height:0;min-width:0}.flags-col{grid-column:1;grid-row:1;display:flex;flex-direction:column;gap:2px;align-items:center;overflow:auto;min-height:0;margin-left:-5px}.flags-item{display:flex;align-items:center;justify-content:center}.flag-letter{font-weight:600;font-size:11px}.stack-box{grid-column:2;grid-row:1;position:relative;width:100%;height:100%;min-height:0;margin-left:-10px}.stack-overlay{position:absolute;top:0;right:0;bottom:0;left:0;overflow:auto;background:var(--input-bg);color:var(--text);border:0;border-radius:0;padding:2px 4px;text-align:center;font-variant-numeric:tabular-nums;min-width:calc(3ch + 8px)}.asm-textarea{grid-column:3;grid-row:1 / span 2;position:relative;width:100%;height:100%;min-height:0}.editor-box{position:relative;overflow:hidden}.retro-editor{font-family:"Press Start 2P",monospace;-webkit-font-smoothing:none;text-rendering:optimizeSpeed}.editor-input{position:absolute;top:0;right:0;bottom:0;left:0;background:transparent;color:transparent;caret-color:#0c6;border:0;outline:none;padding:4px 6px;resize:none;border-radius:4px}.editor-overlay{position:absolute;top:0;right:0;bottom:0;left:0;overflow:auto;padding:4px 6px;background:var(--input-bg);color:var(--text);border:1px solid var(--border);border-radius:4px;scrollbar-width:thin}.editor-overlay::-webkit-scrollbar{width:3px;height:3px}.editor-overlay::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.editor-overlay .cur-line{color:#66bb6a}.editor-overlay .exec-line{background:#66bb6a2e}.stack-overlay .top-line{color:#66bb6a}.chip-ellipsis-btn{grid-column:1 / span 2;grid-row:2;justify-self:center;align-self:center;width:28px;height:20px;padding:0 4px}@keyframes coinflip{0%{transform:rotateY(89deg);opacity:0}15%{opacity:1}50%{transform:rotateY(269deg)}to{transform:rotateY(360deg);opacity:1}}.flip-digit{display:inline-block;animation-name:coinflip;animation-duration:2s;animation-timing-function:ease;animation-fill-mode:both;transform-origin:50% 50%;backface-visibility:hidden;will-change:transform,opacity;transform:rotateY(89deg);opacity:0}.flip-wrap{perspective:800px}