.jwt-tool{--jwt-header:var(--accent-red);--jwt-payload:var(--accent-violet);--jwt-signature:var(--accent-cyan)}@supports (color:color-mix(in srgb, red, blue)){.jwt-tool{--jwt-header:color-mix(in srgb, var(--accent-red) 70%, var(--text-primary));--jwt-payload:color-mix(in srgb, var(--accent-violet) 70%, var(--text-primary));--jwt-signature:color-mix(in srgb, var(--accent-cyan) 60%, var(--text-primary))}}.jwt-tool .jwt-input{resize:vertical;word-break:break-all;height:120px;min-height:110px}.jwt-summary{flex-wrap:wrap;gap:.4rem;display:flex}.jwt-summary .tool-chip{font-family:var(--font-mono);font-weight:600}.jwt-token{border:1px solid var(--border-card);border-radius:var(--radius-md);background:var(--bg-secondary);max-height:150px;font:.8rem/1.6 var(--font-mono);word-break:break-all;overflow-wrap:anywhere;padding:.75rem .9rem;overflow:auto}.jwt-seg--header{color:var(--jwt-header)}.jwt-seg--payload{color:var(--jwt-payload)}.jwt-seg--signature{color:var(--jwt-signature)}.jwt-dot{color:var(--text-primary);font-weight:700}.jwt-legend{flex-wrap:wrap;gap:1rem;margin-top:-.5rem;display:flex}.jwt-key{align-items:center;gap:.35rem;display:inline-flex}.jwt-key:before{content:"";background:currentColor;border-radius:2px;width:.7rem;height:.7rem}.jwt-key--header{color:var(--jwt-header)}.jwt-key--payload{color:var(--jwt-payload)}.jwt-key--signature{color:var(--jwt-signature)}.jwt-columns{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.jwt-panel{flex-direction:column;gap:.4rem;min-width:0;display:flex}.jwt-panel-head{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.jwt-title{color:var(--text-primary);margin:0;font-size:.9rem;font-weight:700}.jwt-title--header{color:var(--jwt-header)}.jwt-title--payload{color:var(--jwt-payload)}.jwt-title--signature{color:var(--jwt-signature)}.jwt-json{min-height:120px;max-height:320px}.jwt-claims{flex-direction:column;gap:.5rem;display:flex}.jwt-table td{white-space:normal;vertical-align:top}.jwt-table td:first-child{width:11rem}.jwt-table code{font-family:var(--font-mono);color:var(--text-primary);font-weight:700}.jwt-claim-label{color:var(--text-secondary);font-size:.75rem;display:block}.jwt-claim-value{font-family:var(--font-mono);overflow-wrap:anywhere}.jwt-time{color:var(--text-secondary);flex-direction:column;gap:.1rem;margin-top:.25rem;font-size:.8rem;display:flex}.jwt-relative{color:var(--text-primary);font-weight:600}.jwt-warn-text{color:var(--accent-amber)}[data-theme=light] .jwt-warn-text{color:#b45309}.jwt-verify{border:1px solid var(--border-card);border-radius:var(--radius-md);background:var(--bg-card);flex-direction:column;gap:.6rem;padding:1rem;display:flex}.jwt-signature{font:.8rem/1.5 var(--font-mono);color:var(--jwt-signature);word-break:break-all}.jwt-secret{font-family:var(--font-mono)}.jwt-verdict{color:var(--text-secondary);align-items:flex-start;gap:.5rem;margin:0;font-size:.9rem;font-weight:600;display:flex}.jwt-verdict>svg{flex-shrink:0;margin-top:.1rem}.jwt-verdict.is-valid{color:var(--accent-emerald)}.jwt-verdict.is-invalid{color:var(--accent-red)}[data-theme=light] .jwt-verdict.is-valid{color:#047857}[data-theme=light] .jwt-verdict.is-invalid{color:#b91c1c}@media (width<=768px){.jwt-columns{grid-template-columns:minmax(0,1fr)}.jwt-table td:first-child{width:7.5rem}}@media (width<=600px){.jwt-tool .ui-btn-sm,.jwt-tool .ui-segment,.jwt-tool .tk-chain-trigger{min-height:40px}}