.slash{color:var(--muted);font-size:1.2em}
#pat{flex:1;min-width:0}
fieldset.flags{border:0;padding:0;margin:8px 0 0;display:flex;flex-wrap:wrap;gap:4px 16px}
fieldset.flags legend{color:var(--muted);font-size:.85em;padding:0 0 4px}
fieldset.flags label{display:flex;align-items:center;gap:6px;margin:0;color:var(--fg)}
#status{margin:10px 0 0;min-height:1.5em}
.hl{white-space:pre-wrap;word-break:break-word;min-height:3em}
.hl mark{background:color-mix(in srgb,var(--accent) 28%,transparent);color:inherit;border-radius:3px;outline:1px solid var(--accent)}
.hl mark.b{background:color-mix(in srgb,var(--accent) 50%,transparent)}
.scroll{overflow:auto;max-height:360px;border:1px solid var(--line);border-radius:8px}
.scroll table{width:max-content;min-width:100%}
.scroll td{white-space:pre;max-width:36ch;overflow:hidden;text-overflow:ellipsis}
#repout{white-space:pre-wrap;word-break:break-word}
summary{cursor:pointer}
.cheat td:nth-child(odd){white-space:nowrap}
@media(max-width:560px){.cheat,.cheat tbody,.cheat tr,.cheat td{display:block;width:auto}.cheat tr{border-bottom:1px solid var(--line);padding:6px 0}.cheat td{border:0;padding:1px 0}}