:root{--jwt-header:#fb015b;--jwt-payload:#d63aff;--jwt-signature:#00b9f1}.token-editor{font-family:'Courier New',Courier,monospace;font-size:1.2rem;min-height:500px;padding:20px;border:1px solid var(--border);border-radius:8px;background:var(--bg-soft-2);white-space:pre-wrap;overflow-wrap:break-word;outline:0;line-height:1.5;color:var(--text)}.token-editor:focus{box-shadow:0 0 0 4px rgba(13,110,253,.15);border-color:#86b7fe}.token-part-header{color:var(--jwt-header)}.token-part-payload{color:var(--jwt-payload)}.token-part-signature{color:var(--jwt-signature)}.token-dot{color:var(--muted);font-weight:700}.decoded-section{margin-bottom:20px}.section-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.5px;font-weight:700;margin-bottom:5px}.cm-s-eclipse.cm-header-box .CodeMirror-gutters{border-right:3px solid var(--jwt-header)}.cm-s-eclipse.cm-payload-box .CodeMirror-gutters{border-right:3px solid var(--jwt-payload)}.signature-box{background:rgba(0,185,241,.1);border:1px solid var(--jwt-signature);padding:15px;border-radius:6px;border-left:4px solid var(--jwt-signature);font-family:monospace;font-size:.9rem;color:var(--jwt-signature)}.verified-badge{display:inline-block;padding:5px 10px;border-radius:4px;font-weight:700;font-size:.85rem;margin-bottom:15px}.verified-badge.valid{background:rgba(34,197,94,.2);color:var(--success)}.verified-badge.invalid{background:rgba(239,68,68,.2);color:var(--danger)}.algo-select{width:150px;display:inline-block}