@charset "UTF-8";
#jwtInput { min-height: 120px; font-family: 'Courier New', monospace; font-size: 0.92rem; word-break: break-all; }
.jw-btns { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 12px; }
.jw-error { margin-top: 12px; color: var(--tool-danger); font-weight: 600; font-size: 0.9rem; }
.jw-part-head { display: flex; justify-content: space-between; align-items: center; gap: 10px; flex-wrap: wrap; }
.jw-part-head .tool-card__title { margin: 0; }
.jw-tag { font-size: 0.72rem; font-weight: 700; padding: 3px 8px; border-radius: 10px; vertical-align: middle; color: #fff; }
.jw-tag-red { background: #e8590c; }
.jw-tag-purple { background: #7048e8; }
.jw-tag-blue { background: #1c7ed6; }
.jw-json { margin: 14px 0 0; background: var(--bg-color); border: 1px solid var(--border-color); border-radius: var(--tool-radius-sm); padding: 12px; font-family: 'Courier New', monospace; font-size: 0.9rem; white-space: pre-wrap; word-break: break-all; overflow-x: auto; }
.jw-claims { margin-top: 12px; display: grid; gap: 8px; }
.jw-claim { display: flex; flex-wrap: wrap; gap: 8px; align-items: baseline; font-size: 0.9rem; padding: 8px 10px; background: var(--alt-content-bg-color); border-radius: var(--tool-radius-sm); }
.jw-claim .k { font-weight: 700; font-family: 'Courier New', monospace; }
.jw-claim .v { opacity: 0.85; }
.jw-badge { font-size: 0.72rem; font-weight: 700; padding: 2px 8px; border-radius: 10px; color: #fff; margin-left: auto; }
.jw-badge.ok { background: var(--tool-success); }
.jw-badge.bad { background: var(--tool-danger); }
.jw-note { margin: 12px 0 0; font-size: 0.85rem; opacity: 0.85; line-height: 1.5; }
.jw-about p { margin: 0 0 12px; }
.jw-about code { background: var(--alt-content-bg-color); padding: 1px 5px; border-radius: 4px; font-size: 0.85rem; }