.regex-template-chips:where(._scope_81ufn_7,._scope_81ufn_7 *){scrollbar-width:none;align-items:center;gap:8px;margin-bottom:14px;padding-bottom:4px;display:flex;overflow-x:auto}.regex-template-chips:where(._scope_81ufn_7,._scope_81ufn_7 *)::-webkit-scrollbar{display:none}.regex-chip-btn:where(._scope_81ufn_7,._scope_81ufn_7 *){background:var(--surface);border:1px solid var(--border);color:var(--muted);cursor:pointer;white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:5px 12px;font-size:12px;font-weight:550;transition:all .15s;display:inline-flex}.regex-chip-btn:hover:where(._scope_81ufn_7,._scope_81ufn_7 *){border-color:var(--accent);color:var(--text);background:var(--soft)}.regex-chip-btn.active:where(._scope_81ufn_7,._scope_81ufn_7 *){background:var(--accent);border-color:var(--accent);color:#fff;font-weight:650;box-shadow:0 2px 6px #0e363c40}[data-theme=dark] .regex-chip-btn.active:where(._scope_81ufn_7,._scope_81ufn_7 *){background:var(--accent);border-color:var(--accent);color:#0e363c;box-shadow:0 2px 6px #d9f5c340}.regex-hero-card:where(._scope_81ufn_7,._scope_81ufn_7 *){border:1px solid var(--border);background:var(--surface);border-radius:16px;margin-bottom:18px;padding:18px 22px;box-shadow:0 4px 16px #0000000a}.regex-hero-header:where(._scope_81ufn_7,._scope_81ufn_7 *){justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.regex-input-box:where(._scope_81ufn_7,._scope_81ufn_7 *){background:var(--soft);border:1.5px solid var(--border);font-family:var(--font-code);border-radius:12px;align-items:center;padding:0 16px;font-size:15px;transition:background-color .15s,border-color .15s,box-shadow .15s;display:flex}.regex-input-box:focus-within:where(._scope_81ufn_7,._scope_81ufn_7 *){border-color:var(--accent);background:var(--surface);box-shadow:0 0 0 3.5px #a4d88138}.regex-input-box.has-error:where(._scope_81ufn_7,._scope_81ufn_7 *){border-color:#ef4444;box-shadow:0 0 0 3.5px #ef44442e}.regex-slash:where(._scope_81ufn_7,._scope_81ufn_7 *){color:#8c9680;-webkit-user-select:none;user-select:none;font-size:20px;font-weight:700}.regex-hero-input:where(._scope_81ufn_7,._scope_81ufn_7 *){font-family:var(--font-code);color:var(--text);background:0 0;border:none;outline:none;flex:1;min-width:0;padding:13px 12px;font-size:15px}.regex-hero-input:focus-visible:where(._scope_81ufn_7,._scope_81ufn_7 *){box-shadow:none;outline:none}.regex-flags-pillbar:where(._scope_81ufn_7,._scope_81ufn_7 *){border-left:1px solid var(--border);align-items:center;gap:4px;padding-left:10px;display:flex}.regex-flag-pill:where(._scope_81ufn_7,._scope_81ufn_7 *){width:28px;height:28px;font-family:var(--font-code);color:var(--muted);cursor:pointer;-webkit-user-select:none;user-select:none;background:0 0;border:1px solid #0000;border-radius:7px;justify-content:center;align-items:center;font-size:12px;font-weight:700;transition:all .15s;display:inline-flex}.regex-flag-pill:hover:where(._scope_81ufn_7,._scope_81ufn_7 *){background:var(--surface);color:var(--text);border-color:var(--border)}.regex-flag-pill.active:where(._scope_81ufn_7,._scope_81ufn_7 *){background:var(--accent);color:#fff;font-weight:800;box-shadow:0 1px 4px #0e363c33}[data-theme=dark] .regex-flag-pill.active:where(._scope_81ufn_7,._scope_81ufn_7 *){background:var(--accent);color:#0e363c;box-shadow:0 1px 4px #d9f5c333}.regex-quick-tokens:where(._scope_81ufn_7,._scope_81ufn_7 *){border-top:1px dashed var(--border);flex-wrap:wrap;align-items:center;gap:6px;margin-top:12px;padding-top:10px;display:flex}.regex-token-label:where(._scope_81ufn_7,._scope_81ufn_7 *){color:var(--muted);margin-right:4px;font-size:11px;font-weight:600}.regex-token-btn:where(._scope_81ufn_7,._scope_81ufn_7 *){font-family:var(--font-code);background:var(--soft);border:1px solid var(--border);color:var(--muted);cursor:pointer;border-radius:6px;padding:3px 8px;font-size:11px;transition:all .15s}.regex-token-btn:hover:where(._scope_81ufn_7,._scope_81ufn_7 *){background:var(--surface);color:var(--text);border-color:var(--accent)}.regex-studio-layout:where(._scope_81ufn_7,._scope_81ufn_7 *){flex-direction:column;gap:18px;display:flex}.regex-pane-card:where(._scope_81ufn_7,._scope_81ufn_7 *){border:1px solid var(--border);background:var(--surface);border-radius:14px;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 2px 8px #00000008}.regex-pane-header:where(._scope_81ufn_7,._scope_81ufn_7 *){border-bottom:1px solid var(--border);background:var(--surface);justify-content:space-between;align-items:center;height:46px;padding:0 16px;font-size:13px;font-weight:600;display:flex}.regex-highlight-preview:where(._scope_81ufn_7,._scope_81ufn_7 *){font-family:var(--font-code);white-space:pre-wrap;word-break:break-all;color:var(--text);padding:16px;font-size:13px;line-height:1.8;overflow-y:auto}.regex-highlight-preview mark:where(._scope_81ufn_7,._scope_81ufn_7 *){color:#143306;background:#a4d88159;border:1px solid #a4d88199;border-radius:4px;padding:2px 5px;font-weight:600}[data-theme=dark] .regex-highlight-preview mark:where(._scope_81ufn_7,._scope_81ufn_7 *){color:#c0f498;background:#a4d88140;border-color:#a4d88173}.regex-matches-grid:where(._scope_81ufn_7,._scope_81ufn_7 *){grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:12px;max-height:380px;padding:16px;display:grid;overflow-y:auto}.regex-card-item:where(._scope_81ufn_7,._scope_81ufn_7 *){border:1px solid var(--border);background:var(--soft);border-radius:10px;flex-direction:column;gap:8px;padding:12px 14px;transition:transform .15s,border-color .15s;display:flex}.regex-card-item:hover:where(._scope_81ufn_7,._scope_81ufn_7 *){border-color:#a4d88180;transform:translateY(-1px)}.regex-card-top:where(._scope_81ufn_7,._scope_81ufn_7 *){color:var(--muted);justify-content:space-between;align-items:center;font-size:11px;display:flex}.regex-card-match-val:where(._scope_81ufn_7,._scope_81ufn_7 *){font-family:var(--font-code);color:#143306;word-break:break-all;background:#a4d88133;border:1px solid #a4d88159;border-radius:6px;padding:4px 8px;font-size:13px;font-weight:600}[data-theme=dark] .regex-card-match-val:where(._scope_81ufn_7,._scope_81ufn_7 *){color:#a4d881;background:#a4d8812e}.regex-groups-flow:where(._scope_81ufn_7,._scope_81ufn_7 *){border-top:1px dashed var(--border);flex-direction:column;gap:5px;margin-top:4px;padding-top:6px;display:flex}.regex-group-row:where(._scope_81ufn_7,._scope_81ufn_7 *){font-size:11px;font-family:var(--font-code);align-items:center;gap:8px;display:flex}.regex-group-tag:where(._scope_81ufn_7,._scope_81ufn_7 *){color:var(--muted);min-width:65px;font-weight:600}.regex-group-content:where(._scope_81ufn_7,._scope_81ufn_7 *){background:var(--surface);border:1px solid var(--border);color:var(--text);word-break:break-all;border-radius:5px;flex:1;padding:2px 7px}.regex-empty-matches:where(._scope_81ufn_7,._scope_81ufn_7 *){text-align:center;color:var(--muted);padding:40px 20px;font-size:13px}.regex-toggle-group:where(._scope_81ufn_7,._scope_81ufn_7 *){background:var(--soft);border:1px solid var(--border);border-radius:9px;align-items:center;gap:2px;padding:3px;display:inline-flex}.regex-toggle-btn:where(._scope_81ufn_7,._scope_81ufn_7 *){color:var(--muted);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:7px;align-items:center;gap:6px;padding:5px 12px;font-size:12px;font-weight:550;transition:all .15s;display:inline-flex}.regex-toggle-btn:hover:where(._scope_81ufn_7,._scope_81ufn_7 *){color:var(--text)}.regex-toggle-btn.active:where(._scope_81ufn_7,._scope_81ufn_7 *){background:var(--surface);color:var(--text);font-weight:600;box-shadow:0 1px 3px #00000014}