.JWTDecoderTool-module__-e7T1q__root{gap:var(--space-5);flex-direction:column;display:flex}.JWTDecoderTool-module__-e7T1q__inputWrap{gap:var(--space-2);flex-direction:column;display:flex}.JWTDecoderTool-module__-e7T1q__label{color:var(--text);font-size:.875rem;font-weight:600}.JWTDecoderTool-module__-e7T1q__textarea{padding:var(--space-3) var(--space-4);background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius-lg);font-family:var(--font-mono);color:var(--text);resize:vertical;transition:border-color var(--transition-fast);word-break:break-all;outline:none;font-size:.8rem;line-height:1.6}.JWTDecoderTool-module__-e7T1q__textarea:focus{border-color:var(--primary)}.JWTDecoderTool-module__-e7T1q__textareaErr{border-color:var(--error)}.JWTDecoderTool-module__-e7T1q__error{color:var(--error);font-size:.8125rem}.JWTDecoderTool-module__-e7T1q__exampleBtn{padding:var(--space-1) var(--space-3);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-full);color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);align-self:flex-start;font-size:.8rem}.JWTDecoderTool-module__-e7T1q__exampleBtn:hover{background:var(--primary-light);color:var(--primary-text);border-color:var(--primary)}.JWTDecoderTool-module__-e7T1q__metaRow{align-items:flex-start;gap:var(--space-2);flex-wrap:wrap;display:flex}.JWTDecoderTool-module__-e7T1q__badge{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);font-size:.8125rem;display:flex}.JWTDecoderTool-module__-e7T1q__badgeKey{color:var(--text-subtle);font-weight:500}.JWTDecoderTool-module__-e7T1q__badgeOk{color:#065f46;background:#ecfdf5;border-color:#059669}.JWTDecoderTool-module__-e7T1q__badgeExp{color:#991b1b;background:#fef2f2;border-color:#dc2626}[data-theme=dark] .JWTDecoderTool-module__-e7T1q__badgeOk{color:#6ee7b7;background:#052e16}[data-theme=dark] .JWTDecoderTool-module__-e7T1q__badgeExp{color:#fca5a5;background:#450a0a}.JWTDecoderTool-module__-e7T1q__tokenViz{font-family:var(--font-mono);word-break:break-all;padding:var(--space-4);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);font-size:.775rem;line-height:1.7}.JWTDecoderTool-module__-e7T1q__segHeader{color:#dc2626}.JWTDecoderTool-module__-e7T1q__segPayload{color:#7c3aed}.JWTDecoderTool-module__-e7T1q__segSig{color:#059669}.JWTDecoderTool-module__-e7T1q__dot{color:var(--text-muted);font-weight:700}[data-theme=dark] .JWTDecoderTool-module__-e7T1q__segHeader{color:#fca5a5}[data-theme=dark] .JWTDecoderTool-module__-e7T1q__segPayload{color:#c4b5fd}[data-theme=dark] .JWTDecoderTool-module__-e7T1q__segSig{color:#6ee7b7}.JWTDecoderTool-module__-e7T1q__segLegend{gap:var(--space-4);font-size:.8rem;display:flex}.JWTDecoderTool-module__-e7T1q__legHeader{color:#dc2626;font-weight:600}.JWTDecoderTool-module__-e7T1q__legPayload{color:#7c3aed;font-weight:600}.JWTDecoderTool-module__-e7T1q__legSig{color:#059669;font-weight:600}[data-theme=dark] .JWTDecoderTool-module__-e7T1q__legHeader{color:#fca5a5}[data-theme=dark] .JWTDecoderTool-module__-e7T1q__legPayload{color:#c4b5fd}[data-theme=dark] .JWTDecoderTool-module__-e7T1q__legSig{color:#6ee7b7}.JWTDecoderTool-module__-e7T1q__tabs{border-bottom:1px solid var(--border);display:flex}.JWTDecoderTool-module__-e7T1q__tab{padding:var(--space-2) var(--space-5);cursor:pointer;color:var(--text-muted);transition:all var(--transition-fast);background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;font-size:.875rem;font-weight:500}.JWTDecoderTool-module__-e7T1q__tab:hover{color:var(--text)}.JWTDecoderTool-module__-e7T1q__tabActive{color:var(--primary-text);border-bottom-color:var(--primary)}.JWTDecoderTool-module__-e7T1q__claimsCard{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.JWTDecoderTool-module__-e7T1q__claimsHead{padding:var(--space-2) var(--space-4);background:var(--bg-alt);text-transform:uppercase;letter-spacing:.05em;color:var(--text-subtle);grid-template-columns:80px 1fr 1fr;font-size:.75rem;font-weight:600;display:grid}.JWTDecoderTool-module__-e7T1q__claimRow{padding:var(--space-3) var(--space-4);border-top:1px solid var(--border);align-items:start;gap:var(--space-3);transition:background var(--transition-fast);grid-template-columns:80px 1fr 1fr;display:grid}.JWTDecoderTool-module__-e7T1q__claimRow:hover{background:var(--bg-alt)}.JWTDecoderTool-module__-e7T1q__claimKey{font-family:var(--font-mono);color:var(--primary-text);font-size:.8375rem;font-weight:600}.JWTDecoderTool-module__-e7T1q__claimVal{flex-direction:column;gap:2px;display:flex}.JWTDecoderTool-module__-e7T1q__claimVal code{font-family:var(--font-mono);color:var(--text);word-break:break-all;font-size:.8375rem}.JWTDecoderTool-module__-e7T1q__claimSub{color:var(--text-muted);font-size:.75rem}.JWTDecoderTool-module__-e7T1q__claimDesc{color:var(--text-subtle);font-size:.8rem}.JWTDecoderTool-module__-e7T1q__rawCard{gap:var(--space-3);flex-direction:column;display:flex}.JWTDecoderTool-module__-e7T1q__rawSection{gap:var(--space-1);flex-direction:column;display:flex}.JWTDecoderTool-module__-e7T1q__rawLabel{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);font-size:.75rem;font-weight:700}.JWTDecoderTool-module__-e7T1q__rawVal{font-family:var(--font-mono);color:var(--text);word-break:break-all;padding:var(--space-3);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);font-size:.8rem}.JWTDecoderTool-module__-e7T1q__sigNote{align-items:flex-start;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--bg-alt);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-muted);font-size:.8125rem;display:flex}@media (max-width:640px){.JWTDecoderTool-module__-e7T1q__claimsHead,.JWTDecoderTool-module__-e7T1q__claimRow{grid-template-columns:80px 1fr}.JWTDecoderTool-module__-e7T1q__claimsHead span:last-child,.JWTDecoderTool-module__-e7T1q__claimRow .JWTDecoderTool-module__-e7T1q__claimDesc{display:none}}