.jwt{display:grid;gap:16px}.jwt__scope{font-size:14px;line-height:1.55;padding:12px 14px;border-radius:var(--wc-radius-sm);background:var(--color-surface-alt);border:1px dashed var(--color-border-strong);color:var(--color-text-secondary)}.jwt__scope strong{color:var(--color-text)}.jwt__textarea{min-height:130px;resize:vertical;word-break:break-all}.jwt__input-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:8px}.jwt__hint{font-size:12px;color:var(--color-text-muted)}.jwt__results{display:grid;gap:16px}.jwt__results[hidden],.jwt__pane[hidden],.jwt__chips[hidden],.jwt__toggle[hidden],.jwt__summary[hidden]{display:none}.jwt__summary{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.jwt__pill{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:650;letter-spacing:.01em;padding:4px 10px;border-radius:999px;border:1px solid var(--color-border);background:var(--color-surface-alt);color:var(--color-text-secondary)}.jwt__pill--valid{border-color:color-mix(in srgb,var(--color-success) 45%,var(--color-border));background:color-mix(in srgb,var(--color-success) 10%,var(--color-surface));color:var(--color-text)}.jwt__pill--expired,.jwt__pill--not-yet-valid{border-style:dashed;color:var(--color-text-muted)}.jwt__pill--type{font-family:var(--wc-font-mono, ui-monospace, monospace);font-weight:600}.jwt__detail{font-size:12px;color:var(--color-text-muted)}.jwt__pane{border:1px solid var(--color-border);border-radius:var(--wc-radius-md);padding:14px 16px;display:grid;gap:10px;min-width:0}.jwt__pane-head{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.jwt__pane-title{font-size:15px;font-weight:700;margin:0}.jwt__pane-actions{margin-left:auto;display:flex;align-items:center;gap:12px}.jwt__toggle{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--color-text-secondary);cursor:pointer;user-select:none}.jwt__json{margin:0;padding:12px;border-radius:var(--wc-radius-sm);background:var(--color-surface-alt);border:1px solid var(--color-border);font-size:13px;line-height:1.5;overflow-x:auto;white-space:pre;tab-size:2}.jwt__table-wrap{overflow-x:auto;min-width:0}.jwt__table{width:100%;border-collapse:collapse;font-size:13px}.jwt__table th{text-align:left;font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);font-weight:600;padding:0 12px 6px 0;border-bottom:1px solid var(--color-border);white-space:nowrap}.jwt__table td{padding:9px 12px 9px 0;border-bottom:1px solid var(--color-border);vertical-align:top}.jwt__table tr:last-child td{border-bottom:none}.jwt__claim-name{font-family:var(--wc-font-mono, ui-monospace, monospace);font-weight:650;white-space:nowrap;color:var(--color-text)}.jwt__claim-value{font-family:var(--wc-font-mono, ui-monospace, monospace);overflow-wrap:anywhere;word-break:break-word;max-width:46ch}.jwt__claim-desc{color:var(--color-text-secondary);line-height:1.5;max-width:52ch}.jwt__annotated{display:grid;gap:2px;margin-bottom:6px}.jwt__annotated:last-child{margin-bottom:0}.jwt__annotated-name{font-family:var(--wc-font-sans, inherit);font-weight:650;color:var(--color-text)}.jwt__annotated-raw{font-size:12px;color:var(--color-text-muted)}.jwt__time{display:grid;gap:2px}.jwt__time-relative{font-family:var(--wc-font-sans, inherit);font-size:12px;color:var(--color-text-muted)}.jwt__scopes{display:grid;gap:10px;padding-top:4px}.jwt__scope-group-label{font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);font-weight:600}.jwt__scope-group-note{font-size:12px;color:var(--color-text-muted);font-weight:400;text-transform:none;letter-spacing:0}.jwt__chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}.jwt__chip{font-family:var(--wc-font-mono, ui-monospace, monospace);font-size:12px;padding:3px 9px;border-radius:var(--wc-radius-sm);border:1px solid var(--color-border);background:var(--color-surface-alt);color:var(--color-text)}.jwt__sig-note{font-size:13px;color:var(--color-text-secondary);line-height:1.55}.jwt__sig-target{font-size:12px;color:var(--color-text-muted);line-height:1.5}.jwt__sig-target code{font-size:12px;color:var(--color-text)}.jwt__sig-result{display:grid;gap:4px;padding:11px 13px;border-radius:var(--wc-radius-sm);border:1px solid var(--color-border);border-left-width:4px;background:var(--color-surface-alt);font-size:13px;line-height:1.55}.jwt__sig-result-headline{font-weight:700}.jwt__sig-result--verified{border-color:color-mix(in srgb,var(--color-success) 45%,var(--color-border));border-left-color:var(--color-success);background:color-mix(in srgb,var(--color-success) 8%,var(--color-surface))}.jwt__sig-result--invalid{border-color:color-mix(in srgb,var(--color-danger) 55%,var(--color-border));border-left-color:var(--color-danger);background:color-mix(in srgb,var(--color-danger) 9%,var(--color-surface))}.jwt__sig-result--invalid .jwt__sig-result-headline{color:var(--color-danger)}.jwt__sig-result--unsigned{border-color:color-mix(in srgb,var(--color-warning) 45%,var(--color-border));border-left-color:var(--color-warning);background:color-mix(in srgb,var(--color-warning) 9%,var(--color-surface))}.jwt__sig-caveat{font-size:12px;color:var(--color-text-muted);line-height:1.5}.jwt__empty{padding:14px 16px;border:1px dashed var(--color-border);border-radius:var(--wc-radius-md);color:var(--color-text-muted);background:var(--color-surface-alt);font-size:14px}.jwt__notes{border-top:1px solid var(--color-border);padding-top:14px;display:grid;gap:10px}.jwt__notes-title{font-size:15px;font-weight:700;margin:0}.jwt__notes p{margin:0;font-size:13px;line-height:1.6;color:var(--color-text-secondary)}@media(max-width:600px){.jwt__pane{padding:12px}.jwt__claim-value,.jwt__claim-desc{max-width:none}}