.tool-page[data-v-e754ee17]{padding:2rem 0 5rem}.tool-back[data-v-e754ee17]{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-e754ee17]:hover{color:var(--color-black)}.tool-header[data-v-e754ee17]{align-items:flex-start;gap:1rem;margin-bottom:1.5rem;display:flex}.tool-header-copy[data-v-e754ee17]{flex-direction:column;gap:.25rem;display:flex}.header-meta[data-v-e754ee17]{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-header-icon[data-v-e754ee17]{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-title[data-v-e754ee17]{color:var(--color-black);letter-spacing:-.03em;font-size:1.75rem;font-weight:700}.tool-subtitle[data-v-e754ee17]{color:var(--color-gray-500);max-width:760px;font-size:.9375rem}.panel-header[data-v-e754ee17]{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1rem;display:flex}.panel-title[data-v-e754ee17]{color:var(--color-gray-900);align-items:center;gap:.5rem;font-size:1rem;font-weight:700;display:flex}.panel-subtitle[data-v-e754ee17]{color:var(--color-gray-500);margin-top:.25rem;font-size:.8125rem;line-height:1.5}.mode-switch[data-v-e754ee17]{border:1px solid var(--color-gray-200);background:var(--color-gray-50);border-radius:9999px;padding:.1875rem;display:inline-flex}.mode-btn[data-v-e754ee17]{color:var(--color-gray-500);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;border-radius:9999px;align-items:center;gap:.375rem;padding:.375rem .875rem;font-size:.75rem;font-weight:600;display:inline-flex}.mode-btn.active[data-v-e754ee17]{background:var(--color-black);color:var(--color-white)}.mode-btn[data-v-e754ee17]:hover:not(.active){color:var(--color-black)}.show-mobile-only[data-v-e754ee17]{display:none}.mobile-tabs[data-v-e754ee17]{background:var(--color-gray-100);border-radius:12px;margin-bottom:1rem;padding:.25rem}.mobile-tab-btn[data-v-e754ee17]{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-e754ee17]{background:var(--color-white);color:var(--color-black);box-shadow:0 2px 8px #0000000d}.converter-grid[data-v-e754ee17]{grid-template-columns:1fr 1fr;gap:1.25rem;margin-bottom:1.25rem;display:grid}.token-parts-grid[data-v-e754ee17]{grid-template-columns:repeat(3,1fr);gap:1rem;display:grid}.preview-grid[data-v-e754ee17]{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}.reference-grid[data-v-e754ee17]{grid-template-columns:1fr 1fr;gap:1rem;margin-top:1.25rem;display:grid}.example-grid[data-v-e754ee17]{grid-template-columns:repeat(3,minmax(0,1fr));gap:.875rem;display:grid}.examples-panel[data-v-e754ee17]{margin-top:1.25rem}.example-card[data-v-e754ee17]{text-align:left;border:1px solid var(--color-gray-200);background:var(--color-white);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);padding:1rem}.example-card[data-v-e754ee17]:hover{border-color:var(--color-black);box-shadow:var(--shadow-md);transform:translateY(-2px)}.example-title[data-v-e754ee17]{color:var(--color-gray-900);font-size:.875rem;font-weight:700}.jwt-visualizer[data-v-e754ee17]{background:var(--color-gray-50);border-radius:var(--radius-md);font-family:var(--font-mono);word-break:break-all;border:1px solid var(--color-gray-200);margin-top:.75rem;padding:1rem;font-size:.8125rem;line-height:1.7}.jwt-dot[data-v-e754ee17]{color:var(--color-gray-400);margin:0 2px;font-weight:700}.jwt-seg--header[data-v-e754ee17]{color:var(--color-black);font-weight:700}.jwt-seg--payload[data-v-e754ee17]{color:var(--color-gray-700);font-weight:500}.jwt-seg--sig[data-v-e754ee17]{color:var(--color-gray-400);font-weight:400}.part-top[data-v-e754ee17]{justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.75rem;display:flex}.part-badge[data-v-e754ee17]{letter-spacing:.03em;background:var(--color-gray-100);color:var(--color-gray-600);border-radius:999px;align-items:center;padding:.1875rem .625rem;font-size:.6875rem;font-weight:700;display:inline-flex}.alg-pill[data-v-e754ee17]{background:var(--color-gray-100);color:var(--color-gray-600);font-size:.6875rem;font-weight:600;font-family:var(--font-mono);border-radius:4px;padding:.125rem .5rem}.part-json[data-v-e754ee17]{font-family:var(--font-mono);white-space:pre-wrap;word-break:break-all;color:var(--color-gray-800);background:var(--color-gray-50);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);margin:0;padding:1rem;font-size:.8125rem;line-height:1.6}.part-json--sm[data-v-e754ee17]{padding:.75rem;font-size:.75rem}.claims-block[data-v-e754ee17]{border-top:1px solid var(--color-gray-200);flex-direction:column;gap:.5rem;margin-top:.875rem;padding-top:.875rem;display:flex}.claims-title[data-v-e754ee17]{color:var(--color-gray-500);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.25rem;font-size:.6875rem;font-weight:600}.claim-row[data-v-e754ee17]{align-items:baseline;gap:.5rem;font-size:.75rem;display:flex}.claim-key[data-v-e754ee17]{font-family:var(--font-mono);color:var(--color-gray-700);flex-shrink:0;min-width:2.5rem;font-size:.75rem;font-weight:600}.claim-val[data-v-e754ee17]{color:var(--color-gray-900);word-break:break-all;flex:1}.val-valid[data-v-e754ee17]{color:var(--color-gray-900)}.val-expired[data-v-e754ee17]{color:var(--color-black);font-weight:600;text-decoration:line-through}.val-warn[data-v-e754ee17]{color:var(--color-gray-600);font-weight:600}.sig-verify-form[data-v-e754ee17]{flex-direction:column;gap:.5rem;display:flex}.sig-input-row[data-v-e754ee17]{align-items:center;gap:.375rem;display:flex}.sig-input-row .input[data-v-e754ee17]{flex:1;min-width:0}.verify-result[data-v-e754ee17]{border-radius:var(--radius-md);justify-content:center;align-items:center;gap:.375rem;width:100%;margin-top:.5rem;padding:.5rem .75rem;font-size:.8125rem;font-weight:600;display:inline-flex}.verify-ok[data-v-e754ee17]{background:var(--color-white);color:var(--color-black);border:1px solid var(--color-black);box-shadow:var(--shadow-sm)}.verify-fail[data-v-e754ee17]{background:var(--color-gray-50);color:var(--color-gray-600);border:1px dashed var(--color-gray-300)}.sig-raw-label[data-v-e754ee17]{text-transform:uppercase;letter-spacing:.05em;color:var(--color-gray-500);margin-top:.75rem;margin-bottom:.375rem;font-size:.6875rem;font-weight:600}.sig-raw[data-v-e754ee17]{font-family:var(--font-mono);word-break:break-all;color:var(--color-gray-800);background:var(--color-gray-50);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);padding:1rem;font-size:.8125rem;line-height:1.6;display:block}.form-group[data-v-e754ee17]{flex-direction:column;gap:.375rem;margin-bottom:.875rem;display:flex}.payload-label-row[data-v-e754ee17]{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;display:flex}.exp-presets[data-v-e754ee17]{flex-wrap:wrap;gap:.25rem;display:flex}.algo-group[data-v-e754ee17]{gap:.375rem;display:flex}.algo-btn[data-v-e754ee17]{font-size:.75rem;font-weight:600;font-family:var(--font-mono);border:1px solid var(--color-gray-200);border-radius:var(--radius-sm);color:var(--color-gray-500);cursor:pointer;background:0 0;padding:.375rem 1rem;transition:all .15s}.algo-btn[data-v-e754ee17]:hover{border-color:var(--color-black);color:var(--color-black)}.algo-btn.active[data-v-e754ee17]{background:var(--color-black);color:var(--color-white);border-color:var(--color-black)}.btn-xs[data-v-e754ee17]{height:auto;padding:.1875rem .5rem;font-size:.6875rem;line-height:1.4}.ref-table[data-v-e754ee17]{border-collapse:separate;border-spacing:0;border:1px solid var(--color-gray-200);border-radius:var(--radius-md);width:100%;font-size:.8125rem;overflow:hidden}.ref-table th[data-v-e754ee17]{text-align:left;color:var(--color-gray-600);background:var(--color-gray-50);border-bottom:1px solid var(--color-gray-200);text-transform:uppercase;letter-spacing:.04em;padding:.75rem 1rem;font-size:.75rem;font-weight:600}.ref-table td[data-v-e754ee17]{border-bottom:1px solid var(--color-gray-100);color:var(--color-gray-800);vertical-align:middle;padding:.875rem 1rem;line-height:1.6}.ref-table tr:last-child td[data-v-e754ee17]{border-bottom:none}.ref-table tr:hover td[data-v-e754ee17]{background:var(--color-gray-50)}.ref-table code[data-v-e754ee17]{font-family:var(--font-mono);background:var(--color-gray-100);color:var(--color-black);border-radius:4px;padding:.1875rem .4375rem;font-size:.75rem;font-weight:600}.sec-badge[data-v-e754ee17]{letter-spacing:.02em;border-radius:999px;justify-content:center;align-items:center;padding:.25rem .625rem;font-size:.6875rem;font-weight:700;display:inline-flex}.sec-std[data-v-e754ee17]{background:var(--color-gray-100);color:var(--color-gray-600)}.sec-strong[data-v-e754ee17]{background:var(--color-gray-200);color:var(--color-black)}.sec-vstrong[data-v-e754ee17]{background:var(--color-black);color:var(--color-white)}.tool-description[data-v-e754ee17]{border-top:1px solid var(--color-gray-200);margin-top:2.5rem;padding-top:2rem}.desc-title[data-v-e754ee17]{color:var(--color-gray-900);margin-bottom:1rem;font-size:1.25rem;font-weight:700}.tool-description p[data-v-e754ee17]{color:var(--color-gray-600);margin-bottom:.75rem;font-size:.9375rem;line-height:1.75}.tool-description h3[data-v-e754ee17]{color:var(--color-gray-800);margin:1.5rem 0 .75rem;font-size:1rem;font-weight:700}.step-list[data-v-e754ee17]{flex-direction:column;gap:.5rem;padding-left:0;list-style:none;display:flex}.step-list li[data-v-e754ee17]{color:var(--color-gray-600);background:var(--color-gray-50);border-radius:var(--radius-md);border-left:3px solid var(--color-black);padding:.625rem .875rem;font-size:.9375rem;line-height:1.75}.tool-description h4[data-v-e754ee17]{color:var(--color-gray-800);margin:1rem 0 .375rem;font-size:.9375rem;font-weight:700}.scenario-list[data-v-e754ee17]{flex-direction:column;gap:.625rem;display:flex}.scenario-item[data-v-e754ee17]{background:var(--color-gray-50);border-radius:var(--radius-md);border-left:3px solid var(--color-gray-300);padding:.875rem 1rem}.scenario-item h4[data-v-e754ee17]{color:var(--color-gray-800);margin:0 0 .25rem;font-size:.875rem;font-weight:700}.scenario-item p[data-v-e754ee17]{color:var(--color-gray-500);margin:0;font-size:.8125rem;line-height:1.6}.inline-error[data-v-e754ee17]{color:#b91c1c;align-items:flex-start;gap:.5rem;margin-top:.75rem;font-size:.8125rem;line-height:1.5;display:flex}.field-label[data-v-e754ee17]{color:var(--color-gray-700);margin-bottom:.25rem;font-size:.8125rem;font-weight:600;display:block}.btn-spinner[data-v-e754ee17]{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:14px;height:14px;animation:.6s linear infinite spin-e754ee17;display:inline-block}@keyframes spin-e754ee17{to{transform:rotate(360deg)}}html.dark .header-meta[data-v-e754ee17]{color:#a3a3a3;background:#ffffff14}html.dark .tool-title[data-v-e754ee17]{color:#e6e6e6}html.dark .tool-subtitle[data-v-e754ee17]{color:#a3a3a3}html.dark .tool-back[data-v-e754ee17]:hover{color:#e6e6e6}html.dark .inline-error[data-v-e754ee17]{color:#f87171}html.dark .field-label[data-v-e754ee17]{color:silver}html.dark .btn-spinner[data-v-e754ee17]{border-color:#111 #0003 #0003}html.dark .mode-switch[data-v-e754ee17]{background:#ffffff0a;border-color:#ffffff1a}html.dark .mode-btn.active[data-v-e754ee17]{background:var(--color-white);color:var(--color-black)}html.dark .mode-btn[data-v-e754ee17]:hover:not(.active){color:#e6e6e6}html.dark .mobile-tabs[data-v-e754ee17]{background:#ffffff0d}html.dark .mobile-tab-btn.active[data-v-e754ee17]{color:#e6e6e6;background:#ffffff1a}html.dark .panel-title[data-v-e754ee17]{color:#e6e6e6}html.dark .panel-subtitle[data-v-e754ee17]{color:#a3a3a3}html.dark .example-card[data-v-e754ee17]{background:var(--color-gray-50);border-color:var(--color-gray-100)}html.dark .example-card[data-v-e754ee17]:hover{border-color:#a3a3a3}html.dark .example-title[data-v-e754ee17]{color:#e6e6e6}html.dark .example-code[data-v-e754ee17],html.dark .example-desc[data-v-e754ee17]{color:#a3a3a3}html.dark .jwt-visualizer[data-v-e754ee17]{color:#d4d4d4;background:#171717;border-color:#404040}html.dark .jwt-dot[data-v-e754ee17],html.dark .jwt-seg--sig[data-v-e754ee17]{color:#737373}html.dark .part-badge[data-v-e754ee17],html.dark .alg-pill[data-v-e754ee17]{color:#a3a3a3;background:#404040}html.dark .part-json[data-v-e754ee17]{color:#d4d4d4;background:#171717}html.dark .claims-block[data-v-e754ee17]{border-color:#404040}html.dark .claim-key[data-v-e754ee17]{color:#a3a3a3}html.dark .claim-val[data-v-e754ee17]{color:#d4d4d4}html.dark .val-expired[data-v-e754ee17]{color:#f87171}html.dark .val-warn[data-v-e754ee17]{color:#fbbf24}html.dark .verify-ok[data-v-e754ee17]{color:#d4d4d4;background:#ffffff0d}html.dark .verify-fail[data-v-e754ee17]{color:#f87171;background:#ef44441f}html.dark .sig-raw[data-v-e754ee17]{color:#a3a3a3;background:#171717}html.dark .algo-btn[data-v-e754ee17]{color:#a3a3a3;border-color:#404040}html.dark .algo-btn[data-v-e754ee17]:hover{color:#e6e6e6;border-color:#e6e6e6}html.dark .algo-btn.active[data-v-e754ee17]{color:#111;background:#e6e6e6}html.dark .ref-table th[data-v-e754ee17]{color:#a3a3a3;border-color:#404040}html.dark .ref-table td[data-v-e754ee17]{color:silver;border-color:#262626}html.dark .ref-table code[data-v-e754ee17],html.dark .sec-std[data-v-e754ee17]{color:silver;background:#404040}html.dark .sec-strong[data-v-e754ee17]{color:#d4d4d4;background:#404040}html.dark .sec-vstrong[data-v-e754ee17]{color:#e6e6e6;background:#525252}html.dark .desc-title[data-v-e754ee17]{color:#e6e6e6}html.dark .tool-description p[data-v-e754ee17],html.dark .tool-description h3[data-v-e754ee17]{color:silver}html.dark .step-list li[data-v-e754ee17]{color:silver;background:#171717;border-left-color:#e6e6e6}html.dark .scenario-item[data-v-e754ee17]{background:#171717;border-left-color:#525252}html.dark .scenario-item h4[data-v-e754ee17]{color:#d4d4d4}html.dark .scenario-item p[data-v-e754ee17]{color:#a3a3a3}html.dark .tool-description h4[data-v-e754ee17]{color:#d4d4d4}@media (width<=1024px){.converter-grid[data-v-e754ee17],.token-parts-grid[data-v-e754ee17],.reference-grid[data-v-e754ee17]{grid-template-columns:1fr}.example-grid[data-v-e754ee17]{grid-template-columns:1fr 1fr}.preview-grid[data-v-e754ee17]{grid-template-columns:1fr}}@media (width<=640px){.show-mobile-only[data-v-e754ee17]{display:flex}.hide-mobile-only[data-v-e754ee17],.mobile-hidden[data-v-e754ee17]{display:none!important}.example-grid[data-v-e754ee17]{grid-template-columns:1fr}.tool-page[data-v-e754ee17]{padding:1.5rem 0 3.5rem}.tool-header-icon[data-v-e754ee17]{width:44px;height:44px}.tool-title[data-v-e754ee17]{font-size:1.5rem}}