.jwt-input-area{margin-bottom:1.5rem}.jwt-input-area textarea{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);width:100%;min-height:120px;color:var(--text-primary);font-family:var(--font-mono);resize:vertical;word-break:break-all;padding:1rem;font-size:.85rem;line-height:1.6;transition:border-color .2s}.jwt-input-area textarea:focus{border-color:var(--accent-primary);outline:none;box-shadow:0 0 0 2px #6366f126}.jwt-input-area textarea::placeholder{color:var(--text-tertiary)}.jwt-results{flex-direction:column;gap:1.5rem;display:flex}.jwt-section{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);overflow:hidden}.jwt-section-header{border-bottom:1px solid var(--border-subtle);background:#ffffff05;justify-content:space-between;align-items:center;padding:.75rem 1.25rem;display:flex}.jwt-section-title{color:var(--text-primary);align-items:center;gap:.5rem;font-size:.95rem;font-weight:600;display:flex}.jwt-section-badge{border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.05em;padding:.15rem .5rem;font-size:.7rem;font-weight:600}.badge-header{color:var(--accent-primary);background:#6366f126}.badge-payload{color:var(--accent-secondary);background:#a855f726}.badge-signature{color:var(--success);background:#22c55e26}.jwt-section-body{padding:1rem 1.25rem}.jwt-claims-table{border-collapse:collapse;width:100%}.jwt-claims-table tr{border-bottom:1px solid var(--border-subtle)}.jwt-claims-table tr:last-child{border-bottom:none}.jwt-claims-table td{vertical-align:top;padding:.6rem .5rem;font-size:.85rem}.claim-key{color:var(--accent-primary);font-family:var(--font-mono);white-space:nowrap;width:140px;font-weight:600}.claim-label{color:var(--text-tertiary);width:120px;font-size:.75rem}.claim-value{color:var(--text-primary);font-family:var(--font-mono);word-break:break-all}.claim-value.timestamp{flex-direction:column;gap:.15rem;display:flex}.timestamp-decoded{color:var(--text-secondary);font-size:.8rem;font-family:var(--font-sans)}.signature-text{font-family:var(--font-mono);color:var(--text-secondary);word-break:break-all;font-size:.85rem;line-height:1.6}.jwt-expiry-badge{border-radius:var(--radius-full);align-items:center;gap:.4rem;padding:.3rem .75rem;font-size:.8rem;font-weight:600;display:inline-flex}.expired{color:var(--error);background:#ef444426}.valid{color:var(--success);background:#22c55e26}@media (max-width:600px){.claim-label{display:none}.claim-key{width:100px}}