/* hy-disasm — a fake disassembler window for ME.exe. */

.hyx-window{
  background:var(--code);
  border:1px solid var(--line);
  border-radius:12px;
  overflow:hidden;
  font-family:var(--mono);
  box-shadow:0 18px 44px color-mix(in oklab,var(--shadow) 55%,transparent);
}
.hyx-titlebar{display:flex;align-items:center;gap:.7rem;padding:.5rem .75rem;background:var(--surface2);border-bottom:1px solid var(--line);min-width:0}
.hyx-dots{display:flex;gap:.28rem;flex:none}
.hyx-dots i{width:.55rem;height:.55rem;border-radius:50%;background:var(--accent3)}
.hyx-dots i:nth-child(2){background:var(--accent2)}
.hyx-dots i:nth-child(3){background:var(--accent)}
.hyx-title{color:var(--muted);font-size:.72rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.hyx-badge{margin-left:auto;flex:none;padding:.05rem .4rem;border:1px solid var(--line);border-radius:4px;color:var(--accent2);font-size:.6rem;letter-spacing:.08em;text-transform:uppercase}
.hyx-menubar{display:flex;gap:.9rem;padding:.28rem .75rem;border-bottom:1px solid var(--line);color:var(--muted);font-size:.62rem;overflow:hidden;white-space:nowrap}
.hyx-menubar span{opacity:.75}

.hyx-app{display:grid;grid-template-columns:12rem minmax(0,1fr);height:24rem}
.hyx-side{display:flex;flex-direction:column;min-height:0;border-right:1px solid var(--line);background:color-mix(in oklab,var(--surface) 35%,var(--code))}
.hyx-side-head{display:flex;justify-content:space-between;gap:.5rem;padding:.4rem .65rem;border-bottom:1px solid var(--line);color:var(--muted);font-size:.62rem;letter-spacing:.09em;text-transform:uppercase}
.hyx-side-head span:last-child{color:var(--accent3);letter-spacing:0;font-variant-numeric:tabular-nums}
.hyx-fns{flex:1;min-height:0;margin:0;padding:.35rem .35rem .5rem;list-style:none;overflow-y:auto;scrollbar-width:thin}
.hyx-fnrow{display:flex;align-items:stretch;gap:.15rem}
.hyx-fnrow+.hyx-fnrow{margin-top:.1rem}
.hyx-fn{flex:1;min-width:0;display:flex;flex-direction:row;align-items:baseline;justify-content:space-between;gap:.4rem;padding:.3rem .42rem;border:1px solid transparent;border-radius:6px;background:transparent;color:var(--fg);font:inherit;text-align:left;cursor:pointer;transition:background .15s,border-color .15s}
.hyx-fn:hover{background:var(--surface2);border-color:var(--line)}
.hyx-fn[aria-current="true"]{background:color-mix(in oklab,var(--accent) 15%,transparent);border-color:color-mix(in oklab,var(--accent) 55%,var(--line))}
.hyx-fn-name{max-width:100%;font-size:.76rem;line-height:1.25;color:var(--accent2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hyx-fn.is-done .hyx-fn-name{color:var(--accent)}
.hyx-fn-addr{font-size:.56rem;color:var(--muted);font-variant-numeric:tabular-nums}
.hyx-pen,.hyx-ok{flex:none;align-self:center;display:grid;place-items:center;width:1.6rem;height:1.6rem;border:1px solid transparent;border-radius:5px;background:transparent;color:var(--muted);font:inherit;font-size:.8rem;line-height:1;cursor:pointer}
.hyx-pen:hover{border-color:var(--accent);color:var(--accent);background:var(--surface)}
.hyx-ok{color:var(--accent3);cursor:default}

.hyx-main{display:flex;flex-direction:column;min-width:0;min-height:0}
.hyx-listing-head{display:flex;align-items:center;gap:.7rem;padding:.4rem .65rem;border-bottom:1px solid var(--line);background:color-mix(in oklab,var(--surface) 30%,var(--code));min-width:0}
.hyx-cur-wrap{display:flex;align-items:baseline;gap:.55rem;min-width:0;flex-wrap:wrap}
.hyx-cur{font-size:.82rem;font-weight:600;color:var(--accent);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hyx-cur-sub{font-size:.64rem;color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap}
.hyx-rename{margin-left:auto;flex:none;padding:.2rem .55rem;border:1px solid color-mix(in oklab,var(--accent) 45%,var(--line));border-radius:5px;background:var(--surface);color:var(--fg);font:inherit;font-size:.68rem;cursor:pointer;transition:.15s}
.hyx-rename:hover{border-color:var(--accent);color:var(--accent);background:color-mix(in oklab,var(--accent) 10%,var(--surface))}
.hyx-rename[hidden]{display:none}
.hyx-scroll{flex:1;min-height:0;overflow:auto;scrollbar-width:thin}
.hyx-listing{padding:.45rem 0 .6rem;font-size:.68rem;line-height:1.55;font-variant-numeric:tabular-nums}
.hyx-code{min-width:max-content}
.hyx-line{display:flex;align-items:baseline;gap:.55rem;padding:.02rem .6rem;border-left:2px solid transparent;white-space:pre}
.hyx-line:hover{background:color-mix(in oklab,var(--surface2) 60%,transparent);border-left-color:var(--line)}
.hyx-a{flex:none;width:4.4rem;color:var(--muted)}
.hyx-b{flex:none;width:6.6rem;color:var(--accent2);opacity:.72}
.hyx-i{color:var(--fg)}
.hyx-c{margin-left:.4rem;color:var(--muted);font-style:italic}
.hyx-note{margin:.35rem .6rem 0;padding:.4rem .6rem;border-left:2px solid var(--accent3);background:color-mix(in oklab,var(--accent3) 7%,transparent);color:var(--accent3);font-size:.68rem;line-height:1.55;font-style:italic}
.hyx-reveal{min-height:2.5rem;margin:0;padding:.5rem .9rem;border-top:1px dashed var(--line);color:var(--muted);font-size:.68rem;line-height:1.5;font-style:italic}
.hyx-reveal.is-on{color:var(--accent3)}

.hyx-statusbar{display:flex;align-items:center;gap:.8rem;padding:.38rem .7rem;border-top:1px solid var(--line);background:var(--surface2);font-size:.64rem;color:var(--muted)}
.hyx-status{min-width:0;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hyx-counter{flex:none;color:var(--accent);font-variant-numeric:tabular-nums;white-space:nowrap}

.hyx-controls{margin-top:.75rem}
.hyx-run{border-color:color-mix(in oklab,var(--accent) 50%,var(--line));color:var(--accent)}
.hyx-run:disabled{opacity:.55;cursor:progress}
.hyx-prog{display:flex;align-items:center;gap:.5rem;flex:1;min-width:8rem;max-width:20rem}
.hyx-prog[hidden]{display:none}
.hyx-prog-track{position:relative;flex:1;height:.45rem;border:1px solid var(--line);border-radius:99px;background:var(--code);overflow:hidden}
.hyx-prog-fill{display:block;width:0;height:100%;background:var(--accent);border-radius:99px;transition:width .12s linear}
.hyx-prog-num{font-size:.66rem;color:var(--accent3);font-variant-numeric:tabular-nums}

.hyx-static{display:block;padding:0 1.1rem 1.1rem}
html.hyx-ready .hyx-static{display:none}
html:not(.hyx-ready) .hyx-window,
html:not(.hyx-ready) .hyx-controls{display:none}
html.hyx-ready .hyx-window{display:block}
html.hyx-ready .hyx-controls{display:flex}
.hyx-static-note{margin:.9rem 0;color:var(--muted);font-size:.82rem;line-height:1.6}
.hyx-static-pre{margin:0!important;padding:2rem .8rem .8rem!important;box-shadow:none!important;font-size:.7rem!important;line-height:1.55!important}
.hyx-static-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.25rem .9rem;margin:.9rem 0 0;padding:0;list-style:none;font-size:.68rem}
.hyx-static-list li{display:flex;justify-content:space-between;gap:.6rem;padding:.18rem .4rem;border-bottom:1px solid var(--line)}
.hyx-static-list code{color:var(--accent)}
.hyx-static-list span{color:var(--muted);white-space:nowrap}

.hyx-root :focus-visible{outline:2px dashed var(--accent2);outline-offset:2px}

@media(max-width:620px){
  .hyx-app{grid-template-columns:1fr;height:auto}
  .hyx-side{border-right:0;border-bottom:1px solid var(--line)}
  .hyx-static-pre{white-space:pre-wrap!important;overflow-wrap:anywhere;font-size:.64rem!important;line-height:1.5!important}
  .hyx-fns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.1rem;overflow:visible;max-height:none;padding:.3rem}
  .hyx-pen,.hyx-ok{display:none}
  .hyx-scroll{max-height:20rem}
  .hyx-listing{font-size:.64rem}
  .hyx-a{width:4.2rem}
  .hyx-b{width:6.4rem}
  .hyx-line{gap:.6rem;padding-inline:.6rem}
  .hyx-c{margin-left:.4rem}
  .hyx-title{white-space:normal;line-height:1.3}
  .hyx-status{display:none}
  .hyx-counter{font-size:.66rem}
  .hyx-prog{order:3;flex-basis:100%;max-width:none}
  .hyx-static-list{grid-template-columns:1fr}
  .hyx-menubar{gap:.6rem}
  .hyx-menubar span:nth-child(n+7){display:none}
}

@media(max-width:400px){
  .hyx-b{display:none}
  .hyx-a{width:4.2rem}
}

@media(max-width:760px){
  .hyx-fn{min-height:44px;align-items:center}
  /* Beat the article-wide 40px toy-button rule: Run analysis and Reset are
     the primary controls of this window. */
  .layout:has(.hyf-hud) .prose .hyx-controls .toy-btn{min-height:44px}
}
@media(min-width:761px) and (max-width:1024px){
  .hyx-fn{min-height:44px;align-items:center}
  .hyx-controls .toy-btn{min-height:44px}
}

@media(prefers-reduced-motion:reduce){
  .hyx-fn,.hyx-rename,.hyx-prog-fill{transition:none}
}