/**
 * Regex Tester Tool Specific Styling
 */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{--primary:#4f46e5;--bg:transparent;--card:#fff;--shadow:0 4px 20px rgba(0,0,0,.06);--text:#0f172a;--secondary:#64748b;--radius:12px;--radius-sm:8px;--transition:all 0.2s ease}
[data-theme="dark"]{--card:#1e293b;--shadow:0 4px 20px rgba(0,0,0,.3);--text:#f1f5f9;--secondary:#94a3b8;--primary:#818cf8}
.rt-wrap{font-family:'Inter',sans-serif;color:var(--text);background:var(--bg);max-width:720px;margin:0 auto;padding:4px}
.rt-card{background:var(--card);box-shadow:var(--shadow);border-radius:var(--radius);padding:24px;transition:var(--transition)}
.rt-title{font-size:20px;font-weight:700;margin-bottom:20px;color:var(--text)}
.rt-group{margin-bottom:16px}
.rt-label{display:block;font-size:13px;font-weight:600;color:var(--secondary);margin-bottom:6px;text-transform:uppercase;letter-spacing:.5px}
.rt-input{width:100%;height:48px;padding:0 14px;border:1.5px solid #e2e8f0;border-radius:var(--radius-sm);font-family:'Inter',sans-serif;font-size:15px;color:var(--text);background:var(--card);outline:none;transition:var(--transition)}
.rt-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(79,70,229,.12)}
.rt-textarea{width:100%;min-height:140px;padding:12px 14px;border:1.5px solid #e2e8f0;border-radius:var(--radius-sm);font-family:'Inter',sans-serif;font-size:14px;color:var(--text);background:var(--card);outline:none;resize:vertical;transition:var(--transition);line-height:1.6}
.rt-textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(79,70,229,.12)}
.rt-flags{display:flex;gap:16px;flex-wrap:wrap}
.rt-flag{display:flex;align-items:center;gap:6px;font-size:14px;color:var(--text);cursor:pointer;user-select:none}
.rt-flag input{width:18px;height:18px;accent-color:var(--primary);cursor:pointer}
.rt-output{background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:var(--radius-sm);padding:14px;min-height:140px;font-size:14px;line-height:1.8;white-space:pre-wrap;word-break:break-word;color:var(--text);transition:var(--transition)}
[data-theme="dark"] .rt-output{background:#0f172a;border-color:#334155}
.rt-match{background:rgba(79,70,229,.18);color:var(--primary);border-radius:3px;padding:0 2px;font-weight:500}
[data-theme="dark"] .rt-match{background:rgba(129,140,248,.22);color:#a5b4fc}
.rt-stats{display:flex;gap:20px;margin-top:12px;flex-wrap:wrap}
.rt-stat{font-size:13px;color:var(--secondary);font-weight:500}
.rt-stat strong{color:var(--primary);font-weight:700}
.rt-error{background:#fef2f2;border:1.5px solid #fecaca;border-radius:var(--radius-sm);padding:12px 14px;color:#dc2626;font-size:13px;margin-top:12px}
[data-theme="dark"] .rt-error{background:rgba(220,38,38,.12);border-color:rgba(220,38,38,.3);color:#fca5a5}
.rt-group-list{margin-top:12px;display:flex;flex-direction:column;gap:6px}
.rt-group-item{font-size:13px;color:var(--secondary);padding:6px 10px;background:#f1f5f9;border-radius:6px;font-family:'Inter',sans-serif}
[data-theme="dark"] .rt-group-item{background:#1e293b;color:#94a3b8}
.rt-group-item strong{color:var(--text);font-weight:600}
.rt-empty{color:var(--secondary);font-style:italic;font-size:14px}