.jwv__section{padding:12px 16px;border-bottom:1px solid var(--color-border)}.jwv__section:last-of-type{border-bottom:none}.jwv__section-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;flex-wrap:wrap}.jwv__label{font-size:13px;font-weight:500;color:var(--color-text-soft)}.jwv__label code{font-family:var(--font-mono, ui-monospace, SFMono-Regular, Menlo, monospace);color:var(--color-primary)}.jwv__char-count{font-size:12px;color:var(--color-text-muted);font-family:var(--font-mono, ui-monospace, SFMono-Regular, Menlo, monospace)}.jwv__token-input{width:100%;padding:10px 12px;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg);color:var(--color-text);font-family:var(--font-mono, ui-monospace, SFMono-Regular, Menlo, monospace);font-size:13px;line-height:1.6;resize:vertical;transition:border-color .15s ease,box-shadow .15s ease}.jwv__token-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #2b6cff1f}.jwv__alg-desc{margin-top:4px;padding:8px 12px;border-radius:var(--radius-sm);background:#2b6cff0f;border:1px solid rgba(43,108,255,.2);font-size:12.5px;line-height:1.6;color:var(--color-text)}.jwv__alg-desc code{font-family:var(--font-mono, ui-monospace, SFMono-Regular, Menlo, monospace);color:var(--color-primary);font-weight:600}.jwv__alg-desc--safe{background:#1aaa550f;border-color:#1aaa5540}.jwv__alg-desc--weak{background:#d9770614;border-color:#d977064d}.jwv__alg-desc--insecure{background:#dc262614;border-color:#dc26264d}.jwv__alg-desc--insecure code{color:var(--color-error)}.jwv__alg-desc--error{background:#dc262614;border-color:#dc26264d;color:var(--color-error)}.jwv__warn-text{color:#d97706;font-weight:500;margin:6px 0 0;font-size:12.5px}.jwv__alg-desc--insecure .jwv__warn-text{color:var(--color-error)}.jwv__key-area{display:flex;flex-direction:column;gap:8px}.jwv__key-head{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.jwv__key-format{display:flex;gap:12px;font-size:12.5px}.jwv__radio{display:inline-flex;align-items:center;gap:4px;cursor:pointer;color:var(--color-text-soft)}.jwv__radio input{cursor:pointer}.jwv__key-input{width:100%;padding:8px 12px;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg);color:var(--color-text);font-family:var(--font-mono, ui-monospace, SFMono-Regular, Menlo, monospace);font-size:13px;transition:border-color .15s ease,box-shadow .15s ease}.jwv__key-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #2b6cff1f}.jwv__rsa-input{width:100%;padding:10px 12px;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg);color:var(--color-text);font-family:var(--font-mono, ui-monospace, SFMono-Regular, Menlo, monospace);font-size:12px;line-height:1.5;resize:vertical}.jwv__rsa-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #2b6cff1f}.jwv__key-hint{margin:0;font-size:12px;color:var(--color-text-muted);line-height:1.6}.jwv__key-hint code{font-family:var(--font-mono, ui-monospace, SFMono-Regular, Menlo, monospace);color:var(--color-primary);font-weight:600}.jwv__key-hint a{color:var(--color-primary);text-decoration:underline}.jwv__key-area--none .jwv__none-hint{padding:10px 12px;border-radius:var(--radius-sm);background:#dc26260f;border:1px solid rgba(220,38,38,.2);color:var(--color-text);font-size:12.5px;line-height:1.7;margin:0}.jwv__key-area--none code{font-family:var(--font-mono, ui-monospace, SFMono-Regular, Menlo, monospace);color:var(--color-error);font-weight:600}.jwv__checkbox{display:flex;align-items:flex-start;gap:8px;cursor:pointer;font-size:13px;color:var(--color-text);line-height:1.6}.jwv__checkbox input{margin-top:3px;cursor:pointer}.jwv__checkbox code{font-family:var(--font-mono, ui-monospace, SFMono-Regular, Menlo, monospace);color:var(--color-primary);font-weight:600}.jwv__actions{display:flex;gap:8px;padding:12px 16px;border-top:1px solid var(--color-border);flex-wrap:wrap}.jwv__link-hint{margin:0;padding:8px 16px 12px;color:var(--color-text-soft);font-size:12.5px;line-height:1.7}.jwv__link-hint a{color:var(--color-primary);text-decoration:underline}.jwv__result{padding:12px 16px;border-top:1px solid var(--color-border);display:flex;flex-direction:column;gap:12px}.jwv__status{display:flex;align-items:center;gap:10px;padding:12px 16px;border-radius:var(--radius-sm);font-size:15px;font-weight:600;flex-wrap:wrap}.jwv__status--ok{background:#1aaa551a;border:1px solid rgba(26,170,85,.35);color:var(--color-success)}.jwv__status--fail{background:#dc262614;border:1px solid rgba(220,38,38,.3);color:var(--color-error)}.jwv__status-icon{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;font-size:14px;font-weight:700;color:#fff;flex-shrink:0}.jwv__status--ok .jwv__status-icon{background:var(--color-success)}.jwv__status--fail .jwv__status-icon{background:var(--color-error)}.jwv__status-alg{margin-left:auto;font-size:12.5px;font-weight:500;color:var(--color-text-soft);font-family:var(--font-mono, ui-monospace, SFMono-Regular, Menlo, monospace)}.jwv__sig-status{padding:10px 14px;border-radius:var(--radius-sm);font-size:13px;line-height:1.6}.jwv__sig-status--ok{background:#1aaa550f;border:1px solid rgba(26,170,85,.25);color:var(--color-success)}.jwv__sig-status--fail{background:#dc26260f;border:1px solid rgba(220,38,38,.25);color:var(--color-error)}.jwv__claims{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg);padding:12px 14px}.jwv__claims-title{margin:0 0 8px;font-size:13px;font-weight:600;color:var(--color-text)}.jwv__claims-list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:8px}.jwv__claim{display:grid;grid-template-columns:auto 1fr auto;gap:6px 10px;align-items:center;padding:6px 0;border-bottom:1px dashed var(--color-border);font-size:12.5px}.jwv__claim:last-child{border-bottom:none}.jwv__claim-field{font-family:var(--font-mono, ui-monospace, SFMono-Regular, Menlo, monospace);font-weight:700;color:var(--color-primary);font-size:13px}.jwv__claim-desc{color:var(--color-text-soft)}.jwv__claim-status{padding:2px 8px;border-radius:4px;font-size:11.5px;font-weight:600;white-space:nowrap}.jwv__claim-status--valid{background:#1aaa551f;color:var(--color-success)}.jwv__claim-status--expired{background:#dc26261f;color:var(--color-error)}.jwv__claim-status--not_yet_valid{background:#d977061f;color:#d97706}.jwv__claim-status--missing{background:#6b72801f;color:var(--color-text-muted)}.jwv__claim-status--invalid{background:#dc26261f;color:var(--color-error)}.jwv__claim-value{grid-column:2 / 4;font-size:12px;color:var(--color-text-soft)}.jwv__claim-value code{font-family:var(--font-mono, ui-monospace, SFMono-Regular, Menlo, monospace);color:var(--color-text)}.jwv__claim-value em{color:var(--color-text-muted);font-style:normal}.jwv__claim-relative{grid-column:2 / 4;font-size:11.5px;color:var(--color-text-muted)}.jwv__claim-msg{grid-column:2 / 4;font-size:11.5px;color:var(--color-error)}.jwv__segments{display:flex;flex-direction:column;gap:12px}.jwv__seg{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg);overflow:hidden}.jwv__seg--header{border-left:3px solid #dc2626}.jwv__seg--payload{border-left:3px solid #7c3aed}.jwv__seg--signature{border-left:3px solid #2563eb}.jwv__seg-head{display:flex;align-items:center;gap:10px;padding:8px 12px;border-bottom:1px solid var(--color-border);background:var(--color-bg-soft);flex-wrap:wrap}.jwv__seg-tag{display:inline-block;padding:2px 10px;border-radius:4px;font-size:12px;font-weight:600;color:#fff;font-family:var(--font-mono, ui-monospace, SFMono-Regular, Menlo, monospace)}.jwv__seg-tag--header{background:#dc2626}.jwv__seg-tag--payload{background:#7c3aed}.jwv__seg-tag--signature{background:#2563eb}.jwv__seg-json{margin:0;padding:10px 12px;background:var(--color-bg-code);color:var(--color-text);font-family:var(--font-mono, ui-monospace, SFMono-Regular, Menlo, monospace);font-size:12.5px;line-height:1.6;overflow:auto;max-height:240px;white-space:pre}.jwv__seg-b64{margin:0;padding:6px 12px;border-top:1px solid var(--color-border);background:var(--color-bg-soft);color:var(--color-text-muted);font-size:11.5px;word-break:break-all}.jwv__seg-b64 code{font-family:var(--font-mono, ui-monospace, SFMono-Regular, Menlo, monospace);color:var(--color-text-soft)}.jwv__sig-value{padding:10px 12px;background:var(--color-bg-code);color:var(--color-text);font-family:var(--font-mono, ui-monospace, SFMono-Regular, Menlo, monospace);font-size:12px;word-break:break-all;line-height:1.6;max-height:160px;overflow:auto}.jwv__copy-btn{padding:3px 10px;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg);color:var(--color-text-soft);font-size:12px;font-family:inherit;cursor:pointer;transition:all .15s ease;margin-left:auto}.jwv__copy-btn:hover{border-color:var(--color-primary);color:var(--color-primary)}.jwv__warnings{padding:10px 14px;border-radius:var(--radius-sm);background:#d9770614;border:1px solid rgba(217,119,6,.3);border-left:4px solid #d97706;color:var(--color-text);font-size:13px;line-height:1.7}.jwv__warnings strong{color:#d97706}.jwv__warnings ul{margin:6px 0 0;padding-left:20px}.jwv__error{padding:10px 14px;border-radius:var(--radius-sm);background:#dc262614;border:1px solid rgba(220,38,38,.3);border-left:4px solid var(--color-error);color:var(--color-error);font-size:13px;line-height:1.7}.jwv__next-hint{margin:0;padding:10px 14px;border-radius:var(--radius-sm);background:#2b6cff0f;color:var(--color-text-soft);font-size:12.5px;line-height:1.7}.jwv__next-hint code{font-family:var(--font-mono, ui-monospace, SFMono-Regular, Menlo, monospace);color:var(--color-primary);font-weight:600}.jwv__next-hint a{color:var(--color-primary);text-decoration:underline}.jwv__notice{margin:12px 16px;padding:8px 14px;border-radius:var(--radius-sm);background:#1aaa5514;color:var(--color-success);font-size:13px;text-align:center}@media(prefers-color-scheme:dark){.jwv__seg-tag--header{background:#f87171;color:#1f1414}.jwv__seg-tag--payload{background:#c084fc;color:#1f1429}.jwv__seg-tag--signature{background:#60a5fa;color:#0f1a2e}}@media(max-width:768px){.jwv__key-head,.jwv__section-head{flex-direction:column;align-items:stretch}.jwv__key-format{flex-wrap:wrap;gap:8px}.jwv__actions{flex-direction:column}.jwv__actions .btn{width:100%}.jwv__claim{grid-template-columns:auto auto}.jwv__claim-value,.jwv__claim-relative,.jwv__claim-msg{grid-column:1 / 3}.jwv__status-alg{margin-left:0}}