.jwt-decoder{width:100%;padding:var(--s5);background-color:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow);gap:var(--s4);flex-direction:column;margin:0 auto;display:flex}.jwt-decoder .head{justify-content:space-between;align-items:center;gap:var(--s3);display:flex}.jwt-decoder .head button{min-height:34px;padding:0 var(--s3);font-size:.82rem}.jwt-decoder textarea{min-height:120px;font-family:var(--font-mono);overflow-wrap:anywhere;font-size:.82rem}.jwt-decoder #jwt-header,.jwt-decoder #jwt-payload,.jwt-decoder #jwt-signature{background-color:var(--surface-inset);color:var(--text)}.jwt-decoder #jwt-signature{min-height:60px}.jwt-decoder .panes{gap:var(--s3);grid-template-columns:1fr;display:grid}.jwt-decoder .state{font-size:.9rem;font-weight:600}.jwt-decoder .state-warn{color:var(--danger)}.jwt-decoder .state-good{color:var(--success)}.jwt-decoder .state-info{color:var(--text-2)}.jwt-decoder .claims h2,.jwt-decoder .registered h2{margin-bottom:var(--s3);font-size:.95rem}.jwt-decoder .claims ul,.jwt-decoder .registered ul{gap:var(--s2);flex-direction:column;list-style:none;display:flex}.jwt-decoder .claims li{padding:var(--s3);background-color:var(--surface-inset);border:1px solid var(--border);border-radius:var(--r-sm);border-left-width:3px}.jwt-decoder .claims li.known{border-left-color:var(--accent)}.jwt-decoder .claim-head{align-items:baseline;gap:var(--s2);flex-wrap:wrap;display:flex}.jwt-decoder .claim-name{color:var(--muted);font-size:.8rem;font-weight:600}.jwt-decoder .claim-value{font-family:var(--font-mono);overflow-wrap:anywhere;color:var(--text);font-size:.82rem}.jwt-decoder .claim-note{color:var(--muted);font-size:.78rem}.jwt-decoder .registered li{color:var(--text-2);font-size:.84rem;line-height:1.5}.jwt-decoder code{background-color:var(--surface-inset);font-family:var(--font-mono);border-radius:3px;padding:1px 4px;font-size:.85em}@media (min-width:780px){.jwt-decoder .panes{grid-template-columns:1fr 1fr}}