.JwtDebuggerGrid{--jwt-debugger-panel-height:580px;align-items:stretch;gap:var(--space-5);grid-template-columns:1fr 1fr;display:grid;overflow:hidden}.JwtDebuggerGrid[data-empty-encoded]>.JwtPanel{height:var(--jwt-debugger-panel-height);max-height:var(--jwt-debugger-panel-height);min-height:var(--jwt-debugger-panel-height);overflow:hidden}.JwtDebuggerGrid[data-empty-encoded]>.JwtPanel>.JwtEncodedCard{height:100%;min-height:0;max-height:100%}.JwtDebuggerGrid[data-empty-encoded]>.JwtPanel--decoded>.JwtDecodedEmptyPanelShell{flex:1;min-height:0;max-height:100%}@media (width<=768px){.JwtDebuggerGrid{grid-template-columns:1fr}}.JwtPanel{flex-direction:column;min-width:0;display:flex;overflow:hidden}.JwtPanel>.JwtEncodedCard,.JwtPanel>.JwtDecodedCard{min-height:var(--jwt-debugger-panel-height);flex-direction:column;flex:1;display:flex;overflow:hidden}.JwtDebuggerGrid>.JwtPanel--decoded{min-height:var(--jwt-debugger-panel-height)}.JwtPanel>.JwtDecodedCard .JwtDecodedOutput{flex:1;min-height:0;overflow-y:auto}.JwtDebuggerGrid>.JwtPanel--decoded>.JwtDecodedEmptyPanelShell{box-sizing:border-box;width:100%;min-width:0;max-width:100%;min-height:var(--jwt-debugger-panel-height);flex-direction:column;flex:none;padding:0 3px;display:flex}.JwtDebuggerGrid>.JwtPanel--decoded>.JwtDecodedErrorPanel{width:100%;min-height:var(--jwt-debugger-panel-height);flex-direction:column;flex:none;display:flex}.JwtDecodedErrorPanel .JwtEmptyState{flex:1}.JwtEncodedEditorShell{border:1px solid var(--gray-a4);background-color:var(--color-background);border-radius:var(--radius-2);flex-direction:column;flex:1 1 0;min-width:0;min-height:120px;transition:box-shadow .15s;display:flex}.JwtEncodedEditorShell:focus-within{box-shadow:inset 0 0 0 1px var(--purple-a5)}.JwtTokenEditable{min-height:0;padding:var(--space-3);font-family:var(--code-font-family);font-size:var(--font-size-2);word-break:break-all;white-space:pre-wrap;cursor:text;outline:none;flex:1;line-height:1.7;overflow:auto}.JwtTokenEditable:empty:before{content:attr(data-placeholder);color:var(--gray-8);pointer-events:none}.JwtSegmentHeader{color:var(--red-11)}.JwtSegmentPayload{color:var(--purple-11)}.JwtSegmentSignature{color:var(--cyan-11)}.JwtSegmentDot{color:var(--gray-8);user-select:none}.JwtLegend{gap:var(--space-3);display:flex}.JwtLegendItem{align-items:center;gap:var(--space-1);display:flex}.JwtLegendDot{border:0;border-radius:2px;flex-shrink:0;width:8px;min-width:8px;height:8px;min-height:8px}.JwtLegendDot[data-segment=header]{background-color:var(--red-9)}.JwtLegendDot[data-segment=payload]{background-color:var(--purple-9)}.JwtLegendDot[data-segment=signature]{background-color:var(--cyan-9)}.JwtDecodedSection{border-radius:var(--radius-3);background-color:var(--color-background);border:1px solid var(--gray-a5);overflow:hidden}.JwtDecodedSectionToolbar{justify-content:space-between;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--gray-a4);background-color:var(--gray-a2);display:flex}.JwtJsonOutput{font-family:var(--code-font-family);font-size:var(--font-size-2);padding:var(--space-3);white-space:pre-wrap;word-break:break-word;margin:0;line-height:1.7;overflow-x:auto}.JwtJsonKey{color:var(--purple-11)}.JwtJsonString{color:var(--cyan-11)}.JwtJsonNumber{color:var(--orange-11)}.JwtJsonBool{color:var(--red-11)}.JwtJsonNull{color:var(--gray-9)}.JwtJsonPunctuation{color:var(--gray-10)}.JwtEmptyState{padding:var(--space-7);color:var(--gray-8);font-size:var(--font-size-2);justify-content:center;align-items:center;display:flex}.JwtDecodedEmptyPanel{justify-content:center;align-items:center;gap:var(--space-3);box-sizing:border-box;width:100%;min-width:0;min-height:0;padding:var(--space-8) var(--space-5);border:1px dashed var(--gray-a6);border-radius:var(--radius-3);background-color:var(--color-background);text-align:center;flex-direction:column;flex:1;display:flex}.JwtDecodedEmptyPanelIcon{color:var(--gray-8);opacity:.85;flex-shrink:0}.JwtDecodedEmptyPanelTitle{color:var(--gray-11)}.JwtDecodedEmptyPanelHint{max-width:min(280px,100%);padding:0 var(--space-2);overflow-wrap:break-word;line-height:1.5}.JwtClaimsDataList{width:100%;min-width:0;padding:var(--space-2) var(--space-3)}.JwtClaimsDataListValue{font-family:var(--code-font-family);word-break:break-word}.JwtVerifySection{border-radius:var(--radius-3);border:1px solid var(--gray-a5);overflow:hidden}.JwtVerifyHeader{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background-color:var(--gray-a2);border-bottom:1px solid var(--gray-a4);display:flex}.JwtVerifyBody{padding:var(--space-3)}.JwtVerifyResult{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-2);font-size:var(--font-size-2);font-weight:500;display:flex}.JwtVerifyResult[data-status=valid]{background-color:var(--green-a3);color:var(--green-11)}.JwtVerifyResult[data-status=invalid]{background-color:var(--red-a3);color:var(--red-11)}.JwtVerifyIcon{flex-shrink:0;width:14px;height:14px}.JwtPublicKeyTextarea{width:100%;min-height:100px;padding:var(--space-2);border:1px solid var(--gray-a6);border-radius:var(--radius-2);background:var(--color-surface);color:var(--gray-12);font-family:var(--code-font-family);font-size:var(--font-size-2);resize:vertical;line-height:1.5;display:block}.JwtPublicKeyTextarea::placeholder{color:var(--gray-a8)}.JwtPublicKeyTextarea:focus{outline:2px solid var(--purple-8);outline-offset:-1px}