:root{--mono: ui-monospace, "SFMono-Regular", "Cascadia Mono", "JetBrains Mono", Menlo, Consolas, monospace;--sans: Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", system-ui, sans-serif;--m3-surface: #141218;--m3-surface-dim: #141218;--m3-surface-bright: #3b383e;--m3-surface-lowest: #0f0d13;--m3-surface-low: #1d1b20;--m3-surface-container: #211f24;--m3-surface-high: #2b292f;--m3-surface-highest: #36343a;--m3-on-surface: #e6e0e9;--m3-on-surface-variant: #cac4cf;--m3-outline: #948f99;--m3-outline-variant: #49454e;--m3-primary: #cfbdfe;--m3-on-primary: #36275d;--m3-primary-container: #4d3d75;--m3-on-primary-container: #e9ddff;--m3-secondary: #cbc2db;--m3-secondary-container: #4a4458;--m3-on-secondary-container: #e8def8;--m3-tertiary: #efb8c8;--m3-error: #ffb4ab;--m3-error-container: #93000a;--m3-on-error-container: #ffdad6;--m3-inverse-surface: #e6e0e9;--m3-inverse-on-surface: #322f35;--c-fetch: #a5c8ff;--c-fetch-container: #214876;--c-fetch-on-container: #d4e3ff;--c-decode: #cfbdfe;--c-exec: #77da9c;--c-exec-container: #00522e;--c-exec-on-container: #93f7b7;--c-mem: #f1bf4f;--c-mem-container: #5b4300;--c-mem-on-container: #ffdf9f;--ease-standard: cubic-bezier(.2, 0, 0, 1);--ease-emphasized-decelerate: cubic-bezier(.05, .7, .1, 1);--ease-emphasized-accelerate: cubic-bezier(.3, 0, 1, 1);--bg: var(--m3-surface);--line: var(--m3-outline-variant);--line-strong: var(--m3-outline)}*{box-sizing:border-box}html{height:100%;background-color:var(--m3-surface)}body,#root{height:100%}body{margin:0;background-color:var(--m3-surface);color:var(--m3-on-surface);font-family:var(--sans);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overscroll-behavior:none}*{scrollbar-width:thin;scrollbar-color:var(--m3-outline) transparent}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-thumb{background:var(--m3-surface-highest);border-radius:99px;border:3px solid transparent;background-clip:content-box}*::-webkit-scrollbar-thumb:hover{background:var(--m3-outline);background-clip:content-box}*::-webkit-scrollbar-track{background:transparent}::selection{background:var(--m3-primary-container);color:var(--m3-on-primary-container)}.mono{font-family:var(--mono);font-variant-ligatures:none}.num{font-family:var(--mono);font-variant-numeric:tabular-nums}.tk-mn{color:var(--m3-tertiary)}.tk-rg{color:var(--c-fetch)}.tk-im{color:var(--c-mem)}.tk-lb{color:var(--m3-primary)}.tk-mem{color:var(--c-exec)}.hl-fetch{color:var(--c-fetch)}.hl-decode{color:var(--c-decode)}.hl-exec{color:var(--c-exec)}@keyframes flow{to{stroke-dashoffset:-24}}@keyframes pulse-ring{0%{opacity:.8;transform:scale(1)}70%{opacity:0;transform:scale(1.05)}to{opacity:0;transform:scale(1.05)}}@keyframes pop{0%{transform:scale(1)}38%{transform:scale(1.045)}to{transform:scale(1)}}@keyframes flash{0%{background-color:#77da9c57}to{background-color:#77da9c1f}}@keyframes flash-mem{0%{background-color:#f1bf4f61}to{background-color:#f1bf4f1f}}@keyframes slide-up{0%{transform:translateY(8px)}to{transform:none}}@keyframes rise{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes blink{0%,45%{opacity:1}50%,to{opacity:.18}}@keyframes trail{0%{opacity:.85}to{opacity:0}}.code-grid{display:grid;grid-template-columns:44px max-content minmax(160px,1fr);align-content:start;font-family:var(--mono);font-size:12.6px;line-height:1.75}.code-grid.plain{grid-template-columns:44px minmax(0,1fr)}.code-row{display:contents}.code-row>*{padding:1px 12px}.code-row .ln{color:var(--m3-outline);text-align:right;padding-right:10px;border-right:1px solid var(--m3-outline-variant);-webkit-user-select:none;user-select:none}.code-row .tx{white-space:pre;color:var(--m3-on-surface)}.code-row .nt{color:var(--m3-on-surface-variant);font-size:11.6px;border-left:1px solid var(--m3-outline-variant)}.code-row.is-cmt .tx{color:var(--m3-on-surface-variant);font-style:italic;opacity:.8}.code-row.is-dir .tx{color:var(--m3-secondary)}.code-row.is-lbl .tx{color:var(--m3-primary);font-weight:600}.code-row.is-dim .tx,.code-row.is-dim .nt{opacity:.45}.code-row.is-hl .tx{color:var(--m3-on-surface);background:var(--m3-primary-container)}@media (max-width: 700px){.code-grid{grid-template-columns:34px minmax(0,1fr)}.code-grid .nt{display:none}}.dp-svg{width:100%;height:100%;display:block;overflow:visible}.dp-box{fill:var(--m3-surface-container);stroke:var(--m3-outline-variant);stroke-width:1;transition:fill .25s var(--ease-standard),stroke .25s var(--ease-standard)}.dp-unit.on .dp-box{fill:var(--c-fetch-container);stroke:var(--c-fetch)}.dp-halo{fill:none;stroke:var(--c-fetch);stroke-width:1;transform-box:fill-box;transform-origin:center;animation:pulse-ring 1.7s ease-out infinite}.dp-title{font-family:var(--sans);font-size:9px;fill:var(--m3-on-surface-variant);letter-spacing:.04em}.dp-unit.on .dp-title{fill:var(--c-fetch-on-container)}.dp-val{font-family:var(--mono);font-size:10.4px;fill:var(--m3-on-surface)}.dp-val.sm{font-size:8.6px;letter-spacing:-.3px}.dp-sub{font-family:var(--mono);font-size:8.2px;fill:var(--m3-outline)}.dp-wire{stroke:var(--m3-outline-variant);stroke-width:1.4;fill:none}.dp-wire.live{stroke:var(--c-fetch);stroke-width:2;stroke-dasharray:3 9;stroke-linecap:round;animation:flow .9s linear infinite}.dp-arrow{fill:var(--m3-outline)}.dp-arrow.live{fill:var(--c-fetch)}.dp-wire-label{font-family:var(--mono);font-size:7.4px;fill:var(--m3-outline)}.dp-bus{fill:var(--m3-surface-high);stroke:var(--m3-outline-variant)}.dp-bus.live{fill:var(--c-fetch-container);stroke:var(--c-fetch)}.tl-track{position:relative;display:flex;align-items:stretch;gap:2px;height:32px;cursor:pointer;touch-action:none}.tl-cell{flex:1 1 0;border-radius:var(--m3-shape-xs, 4px);min-width:0;transition:background-color .16s var(--ease-standard),opacity .16s var(--ease-standard);opacity:.3}.tl-cell[data-phase=fetch]{background:var(--c-fetch)}.tl-cell[data-phase=decode]{background:var(--c-decode)}.tl-cell[data-phase=execute]{background:var(--c-exec)}.tl-cell.gap{box-shadow:inset -3px 0 0 var(--m3-surface)}.tl-cell.past{opacity:.6}.tl-cell.now{opacity:1;box-shadow:0 0 0 2px var(--m3-on-surface),0 0 12px #ffffff4d}.tl-cell.hover{opacity:.9;outline:1px solid var(--m3-on-surface-variant)}.scrub-head{position:absolute;top:-4px;bottom:-4px;width:2px;background:var(--m3-on-surface);border-radius:2px;transition:left .12s linear;pointer-events:none}.scrub-ghost{position:absolute;top:-2px;bottom:-2px;width:2px;background:var(--m3-outline);border-radius:2px;pointer-events:none}.ce-wrap{display:flex;height:100%;min-height:0;font-family:var(--mono);font-size:12.8px;line-height:1.72}.ce-gutter{flex:none;width:44px;padding:8px 0;overflow:hidden;border-right:1px solid var(--m3-outline-variant);text-align:right;-webkit-user-select:none;user-select:none}.ce-ln{padding:0 10px 0 4px;height:calc(12.8px * 1.72);color:var(--m3-outline);font-size:11px;line-height:calc(12.8px * 1.72)}.ce-ln.is-active{color:var(--m3-primary);font-weight:700}.ce-ln.is-error{color:var(--m3-error);font-weight:700}.ce-body{position:relative;flex:1;min-width:0}.ce-highlight,.ce-input{position:absolute;top:0;right:0;bottom:0;left:0;padding:8px 14px;margin:0;border:0;font:inherit;line-height:inherit;-moz-tab-size:4;tab-size:4;white-space:pre;overflow:auto}.ce-highlight{pointer-events:none;color:var(--m3-on-surface)}.ce-line{height:calc(12.8px * 1.72)}.ce-line.is-active{background:var(--m3-primary-container);box-shadow:inset 2px 0 0 var(--m3-primary)}.ce-line.is-error{background:var(--m3-error-container);box-shadow:inset 2px 0 0 var(--m3-error)}.ce-input{background:transparent;color:transparent;caret-color:var(--m3-primary);resize:none;outline:none}.ce-input::selection{background:var(--m3-primary-container);color:transparent}.ce-kw{color:var(--m3-primary)}.ce-num{color:var(--c-mem)}.ce-fn{color:var(--c-exec)}.ce-op{color:var(--c-fetch)}.ce-cmt{color:var(--m3-on-surface-variant);font-style:italic}.stage-fade{animation:slide-up .32s var(--ease-emphasized-decelerate)}.measure-row:hover{background:#e6e0e90d}.hint-key{font-family:var(--mono);font-size:10.5px;padding:2px 6px;border-radius:4px;border:1px solid var(--m3-outline);color:var(--m3-on-surface-variant)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}