*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#app{height:100%}body{color:#d1d5db;-webkit-font-smoothing:antialiased;background:#0f0f13;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#2a2a3a;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#3a3a4f}.mobile-block[data-v-b025ef36]{background:#0f0f13;justify-content:center;align-items:center;width:100%;height:100%;padding:32px 24px;display:flex}.content[data-v-b025ef36]{text-align:center;flex-direction:column;align-items:center;gap:16px;max-width:320px;display:flex}.icon[data-v-b025ef36]{color:#a78bfa;opacity:.9;margin-bottom:4px}.title[data-v-b025ef36]{color:#f0f0f5;font-size:24px;font-weight:700}.message[data-v-b025ef36]{color:#e0e0e0;font-size:17px;font-weight:500;line-height:1.7}.submessage[data-v-b025ef36]{color:#6b7280;font-size:14px;line-height:1.7}.url-badge[data-v-b025ef36]{color:#a78bfa;letter-spacing:.03em;background:#a78bfa1f;border:1px solid #a78bfa4d;border-radius:20px;margin-top:8px;padding:8px 20px;font-family:monospace;font-size:13px;font-weight:500}.app[data-v-10fe8601]{background:#0f0f13;flex-direction:column;height:100%;display:flex;overflow:hidden}.header[data-v-10fe8601]{background:#13131a;border-bottom:1px solid #2a2a3a;flex-shrink:0;justify-content:space-between;align-items:center;height:52px;padding:0 20px;display:flex}.header-left[data-v-10fe8601]{align-items:center;gap:10px;display:flex}.logo-icon[data-v-10fe8601]{flex-shrink:0;align-items:center;display:flex}.header-title[data-v-10fe8601]{color:#f0f0f5;letter-spacing:-.01em;font-size:15px;font-weight:700}.header-desc[data-v-10fe8601]{color:#6b7280;margin-left:2px;font-size:12px}.help-btn[data-v-10fe8601]{color:#6b7280;cursor:pointer;background:0 0;border:1px solid #2a2a3a;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:13px;font-weight:700;transition:border-color .15s,color .15s;display:flex}.help-btn[data-v-10fe8601]:hover{color:#a78bfa;border-color:#a78bfa}.workspace[data-v-10fe8601]{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.pattern-bar[data-v-10fe8601]{background:#13131a;border-bottom:1px solid #2a2a3a;flex-shrink:0;align-items:center;gap:8px;height:56px;padding:0 12px;display:flex;position:relative}.pattern-input-wrap[data-v-10fe8601]{background:#0f0f13;border:1px solid #2a2a3a;border-radius:6px;flex:1;align-items:center;min-width:280px;height:36px;padding:0 10px;transition:border-color .15s;display:flex}.pattern-input-wrap[data-v-10fe8601]:focus-within{border-color:#a78bfa}.pattern-input-wrap.error[data-v-10fe8601]{border-color:#f87171!important}.regex-slash[data-v-10fe8601]{color:#6b7280;-webkit-user-select:none;user-select:none;flex-shrink:0;font-family:JetBrains Mono,Fira Code,ui-monospace,monospace;font-size:16px}.pattern-input[data-v-10fe8601]{color:#a78bfa;caret-color:#a78bfa;background:0 0;border:none;outline:none;flex:1;min-width:0;padding:0 4px;font-family:JetBrains Mono,Fira Code,ui-monospace,monospace;font-size:14px}.pattern-input[data-v-10fe8601]::placeholder{color:#fafaf8}.flags-display[data-v-10fe8601]{color:#a78bfa;opacity:.7;flex-shrink:0;min-width:28px;font-family:JetBrains Mono,Fira Code,ui-monospace,monospace;font-size:13px}.flag-toggles[data-v-10fe8601]{flex-shrink:0;gap:4px;display:flex}.flag-btn[data-v-10fe8601]{color:#6b7280;cursor:pointer;background:0 0;border:1px solid #2a2a3a;border-radius:5px;justify-content:center;align-items:center;width:28px;height:28px;font-family:JetBrains Mono,Fira Code,ui-monospace,monospace;font-size:12px;font-weight:600;transition:all .15s;display:flex}.flag-btn[data-v-10fe8601]:hover{color:#a78bfa;border-color:#a78bfa}.flag-btn.active[data-v-10fe8601]{color:#fff;background:#a78bfa;border-color:#a78bfa}.pattern-bar-right[data-v-10fe8601]{flex-shrink:0;align-items:center;gap:8px;display:flex}.code-snippet-btn[data-v-10fe8601]{color:#9ca3af;cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #2a2a3a;border-radius:6px;flex-shrink:0;align-items:center;gap:5px;height:32px;padding:0 12px;font-size:12px;transition:all .15s;display:flex}.code-snippet-btn[data-v-10fe8601]:hover:not(:disabled){color:#a78bfa;border-color:#a78bfa}.code-snippet-btn[data-v-10fe8601]:disabled{opacity:.35;cursor:not-allowed}.snippet-modal[data-v-10fe8601]{max-width:640px}.snippet-tabs[data-v-10fe8601]{scrollbar-width:none;border-bottom:1px solid #2a2a3a;flex-shrink:0;gap:2px;padding:10px 14px 0;display:flex;overflow-x:auto}.snippet-tabs[data-v-10fe8601]::-webkit-scrollbar{display:none}.snippet-tab[data-v-10fe8601]{color:#6b7280;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;border-radius:6px 6px 0 0;flex-shrink:0;margin-bottom:-1px;padding:6px 14px;font-size:12px;font-weight:600;transition:all .15s}.snippet-tab[data-v-10fe8601]:hover{color:#d1d5db}.snippet-tab.active[data-v-10fe8601]{color:#a78bfa;background:#a78bfa0f;border-bottom-color:#a78bfa}.snippet-body[data-v-10fe8601]{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.snippet-header-bar[data-v-10fe8601]{flex-shrink:0;justify-content:space-between;align-items:center;padding:8px 16px;display:flex}.snippet-lang-label[data-v-10fe8601]{color:#4b5563;text-transform:uppercase;letter-spacing:.06em;font-size:11px;font-weight:600}.copy-snippet-btn[data-v-10fe8601]{color:#9ca3af;cursor:pointer;background:0 0;border:1px solid #2a2a3a;border-radius:5px;align-items:center;gap:5px;height:28px;padding:4px 12px;font-size:12px;transition:all .15s;display:flex}.copy-snippet-btn[data-v-10fe8601]:hover{color:#a78bfa;border-color:#a78bfa}.snippet-code[data-v-10fe8601]{color:#d1d5db;white-space:pre;tab-size:4;background:#0f0f13;border-top:1px solid #2a2a3a;flex:1;margin:0;padding:16px;font-family:JetBrains Mono,Fira Code,ui-monospace,monospace;font-size:12.5px;line-height:1.7;overflow:auto}.snippet-code[data-v-10fe8601] .hljs-keyword,.snippet-code[data-v-10fe8601] .hljs-built_in{color:#c084fc}.snippet-code[data-v-10fe8601] .hljs-type{color:#67e8f9}.snippet-code[data-v-10fe8601] .hljs-string,.snippet-code[data-v-10fe8601] .hljs-template-tag{color:#86efac}.snippet-code[data-v-10fe8601] .hljs-number,.snippet-code[data-v-10fe8601] .hljs-literal{color:#fca5a5}.snippet-code[data-v-10fe8601] .hljs-comment{color:#6b7280;font-style:italic}.snippet-code[data-v-10fe8601] .hljs-variable,.snippet-code[data-v-10fe8601] .hljs-params{color:#d1d5db}.snippet-code[data-v-10fe8601] .hljs-title,.snippet-code[data-v-10fe8601] .hljs-title.function_{color:#93c5fd}.snippet-code[data-v-10fe8601] .hljs-attr,.snippet-code[data-v-10fe8601] .hljs-attribute{color:#fde68a}.snippet-code[data-v-10fe8601] .hljs-regexp{color:#f9a8d4}.snippet-code[data-v-10fe8601] .hljs-punctuation,.snippet-code[data-v-10fe8601] .hljs-operator,.snippet-code[data-v-10fe8601] .hljs-meta{color:#94a3b8}.quick-patterns-wrap[data-v-10fe8601]{position:relative}.quick-btn[data-v-10fe8601]{color:#9ca3af;cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #2a2a3a;border-radius:6px;align-items:center;gap:5px;height:32px;padding:0 12px;font-size:12px;transition:all .15s;display:flex}.quick-btn[data-v-10fe8601]:hover{color:#a78bfa;border-color:#a78bfa}.quick-dropdown[data-v-10fe8601]{z-index:100;background:#16161d;border:1px solid #2a2a3a;border-radius:8px;min-width:260px;padding:4px;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 8px 24px #0006}.quick-item[data-v-10fe8601]{cursor:pointer;text-align:left;background:0 0;border:none;border-radius:5px;justify-content:space-between;align-items:center;gap:12px;width:100%;padding:8px 12px;transition:background .1s;display:flex}.quick-item[data-v-10fe8601]:hover{background:#a78bfa1a}.quick-item-label[data-v-10fe8601]{color:#d1d5db;white-space:nowrap;font-size:13px}.quick-item-pattern[data-v-10fe8601]{color:#6b7280;white-space:nowrap;text-overflow:ellipsis;max-width:130px;font-family:JetBrains Mono,Fira Code,ui-monospace,monospace;font-size:10px;overflow:hidden}.error-msg[data-v-10fe8601]{color:#f87171;white-space:nowrap;text-overflow:ellipsis;z-index:10;max-width:calc(100% - 24px);font-size:11px;position:absolute;bottom:-22px;left:12px;overflow:hidden}.middle-area[data-v-10fe8601]{flex:1;gap:0;min-height:0;display:flex}.panel[data-v-10fe8601]{border-right:1px solid #2a2a3a;flex-direction:column;min-height:0;display:flex}.test-panel[data-v-10fe8601]{flex:1;min-width:0}.results-panel[data-v-10fe8601]{border-left:1px solid #2a2a3a;border-right:none;flex-shrink:0;width:320px}.panel-header[data-v-10fe8601]{background:#13131a;border-bottom:1px solid #2a2a3a;flex-shrink:0;justify-content:space-between;align-items:center;height:36px;padding:0 14px;display:flex}.panel-title[data-v-10fe8601]{color:#6b7280;text-transform:uppercase;letter-spacing:.06em;font-size:11px;font-weight:600}.panel-header-right[data-v-10fe8601]{align-items:center;gap:8px;display:flex}.match-badge[data-v-10fe8601]{color:#a78bfa;background:#a78bfa26;border-radius:10px;padding:2px 8px;font-size:11px;font-weight:600}.match-badge.no-match[data-v-10fe8601]{color:#6b7280;background:#6b728026}.sample-btn[data-v-10fe8601]{color:#6b7280;cursor:pointer;background:0 0;border:1px solid #2a2a3a;border-radius:4px;height:22px;padding:2px 10px;font-size:11px;transition:all .15s}.sample-btn[data-v-10fe8601]:hover{color:#a78bfa;border-color:#a78bfa}.editor-wrap[data-v-10fe8601]{flex:1;min-height:0;position:relative;overflow:hidden}.test-textarea[data-v-10fe8601],.highlight-overlay[data-v-10fe8601]{tab-size:2;white-space:pre-wrap;word-wrap:break-word;box-sizing:border-box;width:100%;height:100%;padding:14px;font-family:JetBrains Mono,Fira Code,ui-monospace,monospace;font-size:13px;line-height:1.65;position:absolute;top:0;left:0;overflow:auto}.highlight-overlay[data-v-10fe8601]{pointer-events:none;color:#0000;z-index:1;background:#0f0f13;border:none;overflow:hidden}.highlight-overlay[data-v-10fe8601] mark{color:#0000;border-radius:2px}.test-textarea[data-v-10fe8601]{color:#d1d5db;resize:none;caret-color:#a78bfa;z-index:2;background:0 0;border:none;outline:none;position:absolute}.test-textarea[data-v-10fe8601]::placeholder{color:#fafaf8}.results-body[data-v-10fe8601]{flex:1;min-height:0;overflow-y:auto}.empty-state[data-v-10fe8601]{color:#4b5563;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;height:100%;padding:24px;font-size:13px;display:flex}.empty-state.error-state[data-v-10fe8601]{color:#f87171}.empty-icon[data-v-10fe8601]{opacity:.6}.match-list[data-v-10fe8601]{flex-direction:column;gap:6px;padding:8px;display:flex}.match-item[data-v-10fe8601]{cursor:pointer;background:#13131a;border:1px solid #2a2a3a;border-radius:6px;padding:8px 10px;transition:border-color .15s}.match-item[data-v-10fe8601]:hover{border-color:#a78bfa}.match-header[data-v-10fe8601]{flex-wrap:wrap;align-items:center;gap:7px;display:flex}.match-index[data-v-10fe8601]{border-radius:4px;flex-shrink:0;padding:2px 6px;font-size:10px;font-weight:700}.match-value[data-v-10fe8601]{color:#e2e8f0;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-family:JetBrains Mono,Fira Code,ui-monospace,monospace;font-size:12px;overflow:hidden}.match-pos[data-v-10fe8601]{color:#4b5563;flex-shrink:0;font-size:10px}.copied-tag[data-v-10fe8601]{color:#34d399;flex-shrink:0;font-size:10px}.groups-list[data-v-10fe8601]{border-left:2px solid #2a2a3a;flex-direction:column;gap:3px;margin-top:6px;padding-left:4px;display:flex}.group-item[data-v-10fe8601]{align-items:center;gap:6px;display:flex}.group-label[data-v-10fe8601]{color:#6b7280;flex-shrink:0;min-width:48px;font-size:10px}.group-value[data-v-10fe8601]{color:#a78bfa;text-overflow:ellipsis;white-space:nowrap;font-family:JetBrains Mono,Fira Code,ui-monospace,monospace;font-size:11px;overflow:hidden}.replace-bar[data-v-10fe8601]{background:#13131a;border-top:1px solid #2a2a3a;flex-shrink:0;align-items:center;gap:8px;height:52px;padding:0 12px;display:flex}.replace-input-wrap[data-v-10fe8601]{background:#0f0f13;border:1px solid #2a2a3a;border-radius:6px;flex:1;align-items:center;min-width:0;height:34px;padding:0 10px;transition:border-color .15s;display:flex}.replace-input-wrap[data-v-10fe8601]:focus-within{border-color:#a78bfa}.replace-label[data-v-10fe8601]{color:#4b5563;white-space:nowrap;flex-shrink:0;margin-right:8px;font-size:11px}.replace-input[data-v-10fe8601]{color:#d1d5db;background:0 0;border:none;outline:none;flex:1;min-width:0;font-family:JetBrains Mono,Fira Code,ui-monospace,monospace;font-size:13px}.replace-input[data-v-10fe8601]::placeholder{color:#fafaf8;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:12px}.replace-btn[data-v-10fe8601]{color:#fff;cursor:pointer;white-space:nowrap;background:#a78bfa;border:none;border-radius:6px;flex-shrink:0;height:34px;padding:0 16px;font-size:13px;font-weight:600;transition:opacity .15s,background .15s}.replace-btn[data-v-10fe8601]:hover:not(:disabled){background:#9775e8}.replace-btn[data-v-10fe8601]:disabled{opacity:.35;cursor:not-allowed}.replace-result-wrap[data-v-10fe8601]{background:#0f0f13;border:1px solid #2a2a3a;border-radius:6px;flex:1;align-items:center;gap:6px;min-width:0;height:34px;padding:0 8px 0 10px;display:flex}.replace-result-input[data-v-10fe8601]{color:#34d399;cursor:text;background:0 0;border:none;outline:none;flex:1;min-width:0;font-family:JetBrains Mono,Fira Code,ui-monospace,monospace;font-size:12px}.copy-result-btn[data-v-10fe8601]{color:#6b7280;cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #2a2a3a;border-radius:4px;flex-shrink:0;align-items:center;gap:4px;height:24px;padding:0 8px;font-size:11px;transition:all .15s;display:flex}.copy-result-btn[data-v-10fe8601]:hover{color:#a78bfa;border-color:#a78bfa}.modal-backdrop[data-v-10fe8601]{z-index:1000;background:#0009;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.modal[data-v-10fe8601]{background:#16161d;border:1px solid #2a2a3a;border-radius:12px;flex-direction:column;width:100%;max-width:520px;max-height:80vh;display:flex;overflow:hidden;box-shadow:0 24px 64px #00000080}.modal-header[data-v-10fe8601]{border-bottom:1px solid #2a2a3a;flex-shrink:0;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.modal-header h2[data-v-10fe8601]{color:#f0f0f5;font-size:15px;font-weight:700}.modal-close[data-v-10fe8601]{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px 8px;font-size:14px;transition:color .15s}.modal-close[data-v-10fe8601]:hover{color:#d1d5db}.modal-body[data-v-10fe8601]{flex-direction:column;gap:18px;padding:20px;display:flex;overflow-y:auto}.modal-body section[data-v-10fe8601]{flex-direction:column;gap:8px;display:flex}.modal-body h3[data-v-10fe8601]{color:#a78bfa;font-size:13px;font-weight:700}.modal-body p[data-v-10fe8601]{color:#9ca3af;font-size:13px;line-height:1.6}.modal-body ul[data-v-10fe8601]{flex-direction:column;gap:5px;list-style:none;display:flex}.modal-body li[data-v-10fe8601]{color:#9ca3af;padding-left:4px;font-size:13px;line-height:1.5}.modal-body code[data-v-10fe8601]{color:#a78bfa;background:#a78bfa1f;border-radius:3px;padding:1px 5px;font-family:JetBrains Mono,Fira Code,ui-monospace,monospace;font-size:12px}