.regex-input-row{display:flex;flex-wrap:wrap;border:2px solid var(--border);border-radius:var(--radius);overflow:hidden;transition:var(--transition);background:var(--card-bg)}.regex-input-row:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light)}.regex-slash{padding:0 10px;background:var(--bg-dark);color:var(--text-muted);font-family:Courier New,monospace;font-size:1.1rem;font-weight:700;border-right:1px solid var(--border);display:flex;align-items:center;user-select:none;min-height:46px}.regex-pattern{flex:1;min-width:60px;padding:12px 14px;border:none;outline:none;font-family:Courier New,monospace;font-size:clamp(.78rem,2.5vw,.95rem);background:transparent;color:var(--text)}.regex-flags{padding:0 12px;border-left:1px solid var(--border);background:var(--bg-dark);display:flex;align-items:center;gap:10px;flex-shrink:0}@media (max-width: 500px){.regex-flags{width:100%;border-left:none;border-top:1px solid var(--border);padding:8px 14px;gap:16px}.regex-slash.slash-close{display:none}}.flag-cb{display:flex;align-items:center;gap:4px;font-size:.8rem;font-weight:700;color:var(--text-muted);cursor:pointer;font-family:Courier New,monospace;white-space:nowrap}.flag-cb input{accent-color:var(--primary);cursor:pointer;width:15px;height:15px}.flag-cb:has(input:checked){color:var(--primary)}.regex-error{background:#fef2f2;border:1px solid #fca5a5;border-radius:var(--radius);padding:8px 14px;color:var(--error);font-size:.82rem;font-family:Courier New,monospace;margin-top:6px}.test-area,.highlight-view{width:100%;min-height:140px;padding:14px 16px;border:2px solid var(--border);border-radius:var(--radius);font-family:Courier New,monospace;font-size:clamp(.75rem,2.5vw,.875rem);line-height:1.7;outline:none;transition:var(--transition)}.test-area{resize:vertical;background:var(--card-bg);color:var(--text)}.test-area:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light)}.highlight-view{background:var(--bg);color:var(--text);white-space:pre-wrap;word-break:break-all;overflow:auto;display:none}.highlight-view mark{background:#6366f140;color:var(--text);border-radius:2px;padding:0 1px;border-bottom:2px solid var(--primary)}.highlight-view mark.group{background:#f59e0b33;border-bottom-color:var(--warning)}.match-count-bar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:8px 14px;background:var(--bg-dark);border-radius:var(--radius);margin-top:10px;font-size:.82rem;font-weight:600}.match-count-bar .count{color:var(--primary);font-size:1.1rem;font-weight:800}.match-count-bar.no-match{color:var(--error)}.match-list{max-height:220px;overflow-y:auto;margin-top:12px;border:1px solid var(--border);border-radius:var(--radius)}.match-item{padding:8px 14px;border-bottom:1px solid var(--border-light);font-size:clamp(.7rem,2vw,.82rem);font-family:Courier New,monospace;display:flex;gap:8px;flex-wrap:wrap;align-items:baseline}.match-item:last-child{border-bottom:none}.match-item .mi-idx{color:var(--text-muted);flex-shrink:0}.match-item .mi-val{color:var(--primary);font-weight:600;word-break:break-all}.match-item .mi-pos{color:var(--text-muted);font-size:.72rem}.match-item .mi-groups{color:var(--warning);font-size:.72rem;word-break:break-all}.replace-result{padding:12px 14px;background:var(--bg);border:2px solid var(--border);border-radius:var(--radius);font-family:Courier New,monospace;font-size:clamp(.75rem,2.5vw,.82rem);line-height:1.7;white-space:pre-wrap;word-break:break-all;color:var(--text);min-height:60px}.view-toggle{display:flex;gap:6px;margin-bottom:10px;flex-wrap:wrap}.view-btn{padding:6px 14px;border:2px solid var(--border);border-radius:var(--radius-full);background:var(--card-bg);font-size:.78rem;font-weight:700;cursor:pointer;transition:var(--transition);color:var(--text-muted);font-family:inherit}.view-btn.active,.view-btn:hover{border-color:var(--primary);background:var(--primary-light);color:var(--primary)}.dark .view-btn.active,.dark .view-btn:hover{border-color:var(--primary);background:#6366f133;color:var(--primary)}.dark .regex-input-row{background:var(--card-bg);border-color:var(--border)}.dark .regex-slash{background:var(--bg-dark);color:var(--text-muted);border-color:var(--border)}.dark .regex-pattern{background:transparent;color:var(--text)}.dark .regex-flags{background:var(--bg-dark);border-color:var(--border)}.dark .test-area{background:var(--card-bg);color:var(--text);border-color:var(--border)}.dark .highlight-view{background:var(--bg-dark)}.dark .regex-error{background:#ef44441a;border-color:#ef44444d;color:#f87171}.dark .view-btn{background:var(--card-bg);border-color:var(--border);color:var(--text-muted)}.dark .match-list{border-color:var(--border)}.dark .match-item{border-color:var(--border-light)}.dark .match-count-bar{background:var(--bg-dark)}.dark .replace-result{background:var(--bg-dark);border-color:var(--border)}