.jd-bc{font-family:var(--font-accent);font-size:.75rem;letter-spacing:.06em;color:var(--muted);margin-bottom:2rem}.jd-bc a{color:var(--muted);text-decoration:none}.jd-bc a:hover{color:var(--text)}.jd-bc span{margin:0 .5rem}.jd-head{margin-bottom:1.5rem}.jd-head h1{font-family:var(--font-heading);font-size:1.75rem;font-weight:900;letter-spacing:-.02em;margin-bottom:.4rem}.jd-head p{font-size:.875rem;color:var(--mid)}.jd-warning{display:flex;gap:.6rem;align-items:flex-start;background:#ec797914;border:1px solid rgba(236,121,121,.35);border-radius:var(--radius-md);padding:.8rem 1rem;margin-bottom:1.5rem;font-size:.8rem;color:#7a2020;line-height:1.55}.jd-warning-icon{font-size:1rem;flex-shrink:0;padding-top:.05rem}.jd-warning strong{display:block;font-family:var(--font-accent);font-size:.65rem;font-weight:700;letter-spacing:.08em;margin-bottom:.2rem;color:#c0392b}.jd-input-card{background:var(--white);border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden;margin-bottom:1.25rem}.jd-input-header{display:flex;align-items:center;justify-content:space-between;padding:.7rem 1rem;background:var(--bg);border-bottom:1px solid var(--border)}.jd-input-label{font-family:var(--font-accent);font-size:.65rem;font-weight:700;letter-spacing:.1em;color:var(--muted)}.jd-clear-btn{font-family:var(--font-accent);font-size:.65rem;font-weight:700;letter-spacing:.06em;padding:.28rem .8rem;border-radius:var(--radius-pill);border:1.5px solid var(--border);background:var(--white);color:var(--muted);cursor:pointer;transition:all .15s}.jd-clear-btn:hover{border-color:var(--red);color:var(--red)}.jd-input-ta{width:100%;min-height:90px;border:none;background:transparent;padding:.9rem 1rem;font-family:Courier New,Consolas,monospace;font-size:.82rem;color:var(--text);resize:vertical;outline:none;line-height:1.7}.jd-input-ta::placeholder{color:var(--muted);font-family:var(--font-body);font-size:.8rem}.jd-error{font-family:var(--font-accent);font-size:.72rem;font-weight:700;color:var(--red);padding:.6rem 1rem;background:#ec797912;border:1px solid rgba(236,121,121,.25);border-radius:var(--radius-sm);margin-bottom:1.25rem}.jd-visual{background:var(--white);border:1px solid var(--border);border-radius:var(--radius-md);padding:1.1rem 1.25rem;margin-bottom:1.25rem}.jd-visual-token{font-family:Courier New,Consolas,monospace;font-size:.82rem;word-break:break-all;line-height:1.7;margin-bottom:.6rem}.jd-dot{color:var(--muted);font-weight:400;margin:0 1px}.jd-col-h{color:#b33a3a}.jd-col-p{color:#2e6da4}.jd-col-s{color:#4a7a10}.jd-visual-legend{display:flex;gap:1.25rem;flex-wrap:wrap}.jd-visual-legend span{font-family:var(--font-accent);font-size:.63rem;font-weight:700;letter-spacing:.08em}.jd-sections{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:1.25rem}@media(max-width:860px){.jd-sections{grid-template-columns:1fr}}.jd-section{background:var(--white);border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden;display:flex;flex-direction:column}.jd-section.is-h{border-top:3px solid var(--red)}.jd-section.is-p{border-top:3px solid var(--blue)}.jd-section.is-s{border-top:3px solid var(--green)}.jd-sec-head{display:flex;align-items:center;gap:.5rem;padding:.6rem .85rem;background:var(--bg);border-bottom:1px solid var(--border);flex-shrink:0}.jd-sec-title{font-family:var(--font-accent);font-size:.65rem;font-weight:700;letter-spacing:.1em;flex:1}.jd-status-badge{font-family:var(--font-accent);font-size:.58rem;font-weight:700;letter-spacing:.06em;padding:.18rem .5rem;border-radius:var(--radius-pill)}.jd-status-badge.is-expired{background:#ec797926;color:#c0392b}.jd-status-badge.is-valid{background:#a2cc5e33;color:#4a7a10}.jd-status-badge.is-early{background:#7da0d333;color:#2e6da4}.jd-status-badge.is-unsigned{background:#00000012;color:var(--mid)}.jd-sec-copy{font-family:var(--font-accent);font-size:.6rem;font-weight:700;letter-spacing:.04em;padding:.22rem .6rem;border-radius:var(--radius-pill);border:1.5px solid var(--border);background:var(--white);color:var(--muted);cursor:pointer;transition:all .15s;flex-shrink:0}.jd-sec-copy:hover{border-color:var(--blue);color:var(--blue)}.jd-sec-copy.copied{background:var(--green);border-color:var(--green);color:var(--white)}.jd-json-wrap{padding:.85rem;overflow:auto;max-height:320px;flex:1}.jd-json-pre{margin:0;font-family:Courier New,Consolas,monospace;font-size:.78rem;line-height:1.75;white-space:pre;color:var(--text)}.jd-hl-k{color:#2e6da4;font-weight:600}.jd-hl-s{color:#27ae60}.jd-hl-n{color:#c0392b}.jd-hl-b{color:#7b39ad}.jd-hl-nl{color:#7f8c8d}.jd-sig-wrap{padding:.85rem;flex:1}.jd-sig-code{display:block;font-family:Courier New,Consolas,monospace;font-size:.72rem;color:var(--mid);word-break:break-all;line-height:1.7;margin-bottom:.6rem}.jd-sig-note{font-size:.72rem;color:var(--muted);margin:0}.jd-none-warn{display:inline-flex;align-items:center;gap:.35rem;font-family:var(--font-accent);font-size:.65rem;font-weight:700;color:#c0392b;background:#ec79791a;border:1px solid rgba(236,121,121,.25);border-radius:var(--radius-sm);padding:.4rem .7rem;margin-top:.5rem}.jd-claims{background:var(--white);border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden;margin-bottom:1.25rem}.jd-claims-header{font-family:var(--font-accent);font-size:.65rem;font-weight:700;letter-spacing:.1em;color:var(--muted);padding:.65rem 1rem;background:var(--bg);border-bottom:1px solid var(--border)}.jd-claim-list{padding:.25rem 0}.jd-claim-row{display:grid;grid-template-columns:4rem 1fr 1fr;gap:.25rem .75rem;align-items:start;padding:.65rem 1rem;border-bottom:1px solid var(--border)}.jd-claim-row:last-child{border-bottom:none}.jd-claim-key{font-family:Courier New,Consolas,monospace;font-size:.8rem;font-weight:700;color:#2e6da4;padding-top:.05rem}.jd-claim-name{font-size:.78rem;font-weight:600;color:var(--text);margin-bottom:.15rem}.jd-claim-desc{font-size:.72rem;color:var(--muted)}.jd-claim-val{font-family:Courier New,Consolas,monospace;font-size:.78rem;color:var(--mid);word-break:break-all}.jd-claim-time{font-size:.72rem;color:var(--muted);margin-top:.15rem}.jd-claim-expired{color:#c0392b;font-weight:700}.jd-claim-early{color:#2e6da4}.jd-verify{background:var(--white);border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden;margin-bottom:1.5rem}.jd-verify-header{font-family:var(--font-accent);font-size:.65rem;font-weight:700;letter-spacing:.1em;color:var(--muted);padding:.65rem 1rem;background:var(--bg);border-bottom:1px solid var(--border)}.jd-verify-body{padding:1rem}.jd-verify-alg-info{display:flex;align-items:center;gap:.5rem;margin-bottom:.9rem}.jd-alg-badge{font-family:Courier New,Consolas,monospace;font-size:.72rem;font-weight:700;padding:.2rem .55rem;border-radius:var(--radius-sm);background:#7da0d31f;color:#2e6da4;border:1px solid rgba(125,160,211,.3)}.jd-alg-type{font-size:.72rem;color:var(--muted)}.jd-verify-key-label{font-family:var(--font-accent);font-size:.62rem;font-weight:700;letter-spacing:.08em;color:var(--muted);display:block;margin-bottom:.4rem}.jd-key-input,.jd-key-ta{width:100%;border:1.5px solid var(--border);border-radius:var(--radius-sm);padding:.55rem .75rem;font-family:Courier New,Consolas,monospace;font-size:.8rem;color:var(--text);outline:none;background:var(--bg);transition:border-color .15s;margin-bottom:.75rem}.jd-key-ta{min-height:80px;resize:vertical;line-height:1.6}.jd-key-input:focus,.jd-key-ta:focus{border-color:var(--blue);background:var(--white)}.jd-verify-btn{font-family:var(--font-accent);font-size:.72rem;font-weight:700;letter-spacing:.06em;padding:.5rem 1.5rem;border-radius:var(--radius-pill);border:none;background:var(--black);color:var(--white);cursor:pointer;transition:opacity .15s}.jd-verify-btn:disabled{opacity:.4;cursor:not-allowed}.jd-verify-btn:hover:not(:disabled){opacity:.8}.jd-verify-result{display:flex;align-items:center;gap:.6rem;margin-top:.85rem;padding:.7rem 1rem;border-radius:var(--radius-sm);font-size:.8rem;font-weight:600}.jd-verify-result.is-valid{background:#a2cc5e26;border:1px solid rgba(162,204,94,.4);color:#3a6010}.jd-verify-result.is-invalid{background:#ec79791f;border:1px solid rgba(236,121,121,.35);color:#8a2020}.jd-verify-result.is-error{background:#0000000a;border:1px solid var(--border);color:var(--mid)}.jd-verify-result-icon{font-size:1.1rem}.jd-verify-none-msg{font-size:.78rem;color:var(--muted);padding:.5rem 0}.jd-verify-no-jwt{font-size:.78rem;color:var(--muted);padding:.25rem 0}