.regex-tester-tool[data-v-9ef4790f]{width:100%;margin:0 auto}.control-section[data-v-9ef4790f]{background:#fff;border-radius:6px;padding:24px;margin-bottom:24px;box-shadow:0 2px 8px #0000000f}.section-title[data-v-9ef4790f]{font-size:18px;font-weight:600;color:#374151;margin-bottom:20px;display:flex;align-items:center}.section-title i[data-v-9ef4790f]{color:#23a894}.mr-2[data-v-9ef4790f]{margin-right:8px}.input-label[data-v-9ef4790f]{display:block;font-size:14px;color:#6b7280;font-weight:500;margin-bottom:8px}.regex-field[data-v-9ef4790f]{margin-bottom:16px}.regex-wrap[data-v-9ef4790f]{display:flex;align-items:center;gap:0}.regex-delim[data-v-9ef4790f]{font-size:18px;color:#9ca3af;font-family:Courier New,monospace;padding:0 4px}.regex-input[data-v-9ef4790f]{flex:1;padding:8px 12px;border:1px solid #dcdfe6;border-radius:3px;font-size:14px;font-family:Courier New,monospace;outline:none;transition:border-color .3s}.regex-input[data-v-9ef4790f]:focus{border-color:#23a894}.regex-flags[data-v-9ef4790f]{font-size:14px;color:#23a894;font-weight:600;min-width:24px}.flags-row[data-v-9ef4790f]{display:flex;align-items:center;gap:12px;margin-bottom:16px}.flags-group[data-v-9ef4790f]{display:flex;gap:16px;flex-wrap:wrap}.custom-checkbox[data-v-9ef4790f]{display:inline-flex;align-items:center;position:relative;padding-left:24px;cursor:pointer;font-size:13px;-webkit-user-select:none;user-select:none;color:#606266}.custom-checkbox input[data-v-9ef4790f]{position:absolute;opacity:0;cursor:pointer}.checkmark[data-v-9ef4790f]{position:absolute;left:0;height:14px;width:14px;background:#fff;border:1px solid #dcdfe6;border-radius:2px;transition:all .3s}.custom-checkbox:hover input~.checkmark[data-v-9ef4790f]{border-color:#23a894}.custom-checkbox input:checked~.checkmark[data-v-9ef4790f]{background:#23a894;border-color:#23a894}.checkmark[data-v-9ef4790f]:after{content:"";position:absolute;display:none}.custom-checkbox input:checked~.checkmark[data-v-9ef4790f]:after{display:block}.custom-checkbox .checkmark[data-v-9ef4790f]:after{left:4px;top:1px;width:3px;height:7px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.codec-textarea[data-v-9ef4790f]{width:100%;padding:14px;border:1px solid #dcdfe6;border-radius:6px;font-family:Courier New,Consolas,monospace;font-size:14px;line-height:1.6;resize:vertical;outline:none;transition:border-color .3s;box-sizing:border-box}.codec-textarea[data-v-9ef4790f]:focus{border-color:#23a894}.action-buttons[data-v-9ef4790f]{display:flex;gap:12px;justify-content:center;padding-top:16px;border-top:1px solid #e5e7eb;margin-top:16px;flex-wrap:wrap}.btn[data-v-9ef4790f]{padding:10px 20px;border:1px solid #dcdfe6;border-radius:3px;background:#fff;color:#606266;cursor:pointer;font-size:14px;transition:all .3s;display:inline-flex;align-items:center;gap:6px}.btn[data-v-9ef4790f]:hover:not(:disabled){color:#23a894;border-color:#23a894}.btn-primary[data-v-9ef4790f]{background:#23a894;color:#fff;border-color:#23a894}.btn-primary[data-v-9ef4790f]:hover:not(:disabled){background:#1f8f7d;border-color:#1f8f7d;color:#fff}.result-section[data-v-9ef4790f]{background:#fff;border-radius:6px;padding:24px;margin-bottom:24px;box-shadow:0 2px 8px #0000000f;min-height:160px}.stats-badge[data-v-9ef4790f]{font-size:13px;font-weight:400;color:#23a894;margin-left:12px}.empty-state[data-v-9ef4790f]{display:flex;flex-direction:column;align-items:center;justify-content:center;height:140px;color:#9ca3af}.empty-state i[data-v-9ef4790f]{font-size:40px;margin-bottom:12px}.error-block[data-v-9ef4790f]{background:#fef2f2;border:1px solid #fecaca;border-radius:6px;padding:12px 16px;color:#dc2626;font-size:14px;margin-bottom:16px;display:flex;align-items:flex-start;gap:8px}.match-list[data-v-9ef4790f]{display:flex;flex-direction:column;gap:10px;max-height:400px;overflow-y:auto}.match-item[data-v-9ef4790f]{padding:12px 16px;background:#f9fafb;border-radius:6px;display:flex;align-items:center;gap:12px;flex-wrap:wrap}.match-idx[data-v-9ef4790f]{font-size:12px;color:#9ca3af;min-width:28px}.match-position[data-v-9ef4790f]{font-size:12px;color:#6b7280}.match-full[data-v-9ef4790f]{background:#e5e7eb;padding:2px 8px;border-radius:3px;font-size:14px;color:#1f2937}.match-groups[data-v-9ef4790f]{display:flex;gap:6px;flex-wrap:wrap;width:100%;margin-top:4px}.group-tag[data-v-9ef4790f]{font-size:12px;background:#d1fae5;color:#065f46;padding:2px 8px;border-radius:3px}.help-section[data-v-9ef4790f]{background:#fff;border-radius:6px;padding:24px;box-shadow:0 2px 8px #0000000f;margin-bottom:24px}.help-content[data-v-9ef4790f]{display:grid;gap:12px}.help-item[data-v-9ef4790f]{display:flex;align-items:flex-start;gap:12px;padding:12px;background:#f9fafb;border-radius:6px;cursor:pointer;transition:background .2s}.help-item[data-v-9ef4790f]:hover{background:#f0fdf4}.help-item i[data-v-9ef4790f]{color:#23a894;font-size:16px;margin-top:2px;flex-shrink:0}.help-item div[data-v-9ef4790f]{font-size:14px;color:#6b7280;line-height:1.6}.help-item strong[data-v-9ef4790f]{color:#374151}.help-item code[data-v-9ef4790f]{background:#e5e7eb;padding:1px 6px;border-radius:3px;font-size:13px}@media (max-width: 640px){.action-buttons[data-v-9ef4790f]{flex-direction:column}.action-buttons button[data-v-9ef4790f]{width:100%}.match-item[data-v-9ef4790f]{flex-direction:column;align-items:flex-start}}