.jwt-page[data-v-3534b632]{width:100%}.jwt-hero[data-v-3534b632]{background:radial-gradient(circle at 50% 18%,#e11d4814,#0000 65%),#fff}.jwt-dot[data-v-3534b632]{background:#e11d48}.jwt-privacy[data-v-3534b632]{color:#be123c;background:#fff1f2;border:1px solid #fecdd3;border-radius:999px;align-items:center;gap:.35rem;margin-top:.5rem;padding:.3rem .75rem;font:600 .76rem/1.2 inherit;display:inline-flex}.jwt-workspace[data-v-3534b632]{padding-top:.75rem;padding-bottom:clamp(2rem,4vw,3.5rem)}.jwt-sample-bar[data-v-3534b632]{background:#fff;border:1px solid #e2e8f0;border-radius:.65rem;justify-content:space-between;gap:.75rem;margin-bottom:.65rem;padding:.45rem .75rem}.jwt-sample-bar[data-v-3534b632],.sample-left[data-v-3534b632]{flex-wrap:wrap;align-items:center;display:flex}.sample-left[data-v-3534b632]{gap:.35rem}.sample-label[data-v-3534b632]{color:#64748b;text-transform:uppercase;letter-spacing:.04em;margin-right:.2rem;font-size:.72rem;font-weight:700}.btn-sample[data-v-3534b632]{color:#334155;cursor:pointer;white-space:nowrap;background:#f8fafc;border:1px solid #cbd5e1;border-radius:.4rem;height:28px;padding:0 .55rem;font:650 .72rem inherit;transition:all .15s}.btn-sample[data-v-3534b632]:hover{color:#0f172a;background:#f1f5f9;border-color:#94a3b8}.btn-clear[data-v-3534b632]{color:#64748b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:.4rem;align-items:center;gap:.3rem;height:28px;padding:0 .55rem;font:600 .72rem inherit;transition:all .15s;display:inline-flex}.btn-clear[data-v-3534b632]:hover{color:#ef4444;background:#fef2f2;border-color:#fca5a5}.jwt-status-banner[data-v-3534b632]{background:#fff;border:1px solid #e2e8f0;border-radius:.65rem;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.75rem;padding:.6rem .85rem;display:flex;box-shadow:0 2px 8px #0f172a05}.jwt-status-banner.is-active[data-v-3534b632]{background:#f0fdf4;border-color:#bbf7d0}.jwt-status-banner.is-expired[data-v-3534b632]{background:#fef2f2;border-color:#fecaca}.jwt-status-banner.is-future[data-v-3534b632]{background:#fff7ed;border-color:#fed7aa}.jwt-status-banner.is-invalid[data-v-3534b632]{background:#fff1f2;border-color:#fecdd3}.status-summary[data-v-3534b632]{flex-wrap:wrap;align-items:center;gap:.55rem;display:flex}.status-pill[data-v-3534b632]{text-transform:uppercase;border-radius:999px;padding:.2rem .6rem;font:750 .72rem ui-monospace,monospace}.pill-active[data-v-3534b632]{color:#166534;background:#dcfce7}.pill-expired[data-v-3534b632]{color:#991b1b;background:#fee2e2}.pill-future[data-v-3534b632]{color:#9a3412;background:#ffedd5}.pill-invalid[data-v-3534b632]{color:#9f1239;background:#ffe4e6}.pill-no-expiry[data-v-3534b632]{color:#334155;background:#e2e8f0}.status-meta[data-v-3534b632]{color:#334155;font-size:.78rem;font-weight:600}.status-tags[data-v-3534b632]{flex-wrap:wrap;align-items:center;gap:.4rem;display:flex}.meta-tag[data-v-3534b632]{color:#475569;background:#fff;border:1px solid #cbd5e1;border-radius:.35rem;padding:.18rem .5rem;font:600 .72rem ui-monospace,monospace}.sig-tag.sig-valid[data-v-3534b632]{color:#15803d;background:#f0fdf4;border-color:#86efac}.sig-tag.sig-invalid[data-v-3534b632]{color:#b91c1c;background:#fef2f2;border-color:#fca5a5}.sig-tag.sig-unverified[data-v-3534b632]{color:#64748b;background:#f8fafc;border-color:#cbd5e1}.jwt-grid[data-v-3534b632]{grid-template-columns:1fr 1fr;gap:.85rem;margin-bottom:.85rem;display:grid}@media (width<=900px){.jwt-grid[data-v-3534b632]{grid-template-columns:1fr}}.jwt-col[data-v-3534b632]{flex-direction:column;gap:.65rem;min-width:0;display:flex}.col-head[data-v-3534b632]{justify-content:space-between;align-items:center;gap:.5rem;padding:.2rem .1rem;display:flex}.col-title-wrap[data-v-3534b632]{align-items:baseline;gap:.45rem;display:flex}.col-title[data-v-3534b632]{color:#0f172a;font-size:.84rem;font-weight:750}.col-hint[data-v-3534b632]{color:#64748b;font-family:ui-monospace,monospace;font-size:.72rem}.btn-copy-sm[data-v-3534b632]{color:#334155;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:.35rem;height:26px;padding:0 .5rem;font:650 .7rem inherit;transition:all .15s}.btn-copy-sm[data-v-3534b632]:hover:not(:disabled){background:#f8fafc;border-color:#94a3b8}.btn-copy-sm[data-v-3534b632]:disabled{opacity:.5;cursor:not-allowed}.encoded-input-box[data-v-3534b632]{background:#fff;border:1px solid #cbd5e1;border-radius:.65rem;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 2px 8px #0f172a08}.encoded-textarea[data-v-3534b632]{resize:vertical;color:#0f172a;word-break:break-all;background:#fafaf9;border:0;outline:none;width:100%;min-height:380px;padding:.85rem;font:550 .82rem/1.55 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.encoded-textarea[data-v-3534b632]:focus{background:#fff}.encoded-footer-actions[data-v-3534b632]{flex-wrap:wrap;align-items:center;gap:.45rem;display:flex}.btn-action-tool[data-v-3534b632]{color:#334155;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:.45rem;align-items:center;gap:.35rem;height:30px;padding:0 .65rem;font:650 .74rem inherit;transition:all .15s;display:inline-flex}.btn-action-tool[data-v-3534b632]:hover:not(:disabled){color:#0f172a;background:#f8fafc;border-color:#94a3b8}.btn-action-tool[data-v-3534b632]:disabled{opacity:.5;cursor:not-allowed}.decoded-segment[data-v-3534b632]{background:#fff;border:1px solid #e2e8f0;border-radius:.65rem;overflow:hidden;box-shadow:0 2px 8px #0f172a05}.segment-header[data-v-3534b632]{border-color:#fecdd3 #fecdd3 #fecdd3 #f43f5e;border-left-style:solid;border-left-width:4px}.segment-payload[data-v-3534b632]{border-color:#ddd6fe #ddd6fe #ddd6fe #8b5cf6;border-left-style:solid;border-left-width:4px}.segment-signature[data-v-3534b632]{border-color:#bae6fd #bae6fd #bae6fd #0284c7;border-left-style:solid;border-left-width:4px}.segment-head[data-v-3534b632]{background:#fafafa;border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;gap:.5rem;padding:.5rem .75rem;display:flex}.segment-title-group[data-v-3534b632]{align-items:center;gap:.45rem;display:flex}.segment-pill[data-v-3534b632]{letter-spacing:.04em;border-radius:.3rem;padding:.15rem .45rem;font:800 .65rem ui-monospace,monospace}.pill-header[data-v-3534b632]{color:#e11d48;background:#ffe4e6}.pill-payload[data-v-3534b632]{color:#7c3aed;background:#f3e8ff}.pill-signature[data-v-3534b632]{color:#0284c7;background:#e0f2fe}.segment-title[data-v-3534b632]{color:#475569;font-size:.74rem;font-weight:600}.json-code[data-v-3534b632]{white-space:pre-wrap;word-break:break-all;max-height:220px;margin:0;padding:.75rem .85rem;font:550 .78rem/1.5 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;overflow:auto}.json-header[data-v-3534b632]{color:#be123c;background:#fffbfa}.json-payload[data-v-3534b632]{color:#6b21a8;background:#fdfaff}.verify-badge[data-v-3534b632]{text-transform:uppercase;border-radius:999px;padding:.18rem .55rem;font:750 .68rem ui-monospace,monospace}.verify-badge.is-valid[data-v-3534b632]{color:#166534;background:#dcfce7}.verify-badge.is-invalid[data-v-3534b632]{color:#991b1b;background:#fee2e2}.verify-badge.is-unverified[data-v-3534b632]{color:#64748b;background:#f1f5f9}.signature-input-group[data-v-3534b632]{background:#fcfdfe;flex-direction:column;gap:.35rem;padding:.65rem .75rem;display:flex}.sig-label[data-v-3534b632]{color:#334155;font-size:.72rem;font-weight:700}.secret-field-wrap[data-v-3534b632]{align-items:center;display:flex}.secret-input[data-v-3534b632]{background:#fff;border:1px solid #cbd5e1;border-radius:.4rem;outline:none;width:100%;height:32px;padding:0 .6rem;font:600 .78rem ui-monospace,monospace}.secret-input[data-v-3534b632]:focus{border-color:#0284c7}.public-key-textarea[data-v-3534b632]{resize:vertical;background:#fff;border:1px solid #cbd5e1;border-radius:.4rem;outline:none;width:100%;padding:.45rem .6rem;font:550 .74rem ui-monospace,monospace}.secret-checkbox-label[data-v-3534b632]{color:#64748b;cursor:pointer;align-items:center;gap:.35rem;margin-top:.1rem;font-size:.72rem;display:inline-flex}.sig-feedback-msg[data-v-3534b632]{border-top:1px solid #f1f5f9;padding:.45rem .75rem;font:600 .72rem ui-monospace,monospace}.sig-msg-valid[data-v-3534b632]{color:#15803d;background:#f0fdf4}.sig-msg-invalid[data-v-3534b632]{color:#b91c1c;background:#fef2f2}.sig-msg-unverified[data-v-3534b632]{color:#64748b;background:#f8fafc}.jwt-claims-card[data-v-3534b632]{background:#fff;border:1px solid #e2e8f0;border-radius:.75rem;margin-bottom:.85rem;padding:.85rem 1rem;box-shadow:0 2px 8px #0f172a05}.card-title[data-v-3534b632]{color:#0f172a;margin:0;font-size:.95rem;font-weight:750}.card-subtitle[data-v-3534b632]{color:#64748b;margin:.15rem 0 .75rem;font-size:.74rem}.claims-table-wrap[data-v-3534b632]{overflow-x:auto}.claims-table[data-v-3534b632]{border-collapse:collapse;text-align:left;width:100%;font-size:.76rem}.claims-table th[data-v-3534b632]{color:#475569;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:.45rem .65rem;font-weight:700}.claims-table td[data-v-3534b632]{vertical-align:top;border-bottom:1px solid #f1f5f9;padding:.55rem .65rem}.claim-key-cell[data-v-3534b632]{flex-direction:column;gap:.15rem;display:flex}.claim-tag[data-v-3534b632]{border-radius:.3rem;width:fit-content;padding:.12rem .4rem;font:750 .7rem ui-monospace,monospace;display:inline-block}.tag-exp[data-v-3534b632]{color:#991b1b;background:#fee2e2}.tag-iat[data-v-3534b632],.tag-nbf[data-v-3534b632]{color:#9a3412;background:#ffedd5}.tag-aud[data-v-3534b632],.tag-iss[data-v-3534b632],.tag-jti[data-v-3534b632],.tag-sub[data-v-3534b632]{color:#0369a1;background:#e0f2fe}.tag-custom[data-v-3534b632]{color:#475569;background:#f1f5f9}.claim-label[data-v-3534b632]{color:#64748b;font-size:.68rem}.claim-desc-cell[data-v-3534b632]{color:#475569;line-height:1.4}.val-display[data-v-3534b632]{flex-direction:column;gap:.2rem;display:flex}.val-code[data-v-3534b632]{color:#0f172a;word-break:break-all;font:600 .74rem ui-monospace,monospace}.val-date[data-v-3534b632]{color:#64748b;font-size:.7rem}.val-relative[data-v-3534b632]{color:#16a34a;font-weight:700}.val-relative.is-expired[data-v-3534b632]{color:#dc2626}.jwt-timestamps-card[data-v-3534b632]{background:#fff;border:1px solid #e2e8f0;border-radius:.75rem;margin-bottom:.85rem;padding:.85rem 1rem;box-shadow:0 2px 8px #0f172a05}.timestamps-title[data-v-3534b632]{color:#0f172a;margin:0 0 .65rem;font-size:.88rem;font-weight:750}.timestamps-grid[data-v-3534b632]{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.65rem;display:grid}.time-card[data-v-3534b632]{background:#f8fafc;border:1px solid #e2e8f0;border-radius:.6rem;flex-direction:column;gap:.2rem;padding:.65rem .85rem;display:flex}.time-card-label[data-v-3534b632]{color:#64748b;text-transform:uppercase;font-size:.7rem;font-weight:700}.time-card-rel[data-v-3534b632]{color:#0f172a;font-size:.95rem;font-weight:750}.time-card-iso[data-v-3534b632]{color:#475569;font:550 .72rem ui-monospace,monospace}.time-card-epoch[data-v-3534b632]{color:#94a3b8;font:500 .68rem ui-monospace,monospace}.time-expires.is-expired[data-v-3534b632]{background:#fef2f2;border-color:#fecaca}.time-expires.is-expired .time-card-rel[data-v-3534b632]{color:#dc2626}.feedback-toast[data-v-3534b632]{color:#fff;z-index:1000;background:#0f172a;border-radius:.55rem;align-items:center;gap:.45rem;padding:.55rem .95rem;font:600 .78rem inherit;display:inline-flex;position:fixed;bottom:1.5rem;right:1.5rem;box-shadow:0 8px 24px #0f172a2e}.feedback-toast.is-error[data-v-3534b632]{background:#dc2626}.fade-enter-active[data-v-3534b632],.fade-leave-active[data-v-3534b632]{transition:opacity .2s,transform .2s}.fade-enter-from[data-v-3534b632],.fade-leave-to[data-v-3534b632]{opacity:0;transform:translateY(6px)}.jwt-guide-section[data-v-3534b632]{background:#fff;border:1px solid #e2e8f0;border-radius:.85rem;margin-top:2rem;padding:1.5rem}.guide-header h2[data-v-3534b632]{color:#0f172a;margin:0 0 .35rem;font-size:1.25rem;font-weight:800}.guide-header p[data-v-3534b632]{color:#64748b;margin:0 0 1.25rem;font-size:.85rem}.guide-grid[data-v-3534b632]{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem;display:grid}.guide-card[data-v-3534b632]{background:#f8fafc;border:1px solid #e2e8f0;border-radius:.65rem;padding:1rem}.guide-card h3[data-v-3534b632]{color:#1e293b;margin:0 0 .4rem;font-size:.9rem;font-weight:750}.guide-card p[data-v-3534b632]{color:#475569;margin:0;font-size:.78rem;line-height:1.5}.jwt-faq-section[data-v-3534b632]{background:#fff;border:1px solid #e2e8f0;border-radius:.85rem;margin-top:1.5rem;padding:1.5rem}.faq-header h2[data-v-3534b632]{color:#0f172a;margin:0 0 1rem;font-size:1.25rem;font-weight:800}