.jwt-input-pane .cp-body{padding:0;overflow:hidden}.jwt-token-body{height:100%;min-height:0;position:relative}.jwt-token-ta{resize:none;width:100%;font-family:var(--font-mono);color:var(--text);white-space:pre;word-break:normal;scrollbar-width:auto;scrollbar-color:var(--border2) transparent;background:0 0;border:none;outline:none;height:100%;min-height:110px;max-height:none;padding:14px 16px;font-size:.8rem;line-height:1.7;overflow:auto}.jwt-token-ta--overlay{color:#0000;caret-color:var(--text);z-index:1;cursor:text;background:0 0;position:absolute;inset:0}.jwt-token-ta::placeholder{color:var(--text3);font-style:italic}.jwt-token-ta::-webkit-scrollbar{width:14px;height:14px}.jwt-token-ta::-webkit-scrollbar-thumb{background:var(--border2);border:3px solid var(--bg2);border-radius:var(--radius-pill)}.jwt-token-ta::-webkit-scrollbar-thumb:hover{background:var(--text3)}.jwt-token-ta::-webkit-scrollbar-track{background:var(--bg2)}.jwt-token-ta::-webkit-scrollbar-corner{background:var(--bg2)}.jwt-token-display{font-family:var(--font-mono);color:var(--text);white-space:pre;word-break:normal;cursor:text;scrollbar-width:auto;scrollbar-color:var(--border2) transparent;height:100%;min-height:110px;padding:14px 16px;font-size:.8rem;line-height:1.7;overflow:auto}.jwt-token-display::-webkit-scrollbar{width:14px;height:14px}.jwt-token-display::-webkit-scrollbar-thumb{background:var(--border2);border:3px solid var(--bg2);border-radius:var(--radius-pill)}.jwt-token-display::-webkit-scrollbar-thumb:hover{background:var(--text3)}.jwt-token-display::-webkit-scrollbar-track{background:var(--bg2)}.jwt-token-display::-webkit-scrollbar-corner{background:var(--bg2)}.jwt-seg--header{color:#ff7b72}.jwt-seg--payload{color:#79c0ff}.jwt-seg--signature{color:#38bdf8}.jwt-seg--dot{color:var(--text3)}.jwt-status-row{flex-wrap:wrap;align-items:stretch;gap:10px;display:flex}.jwt-expiry-card{border-radius:var(--radius-md);border:1px solid var(--border);background:var(--bg3);flex-direction:column;gap:3px;min-width:160px;padding:12px 18px;display:flex}.jwt-expiry-card.valid{background:rgba(var(--accent2-rgb), .06);border-color:rgba(var(--accent2-rgb), .3)}.jwt-expiry-card.expired{background:rgba(var(--red-rgb), .06);border-color:rgba(var(--red-rgb), .3)}.jwt-expiry-card.noexp{background:rgba(var(--blue-rgb), .06);border-color:rgba(var(--blue-rgb), .25)}.jwt-expiry-label{font-family:var(--font-mono);letter-spacing:.1em;color:var(--text3);text-transform:uppercase;font-size:.6rem;font-weight:700}.jwt-expiry-val{font-family:var(--font-mono);color:var(--text);font-size:.85rem;font-weight:700}.jwt-expiry-card.valid .jwt-expiry-label{color:var(--green)}.jwt-expiry-card.expired .jwt-expiry-label{color:var(--red)}.jwt-expiry-card.noexp .jwt-expiry-label{color:var(--blue)}.jwt-expiry-card.valid .jwt-expiry-val{color:var(--green)}.jwt-expiry-card.expired .jwt-expiry-val{color:var(--red)}.jwt-badge-row{background:var(--bg3);border:1px solid var(--border);border-radius:var(--radius-md);flex-wrap:wrap;flex:1;align-items:center;gap:8px;padding:12px 18px;display:flex}.jwt-badge{font-family:var(--font-mono);border-radius:var(--radius-pill);align-items:center;gap:5px;padding:3px 10px;font-size:.7rem;font-weight:600;display:inline-flex}.jwt-badge--alg{background:rgba(var(--purple-rgb), .12);border:1px solid rgba(var(--purple-rgb), .3);color:var(--purple)}.jwt-badge--typ{background:rgba(var(--blue-rgb), .12);border:1px solid rgba(var(--blue-rgb), .3);color:var(--blue)}.jwt-badge--valid{background:rgba(var(--accent2-rgb), .12);border:1px solid rgba(var(--accent2-rgb), .3);color:var(--green)}.jwt-badge--err{background:rgba(var(--red-rgb), .1);border:1px solid rgba(var(--red-rgb), .25);color:var(--red)}.jwt-tabs-row{border-bottom:2px solid var(--border);scrollbar-width:none;gap:0;display:flex;overflow-x:auto}.jwt-tabs-row::-webkit-scrollbar{display:none}.jwt-tab{font-family:var(--font-mono);color:var(--text3);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:7px;margin-bottom:-2px;padding:10px 20px;font-size:.74rem;font-weight:600;transition:all .15s;display:flex}.jwt-tab:hover{color:var(--text2)}.jwt-tab.active--header{color:#ff7b72;border-bottom-color:#ff7b72}.jwt-tab.active--payload{color:var(--blue);border-bottom-color:var(--blue)}.jwt-tab.active--sig{color:var(--green);border-bottom-color:var(--green)}.jwt-decoded-pane .cp-dot{display:none}.jwt-decoded-pane .cp-title{flex:auto;gap:0;min-width:0}.jwt-tabs-row--pane{border-bottom:none;flex:auto;min-width:0}.jwt-decoded-pane .cp-body{background:var(--bg2)}.jwt-raw-toggle{cursor:pointer;font-family:var(--font-mono);color:var(--text2);-webkit-user-select:none;user-select:none;align-items:center;gap:7px;margin-right:4px;font-size:.7rem;display:flex}.jwt-claims{flex-direction:column;gap:0;display:flex}.jwt-claim-row{border-bottom:1px solid var(--border);grid-template-columns:200px 1fr;min-height:44px;display:grid}.jwt-claim-row:last-child{border-bottom:none}.jwt-claim-key{background:var(--bg3);border-right:1px solid var(--border);font-family:var(--font-mono);color:var(--accent);align-items:center;gap:8px;padding:10px 16px;font-size:.76rem;font-weight:700;display:flex}.jwt-claim-key-hint{color:var(--text3);white-space:nowrap;text-align:right;margin-left:auto;font-size:.62rem;font-weight:400}.jwt-claim-val{font-family:var(--font-mono);color:var(--text);word-break:break-all;flex-wrap:wrap;align-items:center;gap:10px;padding:10px 16px;font-size:.78rem;display:flex}.jwt-claim-time{color:var(--text3);font-size:.68rem;font-style:italic}.jwt-claim-badge{border-radius:var(--radius-xs);padding:2px 7px;font-size:.62rem;font-weight:700}.jwt-claim-badge--exp{background:rgba(var(--red-rgb), .12);color:var(--red);border:1px solid rgba(var(--red-rgb), .3)}.jwt-claim-badge--iat{background:rgba(var(--blue-rgb), .12);color:var(--blue);border:1px solid rgba(var(--blue-rgb), .3)}.jwt-claim-badge--nbf{background:rgba(var(--yellow-rgb), .12);color:var(--yellow);border:1px solid rgba(var(--yellow-rgb), .3)}.jwt-raw{font-family:var(--font-mono);color:var(--text);white-space:pre;scrollbar-width:auto;scrollbar-color:var(--border2) transparent;height:100%;max-height:none;margin:0;padding:16px;font-size:.78rem;line-height:1.65;overflow:auto}.jwt-raw::-webkit-scrollbar{width:14px;height:14px}.jwt-raw::-webkit-scrollbar-thumb{background:var(--border2);border:3px solid var(--bg2);border-radius:var(--radius-pill)}.jwt-raw::-webkit-scrollbar-thumb:hover{background:var(--text3)}.jwt-raw::-webkit-scrollbar-track{background:var(--bg2)}.jwt-raw::-webkit-scrollbar-corner{background:var(--bg2)}.jwt-raw .jk{color:var(--accent)}.jwt-raw .js{color:var(--green)}.jwt-raw .jn{color:#79c0ff}.jwt-raw .jb{color:var(--purple);font-weight:700}.jwt-raw .jnull{color:var(--text3);font-style:italic}.jwt-sig-info{flex-direction:column;gap:16px;padding:20px 16px;display:flex}.jwt-sig-notice{background:rgba(var(--yellow-rgb), .06);border:1px solid rgba(var(--yellow-rgb), .25);border-radius:var(--radius-md);color:var(--text2);align-items:flex-start;gap:12px;padding:14px 16px;font-size:.82rem;line-height:1.6;display:flex}.jwt-sig-icon{flex-shrink:0;font-size:1.3rem}.jwt-sig-raw-label{font-family:var(--font-mono);color:var(--text3);letter-spacing:.1em;text-transform:uppercase;margin-bottom:6px;font-size:.62rem;font-weight:700}.jwt-sig-raw-val{font-family:var(--font-mono);color:var(--green);word-break:break-all;background:var(--bg3);border:1px solid var(--border);border-radius:var(--radius-sm);padding:12px;font-size:.76rem}.jwt-samples-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.jwt-samples-label{font-family:var(--font-mono);color:var(--text3);letter-spacing:.1em;white-space:nowrap;font-size:.62rem;font-weight:700}.jwt-chips{flex-wrap:wrap;gap:6px;display:flex}.jwt-chip{font-family:var(--font-mono);border-radius:var(--radius-sm);border:1px solid var(--border2);background:var(--bg2);color:var(--text2);cursor:pointer;padding:4px 12px;font-size:.72rem;font-weight:500;transition:all .13s}.jwt-chip:hover{border-color:var(--accent);color:var(--accent);background:rgba(var(--accent-rgb), .07)}.jwt-placeholder{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:60px 40px;display:flex}.jwt-placeholder-icon{opacity:.35;font-size:3rem}.jwt-placeholder p{color:var(--text2);margin:0;font-size:.88rem}.jwt-placeholder span{color:var(--text3);font-size:.74rem;font-family:var(--font-mono)}@media (width<=640px){.jwt-claim-row{grid-template-columns:1fr}.jwt-claim-key{border-right:none;border-bottom:1px solid var(--border)}.jwt-status-row{flex-direction:column}.jwt-expiry-card{min-width:unset}}