.jwt-tool[data-v-05a300d0]{max-width:1200px;margin:0 auto;padding:32px 24px 80px}.page-header[data-v-05a300d0]{margin-bottom:28px}.page-header h1[data-v-05a300d0]{color:var(--vt-text);margin:0 0 8px;font-size:28px;font-weight:700;transition:color .3s}.page-header p[data-v-05a300d0]{color:var(--vt-text-secondary);margin:0;font-size:14px;transition:color .3s}.section-label[data-v-05a300d0]{color:var(--vt-text);margin-bottom:8px;font-size:14px;font-weight:600;transition:color .3s;display:block}.jwt-input[data-v-05a300d0] .el-textarea__inner{background:var(--vt-bg-input);color:var(--vt-text);border-color:var(--vt-border);font-family:Fira Code,JetBrains Mono,Consolas,monospace;font-size:13px;line-height:1.6;transition:background .3s,color .3s,border-color .3s}.jwt-input[data-v-05a300d0] .el-textarea__inner:focus{border-color:var(--vt-primary)}.input-actions[data-v-05a300d0]{gap:8px;margin-top:12px;display:flex}.error-box[data-v-05a300d0]{color:#dc2626;background:#fef2f2;border:1px solid #fca5a5;border-radius:8px;margin-top:12px;padding:10px 16px;font-size:14px}.input-section[data-v-05a300d0]{margin-bottom:24px}.jwt-visual[data-v-05a300d0]{background:var(--vt-bg-card);border:1px solid var(--vt-border);border-radius:var(--vt-radius);margin-bottom:16px;padding:20px;transition:background .3s,border-color .3s}.jwt-part[data-v-05a300d0]{flex-wrap:wrap;align-items:flex-start;gap:10px;margin-bottom:12px;display:flex}.jwt-part[data-v-05a300d0]:last-child{margin-bottom:0}.part-dot[data-v-05a300d0]{border-radius:50%;flex-shrink:0;width:10px;height:10px;margin-top:5px}.header-dot[data-v-05a300d0]{background:#ef4444}.payload-dot[data-v-05a300d0]{background:#a855f7}.signature-dot[data-v-05a300d0]{background:#3b82f6}.part-name[data-v-05a300d0]{color:var(--vt-text-secondary);text-transform:uppercase;min-width:70px;margin-top:2px;font-size:12px;font-weight:700;transition:color .3s}.part-value[data-v-05a300d0]{word-break:break-all;flex:1;min-width:200px;padding:2px 0;font-family:Fira Code,JetBrains Mono,Consolas,monospace;font-size:12px;line-height:1.5}.header-value[data-v-05a300d0]{color:#ef4444}.payload-value[data-v-05a300d0]{color:#a855f7}.signature-value[data-v-05a300d0]{color:#3b82f6}.alg-section[data-v-05a300d0]{align-items:center;gap:8px;margin-bottom:16px;display:flex}.alg-badge[data-v-05a300d0]{border-radius:20px;padding:4px 12px;font-size:13px;font-weight:600;display:inline-block}.alg-badge.symmetric[data-v-05a300d0]{color:#1d4ed8;background:#dbeafe}.alg-badge.asymmetric[data-v-05a300d0]{color:#15803d;background:#dcfce7}.alg-badge.danger[data-v-05a300d0]{color:#dc2626;background:#fef2f2}.alg-badge.other[data-v-05a300d0]{background:var(--vt-primary-light);color:var(--vt-primary)}.typ-badge[data-v-05a300d0]{color:#6b7280;background:#f3f4f6;border-radius:20px;padding:4px 12px;font-size:13px;font-weight:600;display:inline-block}.time-section[data-v-05a300d0]{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;margin-bottom:24px;display:grid}.time-card[data-v-05a300d0]{background:var(--vt-bg-card);border:1px solid var(--vt-border);border-radius:var(--vt-radius);gap:14px;padding:16px 20px;transition:background .3s,border-color .3s;display:flex}.time-card.expired[data-v-05a300d0]{background:#fef2f2;border-color:#fca5a5}.time-icon[data-v-05a300d0]{margin-top:2px;font-size:24px;line-height:1}.time-label[data-v-05a300d0]{color:var(--vt-text-muted);margin-bottom:4px;font-size:12px;transition:color .3s}.time-date[data-v-05a300d0]{color:var(--vt-text);font-size:14px;font-weight:600;transition:color .3s}.time-countdown[data-v-05a300d0]{color:#15803d;font-size:13px;font-weight:600}.time-countdown.expired[data-v-05a300d0]{color:#dc2626}.json-grid[data-v-05a300d0]{grid-template-columns:1fr 1fr;gap:20px;margin-bottom:24px;display:grid}.json-card[data-v-05a300d0]{background:var(--vt-bg-card);border:1px solid var(--vt-border);border-radius:var(--vt-radius);transition:background .3s,border-color .3s;overflow:hidden}.json-card-header[data-v-05a300d0]{border-bottom:1px solid var(--vt-border);justify-content:space-between;align-items:center;padding:12px 16px;transition:border-color .3s;display:flex}.json-card-header h3[data-v-05a300d0]{color:var(--vt-text);margin:0;font-size:14px;font-weight:600;transition:color .3s}.json-content[data-v-05a300d0]{white-space:pre;color:var(--vt-text);background:var(--vt-bg-input);margin:0;padding:16px;font-family:Fira Code,JetBrains Mono,Consolas,monospace;font-size:13px;line-height:1.7;transition:color .3s,background .3s;overflow-x:auto}.json-content[data-v-05a300d0] .json-key{color:#2563eb}.json-content[data-v-05a300d0] .json-string{color:#059669}.json-content[data-v-05a300d0] .json-number{color:#d97706}.json-content[data-v-05a300d0] .json-boolean{color:#7c3aed}.json-content[data-v-05a300d0] .json-null{color:#9ca3af;font-style:italic}.claims-section[data-v-05a300d0]{margin-bottom:24px}.claims-section h3[data-v-05a300d0]{color:var(--vt-text);margin:0 0 12px;font-size:16px;font-weight:600;transition:color .3s}.claims-table[data-v-05a300d0]{border-collapse:collapse;background:var(--vt-bg-card);border:1px solid var(--vt-border);border-radius:var(--vt-radius);width:100%;transition:background .3s,border-color .3s;overflow:hidden}.claims-table th[data-v-05a300d0],.claims-table td[data-v-05a300d0]{text-align:left;border-bottom:1px solid var(--vt-border);padding:10px 14px;font-size:13px;transition:color .3s,border-color .3s}.claims-table th[data-v-05a300d0]{background:var(--vt-bg-hover);color:var(--vt-text-secondary);text-transform:uppercase;font-size:12px;font-weight:600;transition:background .3s,color .3s}.claims-table td[data-v-05a300d0]{color:var(--vt-text)}.claims-table tr:last-child td[data-v-05a300d0]{border-bottom:none}.claims-table code[data-v-05a300d0]{background:var(--vt-bg-hover);color:var(--vt-primary);border-radius:4px;padding:2px 6px;font-size:12px;transition:background .3s}.claim-value[data-v-05a300d0]{word-break:break-all;font-family:Fira Code,Consolas,monospace;font-size:12px}.claim-desc[data-v-05a300d0]{color:var(--vt-text-muted);font-size:12px}.seo-section[data-v-05a300d0]{background:var(--vt-bg-card);border:1px solid var(--vt-border);border-radius:var(--vt-radius);margin-top:48px;padding:32px;transition:background .3s,border-color .3s}.seo-section h2[data-v-05a300d0]{color:var(--vt-text);margin:0 0 16px;font-size:20px;font-weight:700;transition:color .3s}.seo-section h3[data-v-05a300d0]{color:var(--vt-text);margin:20px 0 10px;font-size:16px;font-weight:600;transition:color .3s}.seo-section p[data-v-05a300d0]{color:var(--vt-text-secondary);margin:0 0 12px;font-size:14px;line-height:1.8;transition:color .3s}.seo-section ul[data-v-05a300d0]{margin:0 0 16px;padding-left:20px}.seo-section li[data-v-05a300d0]{color:var(--vt-text-secondary);margin-bottom:6px;font-size:14px;line-height:1.8;transition:color .3s}@media (width<=768px){.json-grid[data-v-05a300d0],.time-section[data-v-05a300d0]{grid-template-columns:1fr}.jwt-tool[data-v-05a300d0]{padding:24px 16px 60px}.page-header h1[data-v-05a300d0]{font-size:22px}.jwt-part[data-v-05a300d0]{flex-direction:column;gap:6px}.seo-section[data-v-05a300d0]{padding:20px}}