/* 正则表达式测试 —— 专属样式 */
.regex-row { display: flex; gap: 8px; margin-bottom: 10px; }
.regex-row input[type="text"] { flex: 1; }
.regex-row select {
  font-size: 13px; border: 1px solid var(--border); border-radius: 6px;
  padding: 4px 6px; background: #fff; color: var(--text); max-width: 190px;
}
.regex-flags { display: flex; gap: 12px; flex-wrap: wrap; margin-bottom: 10px; font-size: 13px; }
.regex-flags label { display: flex; align-items: center; gap: 4px; cursor: pointer; }
mark.r-hl { background: #fde047; color: #1f2328; border-radius: 2px; }
#regex-highlight { white-space: pre-wrap; word-break: break-all; max-height: 300px; }
.regex-matches { margin-top: 10px; max-height: 240px; overflow: auto; }
.rhit { display: flex; gap: 8px; font-family: var(--mono); font-size: 12px; padding: 3px 6px; border-radius: 4px; }
.rhit:nth-child(odd) { background: #f8f9fb; }
.rhit .ri { color: var(--muted); flex-shrink: 0; }
.rhit .rm { color: var(--accent); word-break: break-all; }
.rhit .rg { color: var(--muted); word-break: break-all; }
.r-empty { color: var(--muted); font-size: 13px; padding: 6px; }