.tool-page[data-v-8513a845]{gap:20px;margin:0;max-width:none;padding-bottom:32px;padding-top:8px;width:100%}.tool-hero[data-v-8513a845]{display:flex;flex-direction:column;gap:8px}.tool-hero-head[data-v-8513a845]{align-items:baseline;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between}.tool-hero h1[data-v-8513a845]{font-size:clamp(22px,3vw,30px);font-weight:600;letter-spacing:-.025em;line-height:1.15;margin:0}.tool-hero-chip[data-v-8513a845]{text-decoration:none;transition:background .15s ease}.tool-hero-chip[data-v-8513a845]:hover{background:#2563eb24}.tool-runtime[data-v-8513a845]{min-height:max(480px,calc(100dvh - 220px));padding:24px 28px}.tool-runtime--conversion[data-v-8513a845],.tool-runtime--encoding[data-v-8513a845],.tool-runtime--text[data-v-8513a845]{min-height:max(520px,calc(100dvh - 200px))}.tool-meta[data-v-8513a845]{display:flex;flex-direction:column;gap:20px}.meta-card[data-v-8513a845]{padding:24px}.meta-card h2[data-v-8513a845]{font-size:18px;font-weight:600;letter-spacing:-.01em;margin:0 0 14px}.faq-grid[data-v-8513a845]{display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.faq-item[data-v-8513a845]{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:8px;padding:14px 16px}.faq-question[data-v-8513a845]{font-size:14px;font-weight:600;line-height:1.5}.faq-answer[data-v-8513a845]{color:var(--muted);font-size:14px;line-height:1.7;margin:0}.related-grid[data-v-8513a845]{display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.related-link[data-v-8513a845]{border:1px solid var(--border);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:4px;padding:14px 16px;transition:border-color .15s ease,background .15s ease}.related-link[data-v-8513a845]:hover{background:#2563eb08;border-color:var(--primary)}.related-link strong[data-v-8513a845]{font-size:14px;font-weight:600;line-height:1.3}.related-link span[data-v-8513a845]{color:var(--muted);display:-webkit-box;font-size:13px;-webkit-line-clamp:1;line-height:1.5;-webkit-box-orient:vertical;overflow:hidden}@media(max-width:760px){.faq-grid[data-v-8513a845],.related-grid[data-v-8513a845]{grid-template-columns:1fr}}.tool-load-error[data-v-963e8518]{align-items:center;color:var(--muted);display:flex;flex-direction:column;gap:12px;justify-content:center;min-height:180px;padding:24px;text-align:center}.tool-load-error p[data-v-963e8518]{margin:0}.tool-loading[data-v-08199995]{align-items:center;color:var(--muted);display:flex;gap:12px;justify-content:center;min-height:180px}.tool-loading-spinner[data-v-08199995]{animation:tool-loading-spin-08199995 .7s linear infinite;border:2px solid var(--border);border-radius:50%;border-top-color:var(--primary);height:22px;width:22px}.tool-loading-text[data-v-08199995]{font-size:14px}@keyframes tool-loading-spin-08199995{to{transform:rotate(1turn)}}.result-panel[data-v-ae747c3d]{background:linear-gradient(180deg,#ffffffeb,#f8fafce6);border:1px solid var(--border);border-radius:20px;padding:18px}.result-section[data-v-ae747c3d]{gap:14px}.section-label[data-v-ae747c3d]{color:var(--muted);font-size:12px;font-weight:700;letter-spacing:.08em;margin:0;text-transform:uppercase}.summary-grid[data-v-ae747c3d]{display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.summary-card[data-v-ae747c3d]{background:#ffffffe0;border:1px solid rgba(148,163,184,.22);border-radius:16px;padding:14px 16px}.summary-label[data-v-ae747c3d]{color:var(--muted);display:block;font-size:13px;font-weight:600}.summary-value[data-v-ae747c3d]{color:var(--text);display:block;font-size:15px;line-height:1.5;margin-top:8px;word-break:break-word}.result-list[data-v-ae747c3d]{display:flex;flex-direction:column;gap:10px}.result-row[data-v-ae747c3d]{align-items:center;background:#ffffffb8;border:1px solid rgba(148,163,184,.2);border-radius:14px;display:grid;gap:12px;grid-template-columns:minmax(120px,160px) minmax(0,1fr) auto;padding:12px 14px}.result-label[data-v-ae747c3d]{color:var(--muted);font-size:13px;font-weight:600}.result-value[data-v-ae747c3d]{color:var(--text);font-size:14px;line-height:1.6;white-space:pre-wrap;word-break:break-all}.copy-chip[data-v-ae747c3d]{background:#fff;border:1px solid var(--border);border-radius:10px;color:var(--text);cursor:pointer;font-weight:600;min-height:36px;padding:0 12px;transition:background .2s ease,border-color .2s ease}.copy-chip[data-v-ae747c3d]:hover{background:#f8fafce6;border-color:#2f6fed3d}.empty-result[data-v-ae747c3d]{align-items:center;background:#ffffffa6;border:1px dashed var(--border);border-radius:18px;color:var(--muted);display:flex;line-height:1.7;min-height:clamp(220px,calc(100dvh - 460px),480px);padding:32px 20px}.error-message[data-v-ae747c3d]{color:#dc2626;font-weight:600;margin:0}[data-theme=dark] .result-panel[data-v-ae747c3d]{background:linear-gradient(180deg,#1e293b99,#0f172a80)}[data-theme=dark] .summary-card[data-v-ae747c3d]{background:#1e293b8c}[data-theme=dark] .result-row[data-v-ae747c3d]{background:#1e293b80}[data-theme=dark] .copy-chip[data-v-ae747c3d]{background:var(--surface)}[data-theme=dark] .copy-chip[data-v-ae747c3d]:hover{background:var(--surface-soft)}[data-theme=dark] .empty-result[data-v-ae747c3d]{background:#1e293b80}@media(max-width:720px){.result-row[data-v-ae747c3d],.summary-grid[data-v-ae747c3d]{grid-template-columns:1fr}.result-row[data-v-ae747c3d]{align-items:start}.copy-chip[data-v-ae747c3d]{width:100%}}.json-node[data-v-8711a586]{font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,monospace;font-size:13px;line-height:1.55}.json-line[data-v-8711a586]{display:flex;white-space:nowrap}.children[data-v-8711a586]{padding-left:22px}.toggle[data-v-8711a586]{align-items:center;background:transparent;border:none;color:var(--muted);cursor:pointer;display:inline-flex;flex-shrink:0;height:18px;justify-content:center;margin-right:4px;width:18px}.toggle[data-v-8711a586]:hover{color:var(--text)}.toggle-placeholder[data-v-8711a586]{display:inline-block;flex-shrink:0;margin-right:4px;width:18px}.arrow[data-v-8711a586]{display:inline-block;font-size:10px;transform:rotate(90deg);transition:transform .15s ease}.arrow.collapsed[data-v-8711a586]{transform:rotate(0)}.json-key[data-v-8711a586]{color:#1d4ed8}.colon[data-v-8711a586]{color:var(--muted);margin:0 4px 0 1px}.bracket[data-v-8711a586]{color:#374151}.json-value[data-v-8711a586]{font-style:normal}.json-string[data-v-8711a586]{color:#047857}.json-number[data-v-8711a586]{color:#b45309}.json-boolean[data-v-8711a586]{color:#be185d}.comma[data-v-8711a586],.json-null[data-v-8711a586]{color:var(--muted)}[data-theme=dark] .json-key[data-v-8711a586]{color:#93c5fd}[data-theme=dark] .bracket[data-v-8711a586]{color:#cbd5e1}[data-theme=dark] .json-string[data-v-8711a586]{color:#6ee7b7}[data-theme=dark] .json-number[data-v-8711a586]{color:#fcd34d}[data-theme=dark] .json-boolean[data-v-8711a586]{color:#f9a8d4}.ellipsis[data-v-8711a586]{background:var(--surface);border:1px dashed var(--border);border-radius:var(--radius-sm);color:var(--muted);cursor:pointer;font-family:inherit;font-size:11px;margin:0 6px;padding:0 6px}.ellipsis[data-v-8711a586]:hover{border-color:var(--primary);color:var(--text)}.output-wrapper[data-v-c41a4943]{position:relative}.grid-two>.textarea[data-v-c41a4943],.output-wrapper .code-output[data-v-c41a4943]{min-height:clamp(340px,calc(100dvh - 360px),640px)}.code-output[data-v-c41a4943]{background:var(--surface-soft);border:1px solid var(--border);color:var(--text)}.copy-icon[data-v-c41a4943]{align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:999px;color:var(--text);cursor:pointer;display:inline-flex;height:36px;justify-content:center;position:absolute;right:12px;top:12px;transition:transform .15s ease,border-color .2s ease,box-shadow .2s ease;width:36px}.copy-icon[data-v-c41a4943]:hover:not(:disabled){border-color:var(--primary);box-shadow:0 2px 8px #2563eb1f;transform:translateY(-1px)}.copy-icon[data-v-c41a4943]:disabled{cursor:not-allowed;opacity:.45}.copy-tooltip[data-v-c41a4943]{background:var(--surface-dark);border:1px solid rgba(148,163,184,.2);border-radius:999px;color:#e2e8f0;font-size:12px;font-weight:600;letter-spacing:.01em;opacity:0;padding:6px 10px;pointer-events:none;position:absolute;right:12px;top:54px;transform:translateY(-4px);transition:opacity .15s ease,transform .15s ease}.copy-icon:focus-visible+.copy-tooltip[data-v-c41a4943],.copy-tooltip.show[data-v-c41a4943],.output-wrapper:hover .copy-tooltip[data-v-c41a4943]{opacity:1;transform:translateY(0)}.select[data-v-c41a4943]{width:160px}.error-message[data-v-c41a4943]{color:#dc2626;font-weight:600;margin:0}.tree-output[data-v-c41a4943]{color:var(--text);overflow:auto;padding:14px 16px;white-space:pre}.list-compare[data-v-cdc04f73]{gap:16px}.panel-column[data-v-cdc04f73]{display:flex;flex-direction:column;gap:8px;min-width:0}.column-title[data-v-cdc04f73]{color:var(--muted);font-size:13px;font-weight:600}.textarea[data-v-cdc04f73]{min-height:clamp(340px,calc(100dvh - 360px),640px);resize:vertical}.options[data-v-cdc04f73]{align-items:center;flex-wrap:wrap;gap:20px}.option[data-v-cdc04f73]{align-items:flex-start;cursor:pointer;display:flex;gap:8px}.option input[data-v-cdc04f73]{cursor:pointer;height:16px;margin-top:3px;width:16px}.option-text[data-v-cdc04f73]{display:flex;flex-direction:column;gap:1px}.option-text strong[data-v-cdc04f73]{font-size:14px;font-weight:600}.option-hint[data-v-cdc04f73]{font-size:12px}.button.small[data-v-cdc04f73]{font-size:13px;height:30px;padding:0 12px}.result-grid[data-v-cdc04f73]{display:grid;gap:12px;grid-template-columns:repeat(3,minmax(0,1fr))}.result-card[data-v-cdc04f73]{display:flex;flex-direction:column;gap:10px;padding:16px}.result-head[data-v-cdc04f73]{justify-content:space-between}.result-head[data-v-cdc04f73],.result-title[data-v-cdc04f73]{align-items:center;display:flex;gap:8px}.result-title[data-v-cdc04f73]{font-size:14px}.count-chip[data-v-cdc04f73]{background:var(--surface-soft);border:1px solid var(--border);border-radius:999px;color:var(--muted);font-size:12px;padding:2px 8px}.result-body[data-v-cdc04f73]{background:var(--surface-soft);border:1px solid var(--border);border-radius:var(--radius-md);max-height:320px;overflow:auto;white-space:pre-wrap;word-break:break-all}.result-body[data-v-cdc04f73],.result-empty[data-v-cdc04f73]{font-size:13px;margin:0;min-height:160px;padding:12px 14px}.local-note[data-v-cdc04f73]{font-size:13px;margin:0}@media(max-width:720px){.result-grid[data-v-cdc04f73]{grid-template-columns:1fr}.textarea[data-v-cdc04f73]{min-height:180px}.result-body[data-v-cdc04f73],.result-empty[data-v-cdc04f73]{min-height:120px}}.case-output[data-v-7f961d5c],.textarea[data-v-7f961d5c]{min-height:clamp(340px,calc(100dvh - 360px),640px)}.case-output[data-v-7f961d5c]{background:var(--surface-soft);border:1px solid var(--border);color:var(--text)}@media(max-width:720px){.case-output[data-v-7f961d5c],.textarea[data-v-7f961d5c]{min-height:220px}}.textarea[data-v-e3b52ddc]{min-height:clamp(340px,calc(100dvh - 360px),640px)}.stats-grid[data-v-e3b52ddc]{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.stat-card[data-v-e3b52ddc]{align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow);display:flex;flex-direction:column;gap:4px;padding:16px 12px}.stat-value[data-v-e3b52ddc]{color:var(--primary);font-size:24px;font-variant-numeric:tabular-nums;font-weight:700}.stat-label[data-v-e3b52ddc]{color:var(--muted);font-size:13px}@media(max-width:720px){.textarea[data-v-e3b52ddc]{min-height:220px}}.dedup-output[data-v-fc9ad84e],.textarea[data-v-fc9ad84e]{min-height:clamp(340px,calc(100dvh - 360px),640px)}.checkbox-row[data-v-fc9ad84e]{align-items:center;cursor:pointer;display:flex;font-size:14px;gap:8px}.checkbox-row input[data-v-fc9ad84e]{cursor:pointer;height:16px;width:16px}.dedup-info[data-v-fc9ad84e]{color:var(--primary);font-size:13px;font-weight:500}.dedup-output[data-v-fc9ad84e]{background:var(--surface-soft);border:1px solid var(--border);color:var(--text)}@media(max-width:720px){.dedup-output[data-v-fc9ad84e],.textarea[data-v-fc9ad84e]{min-height:220px}}.output-wrapper[data-v-ff48e8da]{position:relative}.grid-two>.textarea[data-v-ff48e8da],.output-wrapper .code-output[data-v-ff48e8da]{min-height:clamp(340px,calc(100dvh - 360px),640px)}.code-output[data-v-ff48e8da]{background:var(--surface-soft);border:1px solid var(--border);color:var(--text)}.copy-icon[data-v-ff48e8da]{align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:999px;color:var(--text);cursor:pointer;display:inline-flex;height:36px;justify-content:center;position:absolute;right:12px;top:12px;transition:transform .15s ease,border-color .2s ease,box-shadow .2s ease;width:36px}.copy-icon[data-v-ff48e8da]:hover:not(:disabled){border-color:var(--primary);box-shadow:0 2px 8px #2563eb1f;transform:translateY(-1px)}.copy-icon[data-v-ff48e8da]:disabled{cursor:not-allowed;opacity:.45}.copy-tooltip[data-v-ff48e8da]{background:var(--surface-dark);border:1px solid rgba(148,163,184,.2);border-radius:999px;color:#e2e8f0;font-size:12px;font-weight:600;letter-spacing:.01em;opacity:0;padding:6px 10px;pointer-events:none;position:absolute;right:12px;top:54px;transform:translateY(-4px);transition:opacity .15s ease,transform .15s ease}.copy-icon:focus-visible+.copy-tooltip[data-v-ff48e8da],.copy-tooltip.show[data-v-ff48e8da],.output-wrapper:hover .copy-tooltip[data-v-ff48e8da]{opacity:1;transform:translateY(0)}.error-message[data-v-ff48e8da]{color:#dc2626;font-weight:600;margin:0}@media(max-width:720px){.grid-two>.textarea[data-v-ff48e8da],.output-wrapper .code-output[data-v-ff48e8da]{min-height:220px}}.options[data-v-962daa0c]{display:flex;flex-direction:column;gap:12px}.option-row[data-v-962daa0c]{align-items:center;display:flex;font-size:14px;gap:8px;justify-content:flex-start}.length-input[data-v-962daa0c]{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font-size:14px;outline:none;padding:6px 10px;width:80px}.length-input[data-v-962daa0c]:focus{border-color:var(--primary)}.checkbox-row[data-v-962daa0c]{align-items:center;cursor:pointer;display:flex;font-size:14px;gap:8px}.checkbox-row input[data-v-962daa0c]{cursor:pointer;height:16px;width:16px}.pwd-output[data-v-962daa0c]{align-items:center;background:var(--surface-soft);border:1px solid var(--border);color:var(--text);display:flex;font-size:16px;font-weight:600;justify-content:center;letter-spacing:.05em;min-height:clamp(220px,calc(100dvh - 440px),480px);white-space:pre-wrap;word-break:break-all}@media(max-width:720px){.pwd-output[data-v-962daa0c]{min-height:180px}}