.regex-page[data-v-f4cb8fdb]{--rx-accent:#e74c8b;--rx-accent-dim:#e74c8b14;--rx-accent-glow:#e74c8b40;--rx-bg:#0a0a0c;--rx-card:#121216cc;--rx-border:#2a2a3299;--rx-text:#ffffffeb;--rx-text-muted:#fff9;--rx-text-dim:#ffffff4d;background:var(--rx-bg);min-height:100dvh;color:var(--rx-text);font-family:DM Sans,sans-serif}.regex-main[data-v-f4cb8fdb]{opacity:0;max-width:1100px;margin:0 auto;padding:32px 24px 80px;transition:opacity .6s cubic-bezier(.23,1,.32,1),transform .6s cubic-bezier(.23,1,.32,1);transform:translateY(12px)}.is-mounted .regex-main[data-v-f4cb8fdb]{opacity:1;transform:translateY(0)}.panel[data-v-f4cb8fdb]{background:var(--rx-card);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border:1px solid var(--rx-border);border-radius:16px;padding:24px}.section-title[data-v-f4cb8fdb]{color:var(--rx-text-muted);letter-spacing:.04em;text-transform:uppercase;margin:0 0 14px;font-family:Playfair Display,serif;font-size:14px;font-weight:600}.pattern-panel[data-v-f4cb8fdb]{margin-bottom:24px}.pattern-row[data-v-f4cb8fdb]{border:1px solid var(--rx-border);background:#ffffff08;border-radius:12px;align-items:center;gap:0;padding:0 4px;transition:border-color .3s;display:flex}.pattern-row[data-v-f4cb8fdb]:focus-within{border-color:var(--rx-accent)}.pattern-slash[data-v-f4cb8fdb]{color:var(--rx-accent);-webkit-user-select:none;user-select:none;flex-shrink:0;padding:0 8px;font-family:DM Mono,Fira Code,monospace;font-size:20px}.pattern-input[data-v-f4cb8fdb]{min-width:0;color:var(--rx-text);background:0 0;border:none;outline:none;flex:1;padding:14px 4px;font-family:DM Mono,Fira Code,monospace;font-size:15px}.pattern-input[data-v-f4cb8fdb]::placeholder{color:var(--rx-text-dim)}.flags-display[data-v-f4cb8fdb]{color:var(--rx-accent);flex-shrink:0;min-width:32px;padding:0 8px;font-family:DM Mono,Fira Code,monospace;font-size:15px}.flags-row[data-v-f4cb8fdb]{flex-wrap:wrap;align-items:center;gap:8px;margin-top:14px;display:flex}.flags-label[data-v-f4cb8fdb]{color:var(--rx-text-dim);flex-shrink:0;font-size:13px}.flag-chip[data-v-f4cb8fdb]{border:1px solid var(--rx-border);width:32px;height:32px;color:var(--rx-text-dim);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:8px;justify-content:center;align-items:center;font-family:DM Mono,Fira Code,monospace;font-size:14px;font-weight:600;transition:all .2s;display:inline-flex}.flag-chip[data-v-f4cb8fdb]:hover{color:var(--rx-text);border-color:#e74c8b66}.flag-chip.active[data-v-f4cb8fdb]{border-color:var(--rx-accent);background:var(--rx-accent-dim);color:var(--rx-accent)}.flag-hidden[data-v-f4cb8fdb]{display:none}.flags-spacer[data-v-f4cb8fdb]{flex:1}.copy-pattern-btn[data-v-f4cb8fdb]{border:1px solid var(--rx-border);color:var(--rx-text-dim);cursor:pointer;background:0 0;border-radius:8px;align-items:center;gap:6px;padding:7px 14px;font-family:DM Sans,sans-serif;font-size:12px;transition:all .2s;display:inline-flex}.copy-pattern-btn[data-v-f4cb8fdb]:hover:not(:disabled){color:var(--rx-accent);border-color:var(--rx-accent);background:var(--rx-accent-dim)}.copy-pattern-btn[data-v-f4cb8fdb]:disabled{opacity:.35;cursor:not-allowed}.error-box[data-v-f4cb8fdb]{color:#e74c3c;background:#e74c3c14;border:1px solid #e74c3c4d;border-radius:10px;align-items:center;gap:8px;margin-top:14px;padding:10px 16px;font-family:DM Mono,Fira Code,monospace;font-size:13px;display:flex}.regex-grid[data-v-f4cb8fdb]{grid-template-columns:1fr 1fr;align-items:start;gap:24px;display:grid}.left-col[data-v-f4cb8fdb],.right-col[data-v-f4cb8fdb]{flex-direction:column;gap:20px;display:flex}.test-textarea[data-v-f4cb8fdb]{border:1px solid var(--rx-border);width:100%;min-height:180px;color:var(--rx-text);resize:vertical;background:#ffffff08;border-radius:12px;outline:none;padding:16px 18px;font-family:DM Mono,Fira Code,Consolas,monospace;font-size:13.5px;line-height:1.6;transition:border-color .3s}.test-textarea[data-v-f4cb8fdb]:focus{border-color:var(--rx-accent)}.test-textarea[data-v-f4cb8fdb]::placeholder{color:var(--rx-text-dim)}.highlight-box[data-v-f4cb8fdb]{border:1px solid var(--rx-border);color:var(--rx-text);white-space:pre-wrap;word-break:break-all;background:#ffffff06;border-radius:12px;padding:16px 18px;font-family:DM Mono,Fira Code,Consolas,monospace;font-size:13.5px;line-height:1.7;overflow-x:auto}.highlight-box[data-v-f4cb8fdb] .match-hl{color:#fff;border-bottom:2px solid var(--rx-accent);background:#e74c8b40;border-radius:3px;padding:1px 3px}.replace-header[data-v-f4cb8fdb]{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.replace-toggle[data-v-f4cb8fdb]{cursor:pointer}.toggle-hidden[data-v-f4cb8fdb]{display:none}.toggle-track[data-v-f4cb8fdb]{background:var(--rx-border);border-radius:11px;width:40px;height:22px;transition:background .25s;display:block;position:relative}.toggle-hidden:checked+.toggle-track[data-v-f4cb8fdb]{background:var(--rx-accent)}.toggle-thumb[data-v-f4cb8fdb]{background:#fff;border-radius:50%;width:18px;height:18px;transition:transform .25s cubic-bezier(.23,1,.32,1);position:absolute;top:2px;left:2px}.toggle-hidden:checked+.toggle-track .toggle-thumb[data-v-f4cb8fdb]{transform:translate(18px)}.replace-input[data-v-f4cb8fdb]{border:1px solid var(--rx-border);width:100%;color:var(--rx-text);background:#ffffff08;border-radius:10px;outline:none;padding:12px 16px;font-family:DM Mono,Fira Code,monospace;font-size:13px;transition:border-color .3s}.replace-input[data-v-f4cb8fdb]:focus{border-color:var(--rx-accent)}.replace-input[data-v-f4cb8fdb]::placeholder{color:var(--rx-text-dim)}.replace-result[data-v-f4cb8fdb]{margin-top:14px}.sub-title[data-v-f4cb8fdb]{color:var(--rx-text-dim);text-transform:uppercase;letter-spacing:.06em;margin:0 0 8px;font-size:12px;font-weight:600}.result-pre[data-v-f4cb8fdb]{border:1px solid var(--rx-border);color:var(--rx-text);white-space:pre-wrap;word-break:break-all;background:#ffffff06;border-radius:10px;margin:0;padding:14px 16px;font-family:DM Mono,Fira Code,monospace;font-size:13px;line-height:1.6;overflow-x:auto}.empty-hint[data-v-f4cb8fdb]{text-align:center;color:var(--rx-text-dim);padding:32px 16px;font-size:13px;font-style:italic}.no-match-box[data-v-f4cb8fdb]{color:var(--rx-text-dim);background:#ffffff06;border-radius:10px;align-items:center;gap:10px;padding:16px;font-size:14px;display:flex}.no-match-icon[data-v-f4cb8fdb]{color:var(--rx-text-dim);font-size:20px}.match-count[data-v-f4cb8fdb]{color:var(--rx-text-muted);margin:0 0 14px;font-size:14px}.match-count .match-stats[data-v-f4cb8fdb]{background:#ffffff05;border:1px solid #2a2a324d;border-radius:8px;flex-wrap:wrap;gap:12px;margin-bottom:14px;padding:8px 12px;display:flex}.match-count .stat-item[data-v-f4cb8fdb]{color:var(--rx-text-dim);font-family:DM Mono,monospace;font-size:11px}.match-count .stat-item em[data-v-f4cb8fdb]{color:var(--rx-text-muted);margin-right:4px;font-style:normal}.count-num[data-v-f4cb8fdb]{color:var(--rx-accent);font-size:18px;font-weight:700}.match-list[data-v-f4cb8fdb]{scrollbar-width:thin;scrollbar-color:var(--rx-border) transparent;flex-direction:column;gap:10px;max-height:400px;display:flex;overflow-y:auto}.match-card[data-v-f4cb8fdb]{border:1px solid var(--rx-border);background:#ffffff06;border-radius:10px;padding:12px 14px;transition:border-color .3s}.match-card[data-v-f4cb8fdb]:hover{border-color:#e74c8b4d}.match-card-header[data-v-f4cb8fdb]{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.match-label[data-v-f4cb8fdb]{color:var(--rx-accent);letter-spacing:.03em;font-size:12px;font-weight:600}.match-pos[data-v-f4cb8fdb]{color:var(--rx-text-dim);font-family:DM Mono,monospace;font-size:11px}.match-text[data-v-f4cb8fdb]{color:var(--rx-text);word-break:break-all;background:#e74c8b14;border-radius:6px;padding:6px 10px;font-family:DM Mono,Fira Code,monospace;font-size:13px;display:block}.match-groups[data-v-f4cb8fdb]{border-top:1px solid #2a2a3266;margin-top:8px;padding-top:8px}.groups-label[data-v-f4cb8fdb]{color:var(--rx-text-dim);text-transform:uppercase;letter-spacing:.06em;font-size:11px}.groups-list[data-v-f4cb8fdb]{flex-wrap:wrap;gap:6px;margin-top:6px;display:flex}.group-tag[data-v-f4cb8fdb]{border:1px solid var(--rx-border);color:var(--rx-text-muted);border-radius:6px;align-items:center;gap:5px;padding:3px 10px;font-family:DM Mono,monospace;font-size:12px;display:inline-flex}.group-tag.named[data-v-f4cb8fdb]{border-color:#e74c8b4d}.group-idx[data-v-f4cb8fdb]{color:var(--rx-accent);font-size:11px;font-style:normal;font-weight:700}.presets-grid[data-v-f4cb8fdb]{flex-wrap:wrap;gap:8px;display:flex}.preset-btn[data-v-f4cb8fdb]{border:1px solid var(--rx-border);color:var(--rx-text-muted);cursor:pointer;background:0 0;border-radius:10px;padding:8px 16px;font-family:DM Sans,sans-serif;font-size:13px;transition:all .25s}.preset-btn[data-v-f4cb8fdb]:hover{border-color:var(--rx-accent);color:var(--rx-accent);background:var(--rx-accent-dim)}.cheat-panel[data-v-f4cb8fdb]{padding:0;overflow:hidden}.cheat-toggle[data-v-f4cb8fdb]{cursor:pointer;width:100%;color:inherit;background:0 0;border:none;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.cheat-chevron[data-v-f4cb8fdb]{color:var(--rx-text-dim);transition:transform .3s cubic-bezier(.23,1,.32,1)}.cheat-chevron.open[data-v-f4cb8fdb]{transform:rotate(180deg)}.cheat-body[data-v-f4cb8fdb]{padding:0 24px 20px}.cheat-grid[data-v-f4cb8fdb]{grid-template-columns:1fr 1fr;gap:4px 20px;display:grid}.cheat-row[data-v-f4cb8fdb]{align-items:center;gap:12px;padding:6px 0;display:flex}.cheat-syntax[data-v-f4cb8fdb]{color:var(--rx-accent);flex-shrink:0;min-width:60px;font-family:DM Mono,Fira Code,monospace;font-size:13px;font-weight:600}.cheat-desc[data-v-f4cb8fdb]{color:var(--rx-text-dim);font-size:12px}.slide-enter-active[data-v-f4cb8fdb],.slide-leave-active[data-v-f4cb8fdb]{transition:all .3s cubic-bezier(.23,1,.32,1);overflow:hidden}.slide-enter-from[data-v-f4cb8fdb],.slide-leave-to[data-v-f4cb8fdb]{opacity:0;max-height:0;padding-top:0;padding-bottom:0}.slide-enter-to[data-v-f4cb8fdb],.slide-leave-from[data-v-f4cb8fdb]{opacity:1;max-height:600px}@media (width<=720px){.regex-main[data-v-f4cb8fdb]{padding:20px 16px 60px}.regex-grid[data-v-f4cb8fdb]{grid-template-columns:1fr;gap:16px}.panel[data-v-f4cb8fdb]{padding:20px 18px}.cheat-grid[data-v-f4cb8fdb]{grid-template-columns:1fr}.flags-row[data-v-f4cb8fdb]{gap:6px}.flag-chip[data-v-f4cb8fdb]{width:28px;height:28px;font-size:12px}}
