.tool-page[data-v-327ed522]{padding:2rem 0 5rem}.tool-back[data-v-327ed522]{color:var(--color-gray-500);transition:color var(--transition-fast);align-items:center;gap:.375rem;margin-bottom:1.75rem;font-size:.875rem;text-decoration:none;display:inline-flex}.tool-back[data-v-327ed522]:hover{color:var(--color-black)}.tool-header[data-v-327ed522]{align-items:flex-start;gap:1rem;margin-bottom:1.5rem;display:flex}.tool-header-icon[data-v-327ed522]{background:var(--color-black);border-radius:var(--radius-xl);flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.tool-header-copy[data-v-327ed522]{flex-direction:column;gap:.25rem;display:flex}.header-badge[data-v-327ed522]{background:var(--color-gray-100);width:fit-content;color:var(--color-gray-600);border-radius:9999px;padding:.25rem .625rem;font-size:.75rem;font-weight:600;display:inline-flex}.tool-title[data-v-327ed522]{color:var(--color-black);letter-spacing:-.03em;font-size:1.75rem;font-weight:700}.tool-subtitle[data-v-327ed522]{color:var(--color-gray-500);max-width:760px;font-size:.9375rem}.top-grid[data-v-327ed522]{grid-template-columns:minmax(0,1fr) 360px;align-items:start;gap:1.25rem;margin-bottom:1.25rem;display:grid}.regex-shell[data-v-327ed522]{background:var(--color-white);color:var(--color-gray-900);border-radius:var(--radius-xl);border:1px solid var(--color-gray-200);flex-direction:column;padding:1.25rem;display:flex}.shell-topline[data-v-327ed522]{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.shell-badge[data-v-327ed522]{letter-spacing:.12em;color:var(--color-gray-600);background:var(--color-gray-100);border-radius:9999px;padding:.25rem .625rem;font-size:.6875rem;font-weight:700}.match-badge[data-v-327ed522]{white-space:nowrap;border-radius:9999px;align-items:center;gap:.25rem;padding:.25rem .625rem;font-size:.75rem;font-weight:600;display:inline-flex}.badge-success[data-v-327ed522]{color:#166534;background:#dcfce7}.badge-none[data-v-327ed522]{background:var(--color-gray-100);color:var(--color-gray-500)}.badge-error[data-v-327ed522]{color:#991b1b;background:#fee2e2}.test-editor-wrapper[data-v-327ed522]{font-family:var(--font-mono);font-size:.875rem;line-height:1.6;position:relative}.test-highlight[data-v-327ed522]{pointer-events:none;white-space:pre-wrap;word-wrap:break-word;color:#0000;border-radius:var(--radius-lg);border:1px solid #0000;padding:.625rem .75rem;position:absolute;inset:0;overflow:hidden}.test-highlight[data-v-327ed522] .hl{color:#0000;background:#fef08a;border-radius:2px}.test-textarea[data-v-327ed522]{border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);width:100%;font-family:var(--font-mono);color:var(--color-gray-900);resize:vertical;transition:border-color var(--transition-fast);background:0 0;outline:none;padding:.625rem .75rem;font-size:.875rem;line-height:1.6;display:block;position:relative}.test-textarea[data-v-327ed522]:focus{border-color:var(--color-black)}.test-textarea[data-v-327ed522]::placeholder{color:var(--color-gray-400)}.tool-card-panel[data-v-327ed522]{background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-xl);padding:1.25rem}.form-panel[data-v-327ed522]{flex-direction:column;gap:1rem;display:flex}.panel-header[data-v-327ed522]{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.panel-title[data-v-327ed522]{color:var(--color-gray-900);font-size:1rem;font-weight:700}.panel-subtitle[data-v-327ed522]{color:var(--color-gray-500);margin-top:.25rem;font-size:.8125rem;line-height:1.5}.shell-btn[data-v-327ed522]{background:var(--color-white);color:var(--color-gray-700);border-color:var(--color-gray-200);flex-shrink:0}.shell-btn[data-v-327ed522]:hover{border-color:var(--color-gray-400);color:var(--color-black)}.regex-input-bar[data-v-327ed522]{border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);background:var(--color-gray-50);align-items:center;gap:.5rem;padding:.625rem .875rem;display:flex}.regex-delim[data-v-327ed522]{font-family:var(--font-mono);color:var(--color-gray-400);flex-shrink:0;font-size:1.25rem;font-weight:300}.input-reset[data-v-327ed522]{font-family:var(--font-mono);background:0 0;border:none;outline:none}.regex-pattern-input[data-v-327ed522]{color:var(--color-gray-900);flex:1;min-width:0;font-size:.9375rem}.regex-pattern-input[data-v-327ed522]::placeholder{color:var(--color-gray-300)}.flag-toggles[data-v-327ed522]{flex-shrink:0;gap:.25rem;display:flex}.flag-btn[data-v-327ed522]{border:1px solid var(--color-gray-200);border-radius:var(--radius-sm);width:24px;height:24px;font-family:var(--font-mono);color:var(--color-gray-400);background:var(--color-white);cursor:pointer;transition:all var(--transition-fast);justify-content:center;align-items:center;font-size:.75rem;font-weight:600;display:flex}.flag-btn[data-v-327ed522]:hover{border-color:var(--color-gray-400);color:var(--color-gray-700)}.flag-btn.active[data-v-327ed522]{background:var(--color-black);color:var(--color-white);border-color:var(--color-black)}.copy-btn[data-v-327ed522]{justify-content:center;width:100%}.results-section[data-v-327ed522]{flex-direction:column;gap:.625rem;display:flex}.results-label[data-v-327ed522]{color:var(--color-gray-700);font-size:.875rem;font-weight:600}.regex-error[data-v-327ed522]{color:#dc2626;border-radius:var(--radius-md);background:#fee2e2;align-items:flex-start;gap:.5rem;padding:.625rem .75rem;font-size:.8125rem;line-height:1.5;display:flex}.no-match[data-v-327ed522]{color:var(--color-gray-400);align-items:center;gap:.5rem;padding:.375rem 0;font-size:.875rem;display:flex}.match-list[data-v-327ed522]{flex-direction:column;gap:.375rem;max-height:280px;display:flex;overflow-y:auto}.match-item[data-v-327ed522]{border-radius:var(--radius-md);background:#fefce8;border:1px solid #fef08a;align-items:center;gap:.625rem;padding:.5rem .75rem;font-size:.8125rem;display:flex}.match-index[data-v-327ed522]{color:var(--color-gray-400);min-width:24px;font-size:.6875rem;font-weight:600}.match-value[data-v-327ed522]{font-family:var(--font-mono);color:var(--color-gray-800);word-break:break-all;flex:1}.match-ctx[data-v-327ed522]{color:var(--color-gray-400);font-weight:400}.match-hit[data-v-327ed522]{color:var(--color-gray-900);background:#fef08a;border-radius:2px;padding:0 2px;font-weight:600}.match-pos[data-v-327ed522]{color:var(--color-gray-400);white-space:nowrap;font-size:.6875rem}.preset-bar[data-v-327ed522]{flex-wrap:wrap;gap:.5rem;margin-bottom:.5rem;display:flex}.preset-hint[data-v-327ed522]{color:var(--color-gray-500);margin:0 0 1.25rem;font-size:.8125rem}.preset-btn[data-v-327ed522]{border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);color:var(--color-gray-600);background:var(--color-white);cursor:pointer;transition:all var(--transition-fast);padding:.5rem .875rem;font-size:.8125rem;font-weight:600}.preset-btn[data-v-327ed522]:hover{border-color:var(--color-gray-400);color:var(--color-black)}.preset-btn.active[data-v-327ed522]{background:var(--color-black);color:var(--color-white);border-color:var(--color-black)}.flags-panel[data-v-327ed522]{margin-bottom:1.25rem}.flags-grid[data-v-327ed522]{grid-template-columns:repeat(3,minmax(0,1fr));gap:.875rem;margin-top:1rem;display:grid}.flag-item[data-v-327ed522]{border:1px solid var(--color-gray-100);background:var(--color-gray-50);border-radius:var(--radius-lg);flex-direction:column;gap:.375rem;padding:.875rem;display:flex}.flag-head[data-v-327ed522]{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.flag-code[data-v-327ed522]{font-family:var(--font-mono);color:var(--color-black);background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-sm);white-space:nowrap;padding:.125rem .375rem;font-size:.75rem}.flag-title[data-v-327ed522]{color:var(--color-gray-900);font-size:.875rem;font-weight:700}.flag-desc[data-v-327ed522]{color:var(--color-gray-500);font-size:.8125rem;line-height:1.5}.tool-description[data-v-327ed522]{border-top:1px solid var(--color-gray-200);flex-direction:column;gap:1.75rem;margin-top:2rem;padding-top:2rem;display:flex}.desc-title[data-v-327ed522]{color:var(--color-gray-900);margin-bottom:1rem;font-size:1.25rem;font-weight:700}.content-section[data-v-327ed522]{flex-direction:column;gap:.75rem;display:flex}.tool-description p[data-v-327ed522]{color:var(--color-gray-600);font-size:.9375rem;line-height:1.75}.tool-description h3[data-v-327ed522]{color:var(--color-gray-800);font-size:1rem;font-weight:700}.scenario-list[data-v-327ed522]{flex-direction:column;gap:.875rem;margin-top:.75rem;display:flex}.scenario-item[data-v-327ed522]{border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);padding:1rem 1.125rem}.scenario-head[data-v-327ed522]{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:.5rem;display:flex}.scenario-title[data-v-327ed522]{color:var(--color-gray-900);font-size:.9375rem;font-weight:600}.scenario-codes[data-v-327ed522]{flex-wrap:wrap;gap:.5rem;display:flex}.scenario-codes code[data-v-327ed522]{color:#2563eb;font-size:.8rem;font-family:var(--font-mono)}.tool-description .scenario-desc[data-v-327ed522]{margin-bottom:0}.faq-section[data-v-327ed522]{margin-top:2.5rem}.faq-list[data-v-327ed522]{flex-direction:column;gap:.625rem;display:flex}.faq-icon-open[data-v-327ed522]{transform:rotate(180deg)}@media (width<=1024px){.top-grid[data-v-327ed522]{grid-template-columns:1fr}.regex-shell[data-v-327ed522]{order:2}.form-panel[data-v-327ed522]{order:1}.flags-grid[data-v-327ed522]{grid-template-columns:1fr 1fr}}.mobile-tabs[data-v-327ed522]{background:var(--color-gray-100);border-radius:12px;margin-bottom:1rem;padding:.25rem;display:flex}.mobile-tab-btn[data-v-327ed522]{color:var(--color-gray-500);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:.375rem;padding:.625rem;font-size:.875rem;font-weight:600;display:flex}.mobile-tab-btn.active[data-v-327ed522]{background:var(--color-white);color:var(--color-black);box-shadow:0 2px 8px #0000000d}@media (width<=640px){.mobile-hidden[data-v-327ed522]{display:none!important}.tool-page[data-v-327ed522]{padding:1.5rem 0 3.5rem}.tool-header-icon[data-v-327ed522]{width:44px;height:44px}.tool-title[data-v-327ed522]{font-size:1.5rem}}html.dark .mobile-tabs[data-v-327ed522]{background:#ffffff0d}html.dark .mobile-tab-btn.active[data-v-327ed522]{color:#e6e6e6;background:#ffffff1a}@media (width<=720px){.flags-grid[data-v-327ed522]{grid-template-columns:1fr}}