.regex-tester-container[data-v-0df2ccba]{display:flex;flex-direction:column;gap:8px;margin:0 auto}.input-card[data-v-0df2ccba],.result-card[data-v-0df2ccba]{margin-top:25px;border-radius:12px;border:1px solid var(--el-border-color-light);transition:all .3s ease}.input-card[data-v-0df2ccba]:hover,.result-card[data-v-0df2ccba]:hover{border-color:var(--el-color-primary-light-7);box-shadow:0 4px 12px #0000000d}.card-header[data-v-0df2ccba]{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px}.header-title[data-v-0df2ccba]{font-weight:600;color:var(--el-text-color-primary);font-size:16px}.header-actions[data-v-0df2ccba]{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.regex-input-row[data-v-0df2ccba]{margin-bottom:16px}.regex-field[data-v-0df2ccba]{display:flex;align-items:center;gap:4px;background:var(--el-bg-color-page);border-radius:8px;padding:4px 12px;border:1px solid var(--el-border-color);transition:all .3s ease}.regex-field[data-v-0df2ccba]:focus-within{border-color:var(--el-color-primary);box-shadow:0 0 0 2px var(--el-color-primary-light-9)}.regex-slash[data-v-0df2ccba]{font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:16px;font-weight:700;color:var(--el-color-primary);flex-shrink:0}.regex-input[data-v-0df2ccba]{flex:1}.regex-input[data-v-0df2ccba] .el-input__wrapper{box-shadow:none!important;background:transparent;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:15px}.quick-result[data-v-0df2ccba]{display:flex;align-items:center;gap:10px;margin-top:12px;padding:8px 12px;background:var(--el-bg-color-page);border-radius:8px}.quick-result-hint[data-v-0df2ccba]{font-size:12px;color:var(--el-color-success);font-weight:500;animation:bounce-down-0df2ccba 1.5s ease infinite}@keyframes bounce-down-0df2ccba{0%,to{transform:translateY(0)}50%{transform:translateY(3px)}}.flags-section[data-v-0df2ccba]{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:12px}.templates-section[data-v-0df2ccba]{margin-top:12px}.templates-header[data-v-0df2ccba]{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.toggle-btn[data-v-0df2ccba]{font-size:13px;font-weight:600}.templates-body[data-v-0df2ccba]{display:flex;align-items:center;flex-wrap:wrap;gap:8px;overflow:hidden;transition:max-height .3s ease}.templates-body.collapsed[data-v-0df2ccba]{max-height:28px}.flags-label[data-v-0df2ccba]{font-size:13px;color:var(--el-text-color-secondary);font-weight:500;flex-shrink:0}.template-btn[data-v-0df2ccba]{font-size:12px}.test-text-input[data-v-0df2ccba] .el-textarea__inner{border-radius:8px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:14px;line-height:1.6}.error-alert[data-v-0df2ccba]{border-radius:8px}.highlight-section[data-v-0df2ccba]{margin-bottom:16px;padding:16px;background:var(--el-bg-color-page);border-radius:8px;border:1px solid var(--el-border-color-lighter)}.highlight-text[data-v-0df2ccba]{font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:14px;line-height:1.8;white-space:pre-wrap;word-break:break-all;color:var(--el-text-color-primary)}.highlight-text[data-v-0df2ccba] .regex-highlight{background:var(--el-color-warning-light-5);color:var(--el-color-warning-dark-2);border-radius:3px;padding:1px 3px;font-weight:600}.match-table[data-v-0df2ccba]{border-radius:8px;overflow:hidden}.match-table[data-v-0df2ccba] .el-table__header th{background:var(--el-bg-color-page);color:var(--el-text-color-primary);font-weight:600}.match-value[data-v-0df2ccba]{font-family:Monaco,Menlo,Ubuntu Mono,monospace;background:var(--el-color-primary-light-9);padding:2px 6px;border-radius:4px;font-size:13px;color:var(--el-color-primary)}.groups-cell[data-v-0df2ccba]{display:flex;flex-wrap:wrap;gap:4px}.group-tag[data-v-0df2ccba]{font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:12px}.no-groups[data-v-0df2ccba]{color:var(--el-text-color-placeholder)}.empty-state[data-v-0df2ccba]{padding:40px 20px}@media (max-width: 768px){.regex-tester-container[data-v-0df2ccba]{gap:10px;padding:0 10px}.flags-section[data-v-0df2ccba],.templates-body[data-v-0df2ccba]{gap:6px}.template-btn[data-v-0df2ccba]{font-size:11px}}@media (max-width: 480px){.card-header[data-v-0df2ccba]{flex-direction:column;align-items:flex-start}.header-actions[data-v-0df2ccba]{width:100%;justify-content:flex-start}}@media (prefers-color-scheme: dark){.input-card[data-v-0df2ccba],.result-card[data-v-0df2ccba]{border-color:var(--el-border-color-dark)}.highlight-text[data-v-0df2ccba] .regex-highlight{background:#e6a23c40;color:var(--el-color-warning-light-3)}}