.rx-pattern { margin-bottom: 14px; }
.rx-pattern > label { display: block; font-weight: 600; margin-bottom: 6px; }
.rx-row { display: flex; align-items: center; gap: 6px; }
.rx-row .input { flex: 1; min-width: 0; }
.rx-row .rx-flags { flex: 0 0 72px; }
.rx-slash { font: 600 1.25rem ui-monospace, Menlo, monospace; color: var(--muted, #6b7785); }
.rx-flagbtns { display: flex; flex-wrap: wrap; gap: 4px 16px; margin-top: 8px; font-size: .875rem; }
.mono, .rx textarea { font-family: ui-monospace, Menlo, Consolas, monospace; }
.rx-view { white-space: pre-wrap; word-break: break-word; font: .9rem/1.6 ui-monospace, Menlo, Consolas, monospace; padding: 12px 14px; border: 1px solid var(--line); border-radius: 10px; background: var(--bg-soft); min-height: 48px; }
.rx-view:empty { display: none; }
.rx-view mark { background: #ffe58a; border-radius: 3px; padding: 0 1px; box-shadow: inset 0 -2px 0 #e0b400; }
.rx-view mark.alt { background: #bfe3ff; box-shadow: inset 0 -2px 0 #3d9be0; }