/* regex-tester.css v2-r4 */

.rx-pattern-row{display:flex;align-items:center;gap:.4rem;margin-bottom:.6rem;border:1px solid var(--border);background:#fff}
.rx-slash{padding:.4rem .4rem;font-size:1rem;color:var(--text-muted);font-family:ui-monospace,monospace;flex-shrink:0}
.rx-pattern{flex:1;border:none;padding:.4rem .2rem;font-size:.9rem;font-family:ui-monospace,monospace;outline:none}
.rx-flags{width:60px;border:none;border-left:1px solid var(--border);padding:.4rem .4rem;font-size:.85rem;font-family:ui-monospace,monospace;outline:none}
.rx-test-area{font-family:ui-monospace,monospace;font-size:.82rem;min-height:120px;width:100%;resize:vertical;border:1px solid var(--border);padding:.6rem;line-height:1.6}
.rx-test-area:focus{outline:none;border-color:var(--accent)}
.rx-results{margin-top:.75rem;padding:.75rem;border:1px solid var(--border);background:#f9fafb;font-size:.8rem;min-height:40px}
.rx-highlight-wrap{margin-top:.6rem;padding:.6rem;border:1px solid var(--border);background:#fff;font-family:ui-monospace,monospace;font-size:.82rem;line-height:1.7;word-break:break-all}
.rx-match{background:#fef08a;border-radius:2px}
.rx-status{font-size:.78rem;margin-bottom:.5rem;font-weight:600}
.rx-status.ok{color:#16a34a}
.rx-status.err{color:#dc2626}
.rx-match-item{padding:.2rem .5rem;border:1px solid var(--border);background:#fff;margin:.2rem 0;font-family:ui-monospace,monospace;font-size:.78rem}