.gth-regex-tester .gth-regex-input { display: flex; align-items: center; gap: 0; }
.gth-regex-tester .gth-regex-delim { padding: var(--gth-space-2); background: var(--gth-bg-secondary); border: 1px solid var(--gth-border-color); font-family: monospace; font-size: var(--gth-text-lg); color: var(--gth-text-secondary); }
.gth-regex-tester .gth-regex-pattern { flex: 1; border-radius: 0; font-family: monospace; }
.gth-regex-tester .gth-regex-flags { width: 60px; border-radius: 0 var(--gth-radius-md) var(--gth-radius-md) 0; font-family: monospace; text-align: center; }
.gth-regex-tester .gth-regex-delim:first-child { border-radius: var(--gth-radius-md) 0 0 var(--gth-radius-md); }
.gth-regex-tester .gth-result-header { margin-bottom: var(--gth-space-2); }
.gth-regex-tester .gth-match-count { font-weight: var(--gth-font-bold); color: var(--gth-primary); }
.gth-regex-tester .gth-highlighted-text { padding: var(--gth-space-3); background: var(--gth-bg-secondary); border-radius: var(--gth-radius-md); font-family: monospace; white-space: pre-wrap; word-break: break-word; line-height: 1.6; }
.gth-regex-tester .gth-highlighted-text .gth-match { background: var(--gth-warning-subtle); border-bottom: 2px solid var(--gth-warning); }
.gth-regex-tester .gth-matches-section { margin-top: var(--gth-space-4); }
.gth-regex-tester .gth-matches-section h4 { font-size: var(--gth-text-sm); color: var(--gth-text-secondary); margin-bottom: var(--gth-space-2); }
.gth-regex-tester .gth-matches-list { display: flex; flex-wrap: wrap; gap: var(--gth-space-2); }
.gth-regex-tester .gth-match-item { padding: var(--gth-space-1) var(--gth-space-2); background: var(--gth-primary-subtle); border-radius: var(--gth-radius-sm); font-family: monospace; font-size: var(--gth-text-sm); }