.code-artifact{display:flex;flex-direction:column;height:100%}
.code-bar{
  flex:0 0 auto;display:flex;align-items:center;gap:7px;padding:7px 10px;
  border-bottom:1px solid var(--line);background:var(--bg2);flex-wrap:wrap;
}
.code-search{
  flex:1 1 130px;min-width:100px;background:var(--surface);border:1px solid var(--line);
  border-radius:8px;color:var(--text);font-family:inherit;font-size:12.5px;padding:6px 9px;
}
.code-search:focus{outline:none;border-color:var(--accent)}
.code-status{font-size:11px;color:var(--text3);font-family:var(--mono);white-space:nowrap}
.code-body{flex:1 1 auto;overflow:auto;-webkit-overflow-scrolling:touch}
.code-lines{font-family:var(--mono);font-size:12px;line-height:1.65;padding:8px 0;min-width:min-content}
.cl{display:flex;padding:0 10px 0 0}
.cl-flag{background:var(--warn-soft)}
.cl-n{
  flex:0 0 auto;width:46px;text-align:right;padding-right:12px;color:var(--text3);
  user-select:none;position:sticky;left:0;background:var(--bg2);
}
.cl-c{flex:1 1 auto;white-space:pre;color:var(--text)}
.cl-finding{display:flex;gap:7px;padding:4px 10px 4px 58px;align-items:flex-start;font-family:var(--ui)}
.cl-fmsg{flex:1 1 auto;font-size:11.5px;color:var(--text2);word-break:break-word}
.code-edit{
  width:100%;height:100%;min-height:340px;background:var(--bg);border:0;color:var(--text);
  font-family:var(--mono);font-size:12.5px;line-height:1.6;padding:10px;resize:none;
}
.code-edit:focus{outline:none}

.hl-kw{color:#c792ea}
.hl-st{color:#c3e88d}
.hl-cm{color:var(--text3);font-style:italic}
.hl-nm{color:#f78c6c}
.hl-tg{color:#f07178}
.hl-at{color:#ffcb6b}
.hl-av{color:#c3e88d}