.tool-jwt[data-v-8c988a3f]{--jwt-header: #e03131;--jwt-payload: #ae3ec9;--jwt-sig: #1098ad;--accent: #ae3ec9;--accent-h: #9c36b5;--accent-bg: #f3d9fa}.dark .tool-jwt[data-v-8c988a3f]{--jwt-header: #ff6b6b;--jwt-payload: #da77f2;--jwt-sig: #66d9e8;--accent-bg: #2a1a3a}.section-label[data-v-8c988a3f]{display:flex;align-items:center;gap:6px;padding:6px 12px;font-family:var(--mono);font-size:11px;font-weight:600;color:var(--text3);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border);background:var(--surface-alt)}.label-btn[data-v-8c988a3f]{padding:1px 8px;border:1px solid var(--border);border-radius:3px;background:transparent;color:var(--text3);font-family:var(--mono);font-size:10px;cursor:pointer;transition:all .1s}.label-btn[data-v-8c988a3f]:hover{color:var(--text);background:var(--surface);border-color:var(--border-s)}.result-spacer[data-v-8c988a3f]{flex:1}.jwt-input-wrap[data-v-8c988a3f]{position:relative;border-bottom:1px solid var(--border)}.jwt-textarea[data-v-8c988a3f]{width:100%;min-height:100px;padding:16px;border:none;background:transparent;color:transparent;caret-color:var(--text);font-family:var(--mono);font-size:13px;line-height:1.6;resize:vertical;outline:none;word-break:break-all;position:relative;z-index:1}.jwt-textarea[data-v-8c988a3f]::placeholder{color:var(--text3)}.jwt-colorized[data-v-8c988a3f]{position:absolute;inset:0;padding:16px;margin:0;font-family:var(--mono);font-size:13px;line-height:1.6;word-break:break-all;white-space:pre-wrap;pointer-events:none;background:var(--surface);overflow:hidden;z-index:0}[data-v-8c988a3f] .jwt-bearer{color:var(--text3)}[data-v-8c988a3f] .jwt-part-header{color:var(--jwt-header)}[data-v-8c988a3f] .jwt-part-payload{color:var(--jwt-payload)}[data-v-8c988a3f] .jwt-part-sig{color:var(--jwt-sig)}[data-v-8c988a3f] .jwt-dot{color:var(--text3)}.jwt-sections[data-v-8c988a3f]{display:flex;flex-direction:column}.jwt-section[data-v-8c988a3f]{border-bottom:1px solid var(--border)}.jwt-section[data-v-8c988a3f]:last-child{border-bottom:none}.jwt-section-header[data-v-8c988a3f]{display:flex;align-items:center;gap:8px;padding:10px 16px;background:var(--surface-alt);border-bottom:1px solid var(--border);font-family:var(--mono);font-size:13px}.jwt-section-header strong[data-v-8c988a3f]{color:var(--text)}.jwt-section-header .spacer[data-v-8c988a3f]{flex:1}.jwt-section-dot[data-v-8c988a3f]{width:10px;height:10px;border-radius:50%;flex-shrink:0}.dot-header[data-v-8c988a3f]{background:var(--jwt-header)}.dot-payload[data-v-8c988a3f]{background:var(--jwt-payload)}.dot-sig[data-v-8c988a3f]{background:var(--jwt-sig)}.jwt-section-alg[data-v-8c988a3f]{padding:2px 8px;background:var(--surface);border:1px solid var(--border);border-radius:4px;font-size:11px;color:var(--text2)}.jwt-exp-badge[data-v-8c988a3f]{padding:2px 8px;border-radius:4px;font-size:11px;font-weight:600}.exp-expired[data-v-8c988a3f]{background:var(--red-bg);color:var(--red)}.exp-valid[data-v-8c988a3f]{background:var(--green-bg);color:var(--green)}.jwt-section-body[data-v-8c988a3f]{padding:12px 16px}.jwt-json[data-v-8c988a3f]{margin:0;padding:0;font-family:var(--mono);font-size:13px;line-height:1.6;white-space:pre;overflow-x:auto;color:var(--text);background:transparent;border:none}.jwt-sig[data-v-8c988a3f]{margin:0;padding:0;font-family:var(--mono);font-size:13px;line-height:1.6;word-break:break-all;white-space:pre-wrap;color:var(--jwt-sig)}.jwt-note[data-v-8c988a3f]{margin:8px 0 0;font-size:12px;color:var(--text3);font-style:italic}.jwt-claims[data-v-8c988a3f]{margin-top:12px;border-top:1px solid var(--border);padding-top:12px}.jwt-claim[data-v-8c988a3f]{display:flex;gap:12px;padding:4px 0;font-size:12px;line-height:1.5}.jwt-claim-key[data-v-8c988a3f]{flex-shrink:0;font-family:var(--mono);font-weight:600;color:var(--text2);min-width:140px}.jwt-claim-val[data-v-8c988a3f]{color:var(--text);word-break:break-all}[data-v-8c988a3f] .syn-key{color:var(--syn-key)}[data-v-8c988a3f] .syn-string{color:var(--syn-string)}[data-v-8c988a3f] .syn-number{color:var(--syn-number)}[data-v-8c988a3f] .syn-boolean{color:var(--syn-boolean)}[data-v-8c988a3f] .syn-null{color:var(--syn-null)}@media(max-width:768px){.jwt-claim[data-v-8c988a3f]{flex-direction:column;gap:2px}.jwt-claim-key[data-v-8c988a3f]{min-width:0}}.tool-jwt[data-astro-cid-nedt6cok]{--accent: #ae3ec9;--accent-h: #9c36b5;--accent-bg: #f3d9fa}