.jwt-tool{display:flex;flex-direction:column;gap:var(--tool-block-gap);width:100%}.jwt-input-section{display:flex;flex-direction:column;gap:12px}.jwt-input-header{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.jwt-label{font-family:var(--tl-sans);font-size:15px;font-weight:600;line-height:1.33;color:var(--ink)}.jwt-privacy-badge{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:500;line-height:1.33;color:color-mix(in srgb,var(--good) 70%,var(--ink))}.jwt-privacy-badge svg{width:14px;height:14px;flex:none;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.jwt-textarea-wrap{position:relative;width:100%}.jwt-textarea{width:100%;min-height:140px;max-height:360px;font-family:var(--tl-mono);font-size:13.5px;line-height:1.55;color:var(--ink);background:var(--surface2);border:1px solid var(--line);border-radius:var(--pp-btn-radius,12px);padding:14px 16px;outline:0;resize:vertical;word-break:break-all;white-space:pre-wrap;transition:border-color .2s,background .35s}.jwt-textarea:focus{border-color:var(--link)}.jwt-textarea::placeholder{color:var(--soft-ink);font-family:var(--tl-mono);opacity:.85}.jwt-input-bar{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.jwt-input-left,.jwt-input-right{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.jwt-btn-sm{font-size:13px;font-weight:500;line-height:1;padding:8px 14px;border-radius:8px}.jwt-btn-xs{font-size:12px;font-weight:500;line-height:1;padding:6px 10px;border-radius:6px}.jwt-hint{margin:0;font-size:13px;font-weight:400;line-height:1.38;color:var(--muted)}.jwt-idle{display:flex;flex-direction:column;align-items:center;text-align:center;padding:clamp(28px,4vw,44px) clamp(16px,3vw,32px);border:1px dashed var(--line);border-radius:14px;background:var(--surface2)}.jwt-idle__icon{width:52px;height:52px;border-radius:50%;background:var(--surface);border:1px solid var(--line);display:grid;place-items:center;color:var(--link);margin-bottom:16px}.jwt-idle__icon svg{width:24px;height:24px}.jwt-idle__title{margin:0 0 8px;font-size:17px;font-weight:600;line-height:1.35;color:var(--ink)}.jwt-idle__desc{margin:0;max-width:56ch;font-size:14px;font-weight:400;line-height:1.55;color:var(--muted)}.jwt-error{margin-top:4px}.jwt-error__text{font-family:var(--tl-sans);font-size:14px;font-weight:500;line-height:1.4;color:var(--ink)}.jwt-results{display:flex;flex-direction:column;gap:var(--tool-block-gap);width:100%}.jwt-card{background:var(--surface2);border:1px solid var(--line);border-radius:14px;padding:clamp(16px,2.2vw,22px);transition:background .35s,border-color .35s}.jwt-summary__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px clamp(16px,2.4vw,28px)}.jwt-stat{display:flex;flex-direction:column;gap:4px}.jwt-stat__label{font-family:var(--tl-sans);font-size:12px;font-weight:500;line-height:1.33;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}.jwt-stat__val{font-family:var(--tl-sans);font-size:15px;font-weight:600;line-height:1.33;color:var(--ink);display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap}.jwt-stat__val--mono{font-family:var(--tl-mono)}.jwt-pill{display:inline-flex;align-items:center;gap:5px;padding:3px 8px;border-radius:6px;font-size:12px;font-weight:600;line-height:1.2}.jwt-pill--good{background:rgba(28,139,84,.12);color:color-mix(in srgb,var(--good) 70%,var(--ink));border:1px solid rgba(28,139,84,.25)}.jwt-pill--warn{background:rgba(194,98,14,.12);color:color-mix(in srgb,var(--warn) 70%,var(--ink));border:1px solid rgba(194,98,14,.25)}.jwt-pill--bad{background:rgba(196,50,46,.12);color:var(--bad);border:1px solid rgba(196,50,46,.25)}.jwt-pill--neutral{background:var(--chip-bg);color:var(--chip-ink);border:1px solid var(--line)}.jwt-summary__warn{margin-top:14px;padding-top:12px;border-top:1px solid var(--line);display:flex;align-items:center;gap:10px;font-size:13.5px;font-weight:500;line-height:1.45;color:color-mix(in srgb,var(--warn) 70%,var(--ink))}.jwt-summary__warn svg{width:18px;height:18px;flex:none;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.jwt-panels-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(14px,2vw,20px)}@media (max-width:768px){.jwt-panels-grid{grid-template-columns:1fr}}.jwt-panel{display:flex;flex-direction:column;gap:12px;min-width:0}.jwt-panel__head{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.jwt-panel__title-wrap{display:inline-flex;align-items:center;gap:8px}.jwt-tag{display:inline-block;font-family:var(--tl-mono);font-size:10.5px;font-weight:600;line-height:1;padding:3px 6px;border-radius:4px;letter-spacing:.06em}.jwt-tag--header{background:rgba(143,118,232,.15);color:var(--ink);border:1px solid rgba(143,118,232,.3)}.jwt-tag--payload{background:rgba(37,99,235,.15);color:var(--ink);border:1px solid rgba(37,99,235,.3)}.jwt-tag--sig{background:rgba(28,139,84,.15);color:color-mix(in srgb,var(--good) 70%,var(--ink));border:1px solid rgba(28,139,84,.3)}.jwt-panel__title{font-family:var(--tl-sans);font-size:15px;font-weight:600;line-height:1.33;color:var(--ink);margin:0}.jwt-code-container{width:100%;min-width:0}.jwt-code-pre{margin:0;width:100%;max-height:360px;overflow-x:auto;overflow-y:auto;background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:14px;outline:0}.jwt-code-pre--sm{max-height:100px}.jwt-code-pre:focus-visible{border-color:var(--link)}.jwt-code{font-family:var(--tl-mono);font-size:13px;line-height:1.5;color:var(--ink);white-space:pre}.jwt-code--sig{word-break:break-all;white-space:pre-wrap;color:var(--muted)}.jwt-claims{display:flex;flex-direction:column;gap:12px}.jwt-claims__badge{font-family:var(--tl-mono);font-size:12px;font-weight:600;color:var(--muted);background:var(--surface);border:1px solid var(--line);padding:3px 8px;border-radius:6px}.jwt-claims__sub{margin:0;font-size:13.5px;font-weight:400;line-height:1.45;color:var(--muted)}.jwt-claims__table-wrap{width:100%;overflow-x:auto;border-radius:10px;border:1px solid var(--line);background:var(--surface);outline:0}.jwt-claims__table{width:100%;min-width:600px;border-collapse:collapse;text-align:left;font-size:13.5px;line-height:1.45}.jwt-claims__table td,.jwt-claims__table th{padding:11px 14px;border-bottom:1px solid var(--line);vertical-align:top}.jwt-claims__table tbody tr:last-child td,.jwt-claims__table tbody tr:last-child th{border-bottom:none}.jwt-claims__table thead th{background:var(--surface2);color:var(--muted);font-family:var(--tl-sans);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid var(--line);white-space:nowrap}.jwt-claims__code{font-family:var(--tl-mono);font-weight:600;color:var(--link);background:rgba(37,99,235,.08);padding:2px 6px;border-radius:4px}.jwt-claims__val{font-family:var(--tl-mono);font-size:12.5px;color:var(--ink);word-break:break-all}.jwt-claims__meaning{font-weight:500;color:var(--ink);white-space:nowrap}.jwt-claims__interp{color:var(--muted)}.jwt-claims__empty{padding:16px;text-align:center;color:var(--muted);font-size:13.5px}.jwt-signature{display:flex;flex-direction:column;gap:12px}.jwt-sig__notice{display:flex;flex-direction:column;gap:6px;padding:14px 16px;background:rgba(194,98,14,.08);border:1px solid rgba(194,98,14,.25);border-radius:10px}.jwt-sig__notice-head{display:inline-flex;align-items:center;gap:8px;font-family:var(--tl-sans);font-size:14px;font-weight:600;color:color-mix(in srgb,var(--warn) 70%,var(--ink))}.jwt-sig__notice-head svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.jwt-sig__notice-head strong{color:inherit}.jwt-sig__notice p{margin:0;font-size:13px;font-weight:400;line-height:1.5;color:var(--ink)}.jwt-security-notice{display:flex;flex-direction:column;gap:12px}.jwt-sec-title{margin:0;display:inline-flex;align-items:center;gap:8px;font-family:var(--tl-sans);font-size:15px;font-weight:600;color:var(--ink)}.jwt-sec-title svg{width:18px;height:18px;fill:none;stroke:var(--good);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.jwt-sec-list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:8px}.jwt-sec-list li{font-size:13.5px;font-weight:400;line-height:1.5;color:var(--muted)}.jwt-sec-list strong{font-weight:600;color:var(--ink);margin-right:4px}.jwt-tool :is(.jwt-textarea,.jwt-code-pre,.jwt-claims__table-wrap):focus-visible{outline:2px solid var(--link);outline-offset:2px}.jwt-code-pre{direction:ltr;text-align:left}