.regex-layout{display:grid;grid-template-columns:minmax(0,2fr) minmax(280px,1fr);gap:1.5rem}.regex-editor,.regex-reference{min-width:0}.regex-reference{padding:1rem;border:1px solid var(--line);border-radius:.75rem;background:var(--soft)}.regex-reference h2:first-child{margin-top:0}.regex-flags{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.6rem}.regex-flags button{margin:0;padding:.4rem .7rem;background:var(--soft);color:var(--text);border:1px solid var(--line)}.regex-flags button[aria-pressed=true]{background:var(--brand);color:#fff}.regex-highlight{max-height:340px;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;padding:1rem;background:var(--control);color:var(--text);border:1px solid var(--line);border-radius:.65rem}.regex-highlight mark{background:#bee6ff;color:#082744;border-radius:2px}.regex-scroll{overflow:auto;max-height:450px}.regex-scroll table{border-collapse:collapse;width:100%;font-size:.85rem}.regex-scroll td,.regex-scroll th{padding:.6rem;border-bottom:1px solid var(--line);text-align:left;vertical-align:top;overflow-wrap:anywhere}.regex-reference article{border-bottom:1px solid var(--line);padding:.65rem 0}.regex-reference article code{color:var(--link)}.regex-reference article p{font-size:.85rem;margin:.35rem 0}#explanation{max-height:300px;overflow:auto}#regexGuide{max-height:500px;overflow:auto}.regex-editor details{margin-top:1rem;padding:1rem;border:1px solid var(--line);border-radius:.65rem}.regex-editor summary{cursor:pointer;font-weight:700}.regex-reference details{margin-top:1rem}#summary{min-height:1.5rem}@media(max-width:900px){.regex-layout{grid-template-columns:1fr}}html[data-theme=dark] .regex-highlight mark{background:#245b81;color:#f4fbff}