.jwts__alg-group{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0}.jwts__alg-btn{padding:6px 14px;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg);color:var(--color-text-soft);font-family:var(--font-mono, ui-monospace, SFMono-Regular, Menlo, monospace);font-size:13px;font-weight:600;cursor:pointer;transition:all .15s ease}.jwts__alg-btn:hover{border-color:var(--color-primary);color:var(--color-primary)}.jwts__alg-btn--active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.jwts__alg-btn--insecure{border-color:#dc26264d;color:#b91c1c}.jwts__alg-btn--insecure:hover{border-color:var(--color-error);color:var(--color-error);background:#dc26260a}.jwts__alg-btn--insecure.jwts__alg-btn--active{background:var(--color-error);border-color:var(--color-error);color:#fff}.jwts__alg-desc{margin-top:8px;padding:8px 12px;border-radius:var(--radius-sm);background:#2b6cff0f;border:1px solid rgba(43,108,255,.2);font-size:12.5px;line-height:1.6;color:var(--color-text)}.jwts__alg-desc code{font-family:var(--font-mono, ui-monospace, SFMono-Regular, Menlo, monospace);color:var(--color-primary);font-weight:600}.jwts__alg-desc--insecure{background:#dc262614;border-color:#dc26264d}.jwts__alg-desc--insecure code{color:var(--color-error)}.jwts__warn-text{color:#d97706;font-weight:500}.jwts__alg-desc--insecure .jwts__warn-text{color:var(--color-error)}.jwts__section{padding:12px 16px;border-bottom:1px solid var(--color-border)}.jwts__section:last-of-type{border-bottom:none}.jwts__section-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;flex-wrap:wrap}.jwts__label{font-size:13px;font-weight:500;color:var(--color-text-soft)}.jwts__label code{font-family:var(--font-mono, ui-monospace, SFMono-Regular, Menlo, monospace);color:var(--color-primary)}.jwts__json-input{width:100%;padding:10px 12px;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg);color:var(--color-text);font-family:var(--font-mono, ui-monospace, SFMono-Regular, Menlo, monospace);font-size:13px;line-height:1.6;resize:vertical;transition:border-color .15s ease,box-shadow .15s ease}.jwts__json-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #2b6cff1f}.jwts__json-input[aria-invalid=true]{border-color:var(--color-error)}.jwts__claims-ref{margin-top:8px;font-size:12.5px;color:var(--color-text-soft)}.jwts__claims-ref summary{cursor:pointer;color:var(--color-primary);font-weight:500}.jwts__claims-ref ul{margin:8px 0 0;padding-left:20px}.jwts__claims-ref li{padding:2px 0}.jwts__claims-ref code{font-family:var(--font-mono, ui-monospace, SFMono-Regular, Menlo, monospace);color:var(--color-primary);font-weight:600}.jwts__key-area{display:flex;flex-direction:column;gap:8px}.jwts__key-head{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.jwts__key-format{display:flex;gap:12px;font-size:12.5px}.jwts__radio{display:inline-flex;align-items:center;gap:4px;cursor:pointer;color:var(--color-text-soft)}.jwts__radio input{cursor:pointer}.jwts__key-input{width:100%;padding:8px 12px;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg);color:var(--color-text);font-family:var(--font-mono, ui-monospace, SFMono-Regular, Menlo, monospace);font-size:13px;transition:border-color .15s ease,box-shadow .15s ease}.jwts__key-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #2b6cff1f}.jwts__key-hint{margin:0;font-size:12px;color:var(--color-text-muted)}.jwts__key-hint code{font-family:var(--font-mono, ui-monospace, SFMono-Regular, Menlo, monospace);color:var(--color-primary);font-weight:600}.jwts__rsa-gen{display:flex;gap:8px;align-items:center}.jwts__select{padding:4px 8px;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg);color:var(--color-text);font-size:12.5px;cursor:pointer}.jwts__rsa-input{width:100%;padding:10px 12px;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg);color:var(--color-text);font-family:var(--font-mono, ui-monospace, SFMono-Regular, Menlo, monospace);font-size:12px;line-height:1.5;resize:vertical}.jwts__rsa-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #2b6cff1f}.jwts__keypair{margin-top:8px;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg-soft)}.jwts__keypair-head{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;border-bottom:1px solid var(--color-border);flex-wrap:wrap;gap:8px}.jwts__keypair-title{font-size:12.5px;color:var(--color-text-soft)}.jwts__keypair-tabs{display:flex;gap:4px}.jwts__tab{padding:3px 10px;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg);color:var(--color-text-soft);font-size:12px;font-family:var(--font-mono, ui-monospace, SFMono-Regular, Menlo, monospace);cursor:pointer}.jwts__tab--active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.jwts__keypair-body{padding:8px 12px}.jwts__keypair-body details{margin:4px 0}.jwts__keypair-body summary{cursor:pointer;font-size:12.5px;color:var(--color-primary);padding:4px 0}.jwts__key-pre{margin:6px 0;padding:8px 10px;background:var(--color-bg-code);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-family:var(--font-mono, ui-monospace, SFMono-Regular, Menlo, monospace);font-size:11.5px;line-height:1.5;overflow:auto;max-height:240px;white-space:pre;word-break:break-all}.jwts__key-area--none .jwts__none-hint{padding:10px 12px;border-radius:var(--radius-sm);background:#dc26260f;border:1px solid rgba(220,38,38,.2);color:var(--color-text);font-size:12.5px;line-height:1.7}.jwts__key-area--none code{font-family:var(--font-mono, ui-monospace, SFMono-Regular, Menlo, monospace);color:var(--color-error);font-weight:600}.jwts__actions{display:flex;gap:8px;padding:12px 16px;border-top:1px solid var(--color-border);flex-wrap:wrap}.jwts__error{margin:12px 16px;padding:10px 14px;border-radius:var(--radius-sm);background:#dc262614;border:1px solid rgba(220,38,38,.2);color:var(--color-error);font-size:13px}.jwts__error-text{color:var(--color-error);font-size:12px}.jwts__alert{margin:12px 16px;padding:12px 16px;border-radius:var(--radius-sm);background:#dc262614;border:1px solid rgba(220,38,38,.3);border-left:4px solid var(--color-error);color:var(--color-text);font-size:13px;line-height:1.7}.jwts__alert strong{color:var(--color-error)}.jwts__alert code{font-family:var(--font-mono, ui-monospace, SFMono-Regular, Menlo, monospace);background:#dc26261a;padding:1px 6px;border-radius:3px;color:var(--color-error);font-weight:600}.jwts__alert-link{color:var(--color-primary);text-decoration:underline}.jwts__result{padding:12px 16px;border-top:1px solid var(--color-border);display:flex;flex-direction:column;gap:12px}.jwts__result-row{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg);overflow:hidden}.jwts__result-row--token{border-left:3px solid var(--color-primary)}.jwts__result-head{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;border-bottom:1px solid var(--color-border);background:var(--color-bg-soft)}.jwts__result-label{font-size:13px;font-weight:600;color:var(--color-text)}.jwts__copy-btn{padding:3px 10px;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg);color:var(--color-text-soft);font-size:12px;font-family:inherit;cursor:pointer;transition:all .15s ease}.jwts__copy-btn:hover{border-color:var(--color-primary);color:var(--color-primary)}.jwts__token-pre{margin:0;padding:12px 14px;background:var(--color-bg-code);color:var(--color-text);font-family:var(--font-mono, ui-monospace, SFMono-Regular, Menlo, monospace);font-size:12.5px;line-height:1.6;overflow:auto;max-height:200px;white-space:pre-wrap;word-break:break-all}.jwts__token-info{margin:0;padding:6px 12px;border-top:1px solid var(--color-border);background:var(--color-bg-soft);color:var(--color-text-muted);font-size:12px}.jwts__token-info code{font-family:var(--font-mono, ui-monospace, SFMono-Regular, Menlo, monospace);color:var(--color-primary);font-weight:600}.jwts__segments{display:flex;flex-direction:column;gap:12px}.jwts__seg{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg);overflow:hidden}.jwts__seg--header{border-left:3px solid #dc2626}.jwts__seg--payload{border-left:3px solid #7c3aed}.jwts__seg--signature{border-left:3px solid #2563eb}.jwts__seg-head{display:flex;align-items:center;gap:10px;padding:8px 12px;border-bottom:1px solid var(--color-border);background:var(--color-bg-soft);flex-wrap:wrap}.jwts__seg-tag{display:inline-block;padding:2px 10px;border-radius:4px;font-size:12px;font-weight:600;color:#fff;font-family:var(--font-mono, ui-monospace, SFMono-Regular, Menlo, monospace)}.jwts__seg-tag--header{background:#dc2626}.jwts__seg-tag--payload{background:#7c3aed}.jwts__seg-tag--signature{background:#2563eb}.jwts__seg-json{margin:0;padding:10px 12px;background:var(--color-bg-code);color:var(--color-text);font-family:var(--font-mono, ui-monospace, SFMono-Regular, Menlo, monospace);font-size:12.5px;line-height:1.6;overflow:auto;max-height:240px;white-space:pre}.jwts__seg-b64{margin:0;padding:6px 12px;border-top:1px solid var(--color-border);background:var(--color-bg-soft);color:var(--color-text-muted);font-size:11.5px;word-break:break-all}.jwts__seg-b64 code{font-family:var(--font-mono, ui-monospace, SFMono-Regular, Menlo, monospace);color:var(--color-text-soft)}.jwts__sig-value{padding:10px 12px;background:var(--color-bg-code);color:var(--color-text);font-family:var(--font-mono, ui-monospace, SFMono-Regular, Menlo, monospace);font-size:12px;word-break:break-all;line-height:1.6;max-height:160px;overflow:auto}.jwts__next-hint{margin:0;padding:8px 12px;border-radius:var(--radius-sm);background:#2b6cff0f;color:var(--color-text-soft);font-size:12px;line-height:1.6}.jwts__next-hint a{color:var(--color-primary);text-decoration:underline}.jwts__notice{margin:12px 16px;padding:8px 14px;border-radius:var(--radius-sm);background:#1aaa5514;color:var(--color-success);font-size:13px;text-align:center}@media(prefers-color-scheme:dark){.jwts__seg-tag--header{background:#f87171;color:#1f1414}.jwts__seg-tag--payload{background:#c084fc;color:#1f1429}.jwts__seg-tag--signature{background:#60a5fa;color:#0f1a2e}}@media(max-width:768px){.jwts__key-head,.jwts__section-head{flex-direction:column;align-items:stretch}.jwts__key-format{flex-wrap:wrap;gap:8px}.jwts__alg-group{gap:6px}.jwts__alg-btn{padding:5px 10px;font-size:12px}.jwts__actions{flex-direction:column}.jwts__actions .btn{width:100%}}@media(max-width:480px){.jwts__alg-group{flex-direction:column}.jwts__alg-btn{width:100%;text-align:left}}