/* Regex 測試頁小補丁 */
#rt-form [hidden], #rt-app [hidden] { display: none !important; }
.rt-rule { display: flex; align-items: center; gap: 6px; }
.rt-rule input { flex: 1 1 auto; min-width: 0; font-family: ui-monospace, Menlo, Consolas, monospace; }
.rt-rule .rt-slash { font-family: ui-monospace, Menlo, Consolas, monospace; font-size: 1.1rem; color: var(--muted); }
.rt-flags { display: flex; flex-wrap: wrap; gap: 6px 14px; margin: 8px 0; }
.rt-flags label { display: inline-flex; align-items: center; gap: 4px; font-family: ui-monospace, Menlo, Consolas, monospace; }
.rt-hint { color: var(--muted); font-size: .9rem; margin: 4px 0; }
.rt-mono, #rt-text, #rt-repl, #rt-repl-out { font-family: ui-monospace, Menlo, Consolas, monospace; font-size: .95rem; }
#rt-text, #rt-repl-out { width: 100%; min-height: 8rem; }
.rt-mirror { white-space: pre-wrap; overflow-wrap: anywhere; font-family: ui-monospace, Menlo, Consolas, monospace; font-size: .95rem; border: 1px solid var(--line); border-radius: 8px; padding: 8px 10px; background: var(--soft); max-height: 18rem; overflow: auto; }
.rt-mirror mark { color: inherit; border-radius: 2px; }
.rt-m0 { background: rgba(29, 78, 216, .28); }
.rt-m1 { background: rgba(217, 119, 6, .35); }
.rt-zero { display: inline-block; width: 0; height: 1.1em; border-left: 2px solid var(--bad); vertical-align: text-bottom; }
.rt-btns { display: flex; flex-wrap: wrap; gap: 10px; margin: 10px 0; }
.rt-count { font-weight: 600; margin: 8px 0; }
.rt-cell { white-space: pre-wrap; overflow-wrap: anywhere; font-family: ui-monospace, Menlo, Consolas, monospace; }
#rt-table-wrap { max-height: 24rem; overflow: auto; }
.rt-sample-note { color: var(--muted); font-size: .95rem; margin: 6px 0; }
.rt-cheat td:first-child, .rt-cheat td:last-child { font-family: ui-monospace, Menlo, Consolas, monospace; overflow-wrap: anywhere; }
#rt-notice { color: var(--warn); }
@media (prefers-color-scheme: dark) {
  .rt-m0 { background: rgba(96, 165, 250, .35); }
  .rt-m1 { background: rgba(251, 191, 36, .35); }
}