.regex-tester[data-v-688680bf]{display:flex;flex-direction:column;gap:1.5rem}.input-section[data-v-688680bf]{background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.section-header[data-v-688680bf]{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background:var(--color-bg-base);border-bottom:1px solid var(--color-border)}.section-title[data-v-688680bf]{font-size:.875rem;font-weight:500;color:var(--color-text-secondary)}.regex-input-wrapper[data-v-688680bf]{display:flex;align-items:center;gap:.5rem;padding:1rem}.regex-prefix[data-v-688680bf],.regex-suffix[data-v-688680bf]{font-family:var(--font-mono);font-size:1.25rem;color:var(--color-text-muted)}.regex-input[data-v-688680bf]{flex:1;padding:.75rem 1rem;background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);font-family:var(--font-mono);font-size:.9rem;color:var(--color-text-primary)}.regex-input[data-v-688680bf]:focus{outline:none;border-color:var(--color-primary)}.flags-group[data-v-688680bf]{display:flex;gap:.5rem}.flag-checkbox[data-v-688680bf]{display:flex;align-items:center;gap:.25rem;cursor:pointer}.flag-checkbox input[data-v-688680bf]{accent-color:var(--color-primary)}.flag-label[data-v-688680bf]{font-family:var(--font-mono);font-size:.875rem;color:var(--color-text-secondary);padding:.25rem .5rem;background:var(--color-bg-elevated);border-radius:var(--radius-sm)}.test-textarea[data-v-688680bf]{width:100%;min-height:150px;padding:1rem;background:transparent;border:none;font-family:var(--font-mono);font-size:.9rem;color:var(--color-text-primary);line-height:1.6;resize:vertical}.test-textarea[data-v-688680bf]:focus{outline:none}.error-message[data-v-688680bf]{padding:.75rem 1rem;color:var(--color-error);font-size:.875rem}.templates-section[data-v-688680bf]{background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.templates-list[data-v-688680bf]{display:flex;flex-wrap:wrap;gap:.5rem;padding:1rem}.template-btn[data-v-688680bf]{padding:.5rem .875rem;background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:.8rem;color:var(--color-text-secondary);transition:all .15s ease}.template-btn[data-v-688680bf]:hover{background:var(--color-primary);color:var(--color-bg-deep);border-color:var(--color-primary)}.result-section[data-v-688680bf]{background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.match-count[data-v-688680bf]{font-size:.75rem;color:var(--color-text-muted);font-weight:400}.matches-list[data-v-688680bf]{display:flex;flex-direction:column;gap:.75rem;padding:1rem;max-height:400px;overflow-y:auto}.match-item[data-v-688680bf]{padding:.875rem;background:var(--color-bg-elevated);border-radius:var(--radius-md);border:1px solid var(--color-border)}.match-header[data-v-688680bf]{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem}.match-index[data-v-688680bf]{font-weight:600;color:var(--color-primary);font-size:.875rem}.match-position[data-v-688680bf]{font-size:.75rem;color:var(--color-text-muted)}.copy-tiny-btn[data-v-688680bf]{margin-left:auto;padding:.2rem .4rem;background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:.7rem;color:var(--color-text-muted);transition:all .15s ease}.copy-tiny-btn[data-v-688680bf]:hover{background:var(--color-primary);color:var(--color-bg-deep);border-color:var(--color-primary)}.match-text[data-v-688680bf]{display:block;font-family:var(--font-mono);font-size:.9rem;color:var(--color-primary);background:none;padding:0;word-break:break-all}.match-groups[data-v-688680bf]{margin-top:.5rem;padding-top:.5rem;border-top:1px solid var(--color-border)}.group-item[data-v-688680bf]{display:flex;align-items:center;gap:.5rem;margin-top:.25rem;font-size:.8rem}.group-label[data-v-688680bf]{color:var(--color-text-muted)}.group-item code[data-v-688680bf]{color:var(--color-accent);background:none;padding:0}.no-matches[data-v-688680bf]{padding:2rem;text-align:center;color:var(--color-text-muted)}.highlight-section[data-v-688680bf]{border-top:1px solid var(--color-border);padding:1rem}.highlight-preview[data-v-688680bf]{padding:1rem;background:var(--color-bg-elevated);border-radius:var(--radius-md);font-family:var(--font-mono);font-size:.9rem;line-height:1.8;white-space:pre-wrap;word-break:break-all;color:var(--color-text-primary)}[data-v-688680bf] .regex-match{background:#00d4aa4d;padding:.125rem .25rem;border-radius:2px;color:var(--color-primary);font-weight:500}.copy-btn[data-v-688680bf]{padding:.25rem .625rem;background:var(--color-primary);color:var(--color-bg-deep);font-size:.75rem;font-weight:500;border-radius:var(--radius-sm);transition:all .15s ease}.copy-btn[data-v-688680bf]:hover{background:var(--color-primary-light)}