*{box-sizing:border-box}html{background:#070a0f;min-width:320px;min-height:100%}body{font-synthesis:none;text-rendering:geometricprecision;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-width:320px;min-height:100vh;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,textarea{font-family:inherit}button:focus-visible,input:focus-visible,textarea:focus-visible{outline-offset:2px;outline:2px solid #48d9ffe6}::selection{color:#061016;background:#48d9ff}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#070a0f;--panel:#0d141de6;--panel-strong:#111b27f5;--line:#80a4be33;--line-strong:#8bcae96b;--text:#e9f7ff;--muted:#8ea5b5;--subtle:#607684;--cyan:#48d9ff;--amber:#ffbf57;--magenta:#ff4fd8;--green:#78f0ba;--shadow:0 20px 60px #00000057}#root{min-height:100vh}button,textarea,input{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh;color:var(--text);background:linear-gradient(90deg,#48d9ff0f 1px,#0000 1px) 0 0/48px 48px,linear-gradient(0deg,#48d9ff0a 1px,#0000 1px) 0 0/48px 48px,linear-gradient(135deg,#05070b 0%,#0a1118 44%,#080b12 100%);grid-template-rows:76px minmax(0,1fr);display:grid;overflow:hidden}.topbar{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#05090ed1;justify-content:space-between;align-items:center;gap:18px;padding:14px 22px;display:flex}.brand-lockup,.toolbar,.section-heading,.metric-row,.round-console,.digest-strip,.selected-bit{align-items:center;display:flex}.brand-lockup{gap:12px;min-width:250px}.brand-mark{width:38px;height:38px;color:var(--cyan);background:linear-gradient(135deg,#48d9ff33,#ff4fd814),#091018db;border:1px solid #48d9ff66;border-radius:8px;place-items:center;display:grid;box-shadow:0 0 32px #48d9ff2e}.brand-lockup h1{margin:0;font-size:17px;font-weight:760;line-height:1.1}.brand-lockup p,.metric-row small,.round-readout small,.inspector-head span,.selected-bit span,.kicker{color:var(--muted);margin:0;font-size:12px;line-height:1.35}.toolbar{justify-content:flex-end;gap:8px}.primary-button,.icon-button,.icon-only{border:1px solid var(--line);height:38px;color:var(--text);background:#111b27e6;border-radius:8px;justify-content:center;align-items:center;gap:8px;transition:transform .16s,border-color .16s,background .16s,box-shadow .16s;display:inline-flex}.primary-button{background:linear-gradient(135deg,#48d9ff40,#ffbf5724);border-color:#48d9ff73;min-width:96px;box-shadow:0 0 26px #48d9ff24}.icon-button{min-width:78px;padding:0 12px}.icon-only{width:38px}.primary-button:hover,.icon-button:hover,.icon-only:hover{border-color:var(--line-strong);background:#182737f0;transform:translateY(-1px)}.workspace{grid-template-columns:320px minmax(520px,1fr) 320px;gap:14px;min-height:0;padding:14px;display:grid}.control-panel,.center-stage{min-height:0}.control-panel{border:1px solid var(--line);background:var(--panel);box-shadow:var(--shadow);border-radius:8px;flex-direction:column;display:flex;overflow:hidden}.panel-section{border-bottom:1px solid var(--line);padding:16px}.panel-section:last-child{border-bottom:0}.section-heading{color:var(--cyan);gap:8px;margin-bottom:12px}.section-heading h2{color:var(--text);margin:0;font-size:13px;font-weight:740;line-height:1.2}.section-heading.compact{margin-bottom:10px}.input-label{color:var(--muted);margin-bottom:7px;font-size:12px;display:block}textarea{resize:none;width:100%;height:92px;color:var(--text);background:#04080d99;border:1px solid #7ba6bf40;border-radius:8px;outline:none;padding:12px;font-size:15px;line-height:1.45}textarea:focus{border-color:#48d9ffad;box-shadow:0 0 0 3px #48d9ff1c}.selected-bit{justify-content:space-between;gap:12px;margin-bottom:12px}.selected-bit strong{color:var(--magenta);font-size:22px;line-height:1}.range-input,.round-range{width:100%;accent-color:var(--magenta)}.bit-strip{scrollbar-color:#48d9ff73 #04080d6b;scrollbar-width:thin;grid-template-columns:repeat(8,1fr);gap:5px;max-height:238px;margin-top:14px;padding-right:4px;display:grid;overflow:auto}.bit-strip::-webkit-scrollbar{width:8px}.bit-strip::-webkit-scrollbar-track{background:#04080d6b;border-radius:999px}.bit-strip::-webkit-scrollbar-thumb{background:#48d9ff73;border-radius:999px}.bit{color:#aebfcb;background:#060b11ad;border:1px solid #7ba6bf2e;border-radius:6px;min-width:0;height:28px;padding:0;font-family:JetBrains Mono,SFMono-Regular,Consolas,monospace;font-size:12px}.bit[data-byte-edge=true]{margin-right:6px}.bit.active{color:#fff;background:#ff4fd838;border-color:#ff4fd8c7;box-shadow:0 0 0 2px #ff4fd829,0 0 20px #ff4fd857}.bit-overflow{color:var(--muted);grid-column:1/-1;padding:5px 0;font-size:12px}.byte-panel{gap:10px;display:grid}.byte-row{gap:5px;display:grid}.byte-row span{color:var(--muted);font-size:12px}code{text-overflow:ellipsis;color:#cdeffd;letter-spacing:0;white-space:nowrap;max-width:100%;font-family:JetBrains Mono,SFMono-Regular,Consolas,monospace;font-size:12px;overflow:hidden}.byte-row.changed code{color:#ffd5f5}.center-stage{grid-template-rows:auto minmax(420px,1fr) auto;gap:12px;display:grid;overflow:hidden}.digest-strip{border:1px solid var(--line);background:#090f16d1;border-radius:8px;justify-content:space-between;gap:18px;padding:12px 14px}.digest-strip>div:first-child{min-width:0}.hash-run{flex-wrap:wrap;gap:4px;margin-top:7px;display:flex}.hash-byte{min-width:30px;color:var(--subtle);background:#03070cb8;border:1px solid #7ba6bf1f;border-radius:6px;gap:2px;padding:4px 5px;font-family:JetBrains Mono,SFMono-Regular,Consolas,monospace;font-size:10px;line-height:1.05;display:grid}.hash-byte span:last-child{color:#a9c7d6}.hash-byte.changed{background:linear-gradient(#ffbf5729,#ff4fd814);border-color:#ffbf5757}.hash-byte.changed span:first-child{color:#ffd28a}.hash-byte.changed span:last-child{color:#ffb5ee}.digest-score{text-align:right;flex:none;width:124px}.digest-score strong{color:var(--amber);font-size:30px;line-height:1;display:block}.digest-score span{color:var(--muted);font-size:12px}.graph-surface{border:1px solid var(--line);background:linear-gradient(90deg,#8bcae912 1px,#0000 1px) 0 0/34px 34px,linear-gradient(0deg,#8bcae90d 1px,#0000 1px) 0 0/34px 34px,linear-gradient(145deg,#48d9ff12,#0000 48%),#070c12d1;border-radius:8px;min-height:0;position:relative;overflow:hidden;box-shadow:inset 0 0 70px #48d9ff0f;container-type:inline-size}.graph-grid{opacity:.65;pointer-events:none;background:linear-gradient(120deg,#0000 0 62%,#ffbf5714 62.2%,#0000 63%),linear-gradient(40deg,#0000 0 54%,#ff4fd80f 54.2%,#0000 55%);position:absolute;inset:0}.graph-stage{z-index:2;color:#d7ecf6;pointer-events:none;background:#080f17d1;border:1px solid #8bcae933;border-radius:8px;place-items:center;height:30px;padding:0 clamp(7px,1cqw,12px);font-size:clamp(10px,1.05cqw,12px);font-weight:760;line-height:1;display:grid;position:absolute;top:14px}.stage-input{width:10%;left:2.5%}.stage-preprocess{width:13%;left:14.5%}.stage-schedule{width:16%;left:30%}.stage-compress{width:25%;left:53%}.stage-digest{width:12%;right:3%}.compression-frame{z-index:1;pointer-events:none;background:#04090e2e;border:1px dashed #8bcae947;border-radius:8px;width:28%;height:71%;position:absolute;top:16%;left:53%}.compression-frame span{color:#d8edf8;white-space:nowrap;background:#091018f5;border:1px solid #8bcae938;border-radius:7px;padding:4px 9px;font-size:11px;font-weight:740;position:absolute;top:-13px;left:50%;transform:translate(-50%)}.register-ladder,.digest-matrix{z-index:2;pointer-events:none;position:absolute}.register-ladder{gap:5px;width:31px;display:grid;top:34%}.register-ladder:before{color:var(--muted);white-space:nowrap;font-size:10px;font-weight:740;line-height:1;position:absolute;top:-22px;left:50%;transform:translate(-50%)}.register-ladder-in:before{content:"state a-h in"}.register-ladder-out:before{content:"state a-h out"}.register-ladder span{color:#cae6f2;background:#0a121ad1;border:1px solid #48d9ff47;border-radius:5px;place-items:center;height:24px;font-family:JetBrains Mono,SFMono-Regular,Consolas,monospace;font-size:11px;display:grid}.register-ladder-in{left:52%}.register-ladder-out{left:76.5%}.digest-matrix{grid-template-columns:repeat(4,8px);gap:5px;display:grid;bottom:23%;right:5.2%}.digest-matrix span{background:#48d9ff54;border:1px solid #48d9ff8c;border-radius:3px;width:8px;height:8px;box-shadow:0 0 10px #48d9ff29}.graph-links,.graph-nodes{position:absolute;inset:0}.graph-edge-base,.graph-edge-pulse{fill:none;stroke:url(#hotEdge);stroke-linecap:round}.graph-edge-base{stroke-width:calc(.09 + var(--heat) * .26);opacity:calc(.16 + var(--heat) * .44)}.graph-edge-pulse{stroke-width:calc(.16 + var(--heat) * .42);stroke-dasharray:.065 .935;stroke-dashoffset:0;opacity:calc(.2 + var(--heat) * .78);animation:1.7s linear infinite edgeFlow;animation-delay:var(--dash-delay)}.support-edge .graph-edge-base{stroke-width:calc(.07 + var(--heat) * .18);opacity:calc(.08 + var(--heat) * .24)}.support-edge .graph-edge-pulse{stroke-width:calc(.12 + var(--heat) * .3);opacity:calc(.14 + var(--heat) * .48)}.main-edge .graph-edge-base{stroke-width:calc(.18 + var(--heat) * .38);opacity:calc(.38 + var(--heat) * .52)}.main-edge .graph-edge-pulse{stroke-width:calc(.24 + var(--heat) * .52);stroke-dasharray:.085 .915;opacity:calc(.48 + var(--heat) * .5)}.graph-node{width:clamp(88px,9cqw,112px);min-height:clamp(50px,5.1cqw,58px);color:var(--text);text-align:left;box-shadow:0 12px 28px #00000040, 0 0 calc(8px + var(--heat) * 34px) rgba(72, 217, 255, calc(var(--heat) * .28));background:linear-gradient(#101a26f5,#070c13eb),#080e15e6;border:1px solid #8bcae938;border-radius:8px;align-content:center;gap:clamp(4px,.55cqw,6px);padding:clamp(7px,.85cqw,10px);display:grid;position:absolute;transform:translate(-50%,-50%)}.graph-node:before{content:"";border-radius:inherit;border:1px solid var(--node-color);opacity:calc(.2 + var(--heat) * .6);pointer-events:none;position:absolute;inset:-1px}.graph-node span{color:#d5e8f2;font-size:clamp(10px,1cqw,12px);font-weight:720;line-height:1.1}.graph-node strong{color:var(--node-color);font-family:JetBrains Mono,SFMono-Regular,Consolas,monospace;font-size:clamp(9px,.92cqw,11px);font-weight:720;line-height:1.1}.graph-node.cyan{--node-color:var(--cyan)}.graph-node.amber{--node-color:var(--amber)}.graph-node.magenta{--node-color:var(--magenta)}.graph-node.green{--node-color:var(--green)}.round-console{border:1px solid var(--line);background:#090f16db;border-radius:8px;gap:14px;padding:12px 14px}.round-readout{flex:none;width:118px}.round-readout span{color:var(--muted);font-size:12px;display:block}.round-readout strong{color:var(--magenta);font-size:26px;line-height:1;display:inline-block}.round-range{max-width:260px}.round-sparkline{flex:1;grid-template-columns:repeat(auto-fit,minmax(3px,1fr));align-items:end;gap:2px;min-width:0;height:48px;display:grid}.round-bar{height:var(--bar);opacity:.54;background:linear-gradient(#48d9ffd1,#ff4fd875);border:0;border-radius:4px 4px 0 0;min-height:6px;padding:0}.round-bar.active{opacity:1;background:linear-gradient(180deg, var(--amber), var(--magenta));box-shadow:0 0 16px #ffbf5757}.inspector-head strong{font-size:24px;line-height:1.05;display:block}.metrics{gap:12px;display:grid}.metric-row{gap:10px}.metric-icon{width:34px;height:34px;color:var(--cyan);background:#48d9ff14;border:1px solid #48d9ff3d;border-radius:8px;place-items:center;display:grid}.metric-row>span:nth-child(2){flex:1;min-width:0}.metric-label{color:var(--muted);font-size:12px;display:block}.metric-row strong{font-size:18px;line-height:1.1;display:block}.register-grid{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.register-cell{background:#04080d7a;border:1px solid #7ba6bf24;border-radius:8px;gap:5px;padding:9px;display:grid}.register-cell span{color:var(--muted);font-family:JetBrains Mono,SFMono-Regular,Consolas,monospace;font-size:12px}.register-cell strong{color:var(--amber);font-size:19px;line-height:1}.math-list{gap:9px;display:grid}.math-list span{min-width:0;color:var(--muted);justify-content:space-between;gap:8px;font-size:12px;display:flex}.math-list strong{color:var(--text);letter-spacing:0;text-overflow:ellipsis;font-family:JetBrains Mono,SFMono-Regular,Consolas,monospace;font-size:12px;overflow:hidden}@keyframes edgeFlow{to{stroke-dashoffset:-1px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (width<=1500px){.app-shell{overflow:auto}.workspace{grid-template-rows:auto auto;grid-template-columns:280px minmax(440px,1fr)}.right-rail{grid-column:1/-1;grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.right-rail .panel-section{border-bottom:0;border-right:1px solid var(--line)}.right-rail .panel-section:last-child{border-right:0}}@media (width<=820px){.topbar{flex-direction:column;align-items:flex-start;height:auto}.app-shell{grid-template-rows:auto 1fr}.toolbar{justify-content:flex-start;width:100%;padding-bottom:3px;overflow-x:auto}.workspace{grid-template-columns:1fr}.control-panel,.right-rail{display:block}.center-stage{grid-template-rows:auto 560px auto}.digest-strip,.round-console{flex-direction:column;align-items:stretch}.digest-score{text-align:left;width:auto}.round-range{max-width:none}.graph-node{width:104px}.graph-stage{display:none}.compression-frame{width:34%;left:50%}.icon-button span,.primary-button span{display:none}.icon-button,.primary-button{min-width:38px;padding:0 10px}}@container (width<=880px){.register-ladder,.digest-matrix{display:none}.compression-frame{width:36%;left:50%}.stage-compress{width:27%;left:51%}.stage-digest{right:2.5%}}