#t-regex .rx-pattern-row{padding:18px 20px;border-bottom:1px solid var(--border-soft);background:var(--bg-subtle)}#t-regex .rx-pattern-wrap{display:flex;align-items:center;border:1.5px solid var(--border);border-radius:var(--r-md);background:var(--surface);overflow:hidden;transition:border-color .15s,box-shadow .15s}#t-regex .rx-pattern-wrap:focus-within{border-color:var(--brand-dark);box-shadow:0 0 0 3px var(--brand-light)}#t-regex .rx-slash{padding:0 12px;font-family:var(--font-mono);font-size:20px;color:var(--text-muted);background:var(--bg-subtle);line-height:48px;user-select:none;flex-shrink:0;border-right:1px solid var(--border-soft)}#t-regex .rx-slash:last-of-type{border-right:none;border-left:1px solid var(--border-soft)}#t-regex .rx-pattern-input{flex:1;min-width:0;height:48px;padding:0 14px;font-family:var(--font-mono);font-size:15px;color:var(--ink);background:transparent;border:none;outline:none}#t-regex .rx-pattern-input::placeholder{font-family:var(--font-sans);color:var(--text-muted)}#t-regex .rx-flags{display:flex;align-items:center;gap:6px;padding:0 12px;background:var(--bg-subtle);height:48px;flex-shrink:0;border-left:1px solid var(--border-soft)}#t-regex .rx-flag{position:relative;cursor:pointer}#t-regex .rx-flag input{position:absolute;opacity:0;width:0;height:0}#t-regex .rx-flag span{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:var(--r-sm);border:1.5px solid var(--border);background:var(--surface);color:var(--text-2);font-family:var(--font-mono);font-size:13px;font-weight:600;transition:background .12s,color .12s,border-color .12s}#t-regex .rx-flag:hover span{border-color:var(--brand-dark);color:var(--ink)}#t-regex .rx-flag input:checked+span{background:var(--brand);border-color:var(--brand);color:#fff}#t-regex .rx-status{margin-top:12px;min-height:20px;font-size:14px;font-weight:500}#t-regex .rx-status.ok{color:var(--success)}#t-regex .rx-status.err{color:var(--error)}#t-regex .rx-status.idle{color:var(--text-muted)}#t-regex .rx-split{display:grid;grid-template-columns:1fr 1fr;min-height:360px}#t-regex .rx-pane{display:flex;flex-direction:column;min-width:0}#t-regex .rx-pane:first-child{border-right:1px solid var(--border-soft)}#t-regex .rx-pane-head{display:flex;align-items:center;justify-content:space-between;padding:12px 18px;border-bottom:1px solid var(--border-soft);background:var(--bg-subtle)}#t-regex .rx-pane-title{font-size:13px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}#t-regex .rx-badge{font-size:12px;font-weight:600;padding:2px 10px;border-radius:var(--r-full);background:var(--bg-muted);color:var(--text-2)}#t-regex .rx-badge.has{background:var(--brand-light);color:var(--brand-dark)}#t-regex .rx-badge.none{background:#fef3c7;color:var(--warning)}#t-regex .rx-editor{position:relative;flex:1;min-height:300px}#t-regex .rx-highlight,#t-regex .rx-textarea{font-family:var(--font-mono);font-size:13.5px;line-height:1.7;padding:14px 18px;margin:0;box-sizing:border-box;width:100%;height:100%;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;tab-size:2}#t-regex .rx-textarea{position:absolute;inset:0;z-index:1;background:transparent;border:none;outline:none;resize:none;color:var(--ink);caret-color:var(--ink);display:block}#t-regex .rx-textarea::placeholder{color:var(--text-muted)}#t-regex .rx-highlight{position:absolute;inset:0;z-index:0;pointer-events:none;color:transparent;overflow:auto;border:none;background:transparent}#t-regex .rx-highlight mark.rx-h0{background:var(--brand-light);color:transparent;border-radius:2px}#t-regex .rx-highlight mark.rx-h1{background:#fef3c7;color:transparent;border-radius:2px}#t-regex .rx-highlight mark.rx-h2{background:#f0fdf4;color:transparent;border-radius:2px}#t-regex .rx-highlight mark.rx-h3{background:#f5f3ff;color:transparent;border-radius:2px}#t-regex .rx-results{padding:14px 18px;overflow-y:auto;max-height:400px;display:flex;flex-direction:column;gap:10px}#t-regex .rx-empty{color:var(--text-muted);font-size:14px;text-align:center;padding:24px 0;margin:0}#t-regex .rx-card{border:1px solid var(--border-soft);border-radius:var(--r-md);overflow:hidden}#t-regex .rx-card-head{display:flex;align-items:center;gap:8px;padding:7px 12px;background:var(--bg-subtle);border-bottom:1px solid var(--border-soft)}#t-regex .rx-num{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;padding:2px 8px;border-radius:var(--r-full);color:#fff}#t-regex .rx-num.rx-h0{background:var(--brand-dark)}#t-regex .rx-num.rx-h1{background:var(--warning)}#t-regex .rx-num.rx-h2{background:var(--success)}#t-regex .rx-num.rx-h3{background:#7c3aed}#t-regex .rx-pos{font-size:12px;color:var(--text-muted);font-family:var(--font-mono);margin-left:auto}#t-regex .rx-card-body{padding:10px 12px;display:flex;flex-direction:column;gap:8px}#t-regex .rx-value{font-family:var(--font-mono);font-size:13px;background:var(--bg-muted);border-radius:var(--r-sm);padding:6px 10px;word-break:break-all;color:var(--ink)}#t-regex .rx-groups-title{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin:0}#t-regex .rx-table{width:100%;border-collapse:collapse;font-size:12px}#t-regex .rx-table th,#t-regex .rx-table td{text-align:left;padding:4px 8px;border-bottom:1px solid var(--border-soft)}#t-regex .rx-table th{color:var(--text-muted);font-weight:600;font-size:11px;text-transform:uppercase;letter-spacing:.04em}#t-regex .rx-table td{font-family:var(--font-mono);color:var(--ink);word-break:break-all}#t-regex .rx-table td.null{color:var(--text-muted);font-style:italic}@media (max-width:820px){#t-regex .rx-split{grid-template-columns:1fr}#t-regex .rx-pane:first-child{border-right:none;border-bottom:1px solid var(--border-soft)}}