.JwtDebugger-module__hBWF8G__container{max-width:1300px;margin:0 auto;padding:3rem 1.5rem}.JwtDebugger-module__hBWF8G__header{text-align:center;margin-bottom:2.5rem}.JwtDebugger-module__hBWF8G__title{font-family:var(--font-outfit);background:linear-gradient(135deg, var(--primary-text) 30%, var(--secondary-text));-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:.5rem;font-size:2.5rem;font-weight:800}.JwtDebugger-module__hBWF8G__description{color:var(--secondary-text);max-width:600px;margin:0 auto;font-size:1.1rem}.JwtDebugger-module__hBWF8G__grid{grid-template-columns:1fr;gap:2rem;min-height:600px;display:grid}@media (min-width:960px){.JwtDebugger-module__hBWF8G__grid{grid-template-columns:1.1fr .9fr}}.JwtDebugger-module__hBWF8G__pane{flex-direction:column;gap:1rem;height:100%;display:flex}.JwtDebugger-module__hBWF8G__paneTitle{font-family:var(--font-outfit);color:var(--primary-text);align-items:center;gap:.5rem;margin-bottom:.25rem;font-size:1.25rem;font-weight:700;display:flex}.JwtDebugger-module__hBWF8G__card{background-color:var(--surface);border:1px solid var(--border);border-radius:16px;flex-direction:column;gap:1.25rem;padding:1.5rem;transition:border-color .3s,box-shadow .3s;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 20px #00000026}.JwtDebugger-module__hBWF8G__card:hover{border-color:#4f46e54d;box-shadow:0 10px 30px #0003}.JwtDebugger-module__hBWF8G__labelRow{justify-content:space-between;align-items:center;display:flex}.JwtDebugger-module__hBWF8G__label{color:var(--primary-text);text-transform:uppercase;letter-spacing:.05em;opacity:.8;font-size:.9rem;font-weight:600}.JwtDebugger-module__hBWF8G__clearBtn{color:var(--secondary-text);background:0 0;border:none;border-radius:4px;padding:.25rem .5rem;font-size:.85rem;font-weight:500;transition:color .2s}.JwtDebugger-module__hBWF8G__clearBtn:hover{color:#ef4444}.JwtDebugger-module__hBWF8G__tokenContainer{flex-direction:column;flex:1;min-height:250px;display:flex;position:relative}.JwtDebugger-module__hBWF8G__textarea{border:1px solid var(--border);width:100%;color:var(--primary-text);resize:none;background-color:#0d0e15;border-radius:12px;outline:none;flex:1;padding:1.25rem;font-family:Courier New,Courier,monospace;font-size:.95rem;line-height:1.6;transition:all .3s;box-shadow:inset 0 2px 8px #0003}.JwtDebugger-module__hBWF8G__textarea:focus{border-color:var(--accent-from);box-shadow:0 0 0 3px #4f46e526,inset 0 2px 8px #0003}.JwtDebugger-module__hBWF8G__jwtHeader{font-weight:600;color:#fb7185!important}.JwtDebugger-module__hBWF8G__jwtPayload{font-weight:600;color:#c084fc!important}.JwtDebugger-module__hBWF8G__jwtSignature{font-weight:600;color:#22d3ee!important}.JwtDebugger-module__hBWF8G__jwtDot{color:var(--primary-text);font-weight:700}.JwtDebugger-module__hBWF8G__tokenVisualizer{border:1px solid var(--border);white-space:pre-wrap;word-break:break-all;background-color:#0d0e15;border-radius:12px;min-height:180px;padding:1.25rem;font-family:Courier New,Courier,monospace;font-size:.95rem;line-height:1.6;box-shadow:inset 0 2px 8px #0003}.JwtDebugger-module__hBWF8G__segmentInteractive{cursor:pointer;border-radius:3px;padding:1px 3px;transition:background-color .2s,box-shadow .2s,padding .2s;display:inline-block}.JwtDebugger-module__hBWF8G__headerHighlight{background-color:#fb718526;box-shadow:0 0 0 1px #fb71854d}.JwtDebugger-module__hBWF8G__payloadHighlight{background-color:#c084fc26;box-shadow:0 0 0 1px #c084fc4d}.JwtDebugger-module__hBWF8G__signatureHighlight{background-color:#22d3ee26;box-shadow:0 0 0 1px #22d3ee4d}.JwtDebugger-module__hBWF8G__decodedBlock{flex-direction:column;gap:1.5rem;display:flex}.JwtDebugger-module__hBWF8G__blockSection{border:1px solid var(--border);background-color:#0d0e15;border-radius:12px;transition:border-color .3s;overflow:hidden}.JwtDebugger-module__hBWF8G__blockSectionHeaderActive{border-color:#fb7185}.JwtDebugger-module__hBWF8G__blockSectionPayloadActive{border-color:#c084fc}.JwtDebugger-module__hBWF8G__blockSectionSignatureActive{border-color:#22d3ee}.JwtDebugger-module__hBWF8G__blockHeader{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:.75rem 1.25rem;font-size:.9rem;font-weight:600;display:flex}.JwtDebugger-module__hBWF8G__blockHeaderLeft{align-items:center;gap:.5rem;display:flex}.JwtDebugger-module__hBWF8G__colorDot{border-radius:50%;width:8px;height:8px}.JwtDebugger-module__hBWF8G__copyBtn{color:var(--secondary-text);border:1px solid var(--border);cursor:pointer;background-color:#ffffff0d;border-radius:6px;padding:.25rem .65rem;font-size:.8rem;font-weight:600;transition:all .2s}.JwtDebugger-module__hBWF8G__copyBtn:hover{background-color:var(--primary-text);color:var(--background)}.JwtDebugger-module__hBWF8G__copyBtnSuccess{box-shadow:0 0 10px #10b9814d;color:#fff!important;background-color:#10b981!important;border-color:#10b981!important}.JwtDebugger-module__hBWF8G__pre{white-space:pre-wrap;word-break:break-all;margin:0;padding:1.25rem;font-family:Courier New,Courier,monospace;font-size:.95rem;line-height:1.5;overflow-x:auto}.JwtDebugger-module__hBWF8G__jsonKey{color:#c084fc}.JwtDebugger-module__hBWF8G__jsonString{color:#34d399}.JwtDebugger-module__hBWF8G__jsonNumber{color:#fb923c}.JwtDebugger-module__hBWF8G__jsonBoolean{color:#38bdf8}.JwtDebugger-module__hBWF8G__jsonNull{color:#94a3b8}.JwtDebugger-module__hBWF8G__securitySection{border:1px solid var(--border);background-color:#17171766;border-radius:16px;flex-direction:column;gap:1.25rem;padding:1.5rem;display:flex}.JwtDebugger-module__hBWF8G__securityTitle{font-family:var(--font-outfit);align-items:center;gap:.5rem;font-size:1.2rem;font-weight:700;display:flex}.JwtDebugger-module__hBWF8G__alertsList{flex-direction:column;gap:.75rem;display:flex}.JwtDebugger-module__hBWF8G__alertCard{border:1px solid #0000;border-radius:10px;align-items:flex-start;gap:1rem;padding:1rem 1.25rem;font-size:.92rem;display:flex}.JwtDebugger-module__hBWF8G__alertError{color:#fca5a5;background-color:#ef444412;border-color:#ef444433}.JwtDebugger-module__hBWF8G__alertWarning{color:#fde047;background-color:#f59e0b12;border-color:#f59e0b33}.JwtDebugger-module__hBWF8G__alertSuccess{color:#a7f3d0;background-color:#10b98112;border-color:#10b98133}.JwtDebugger-module__hBWF8G__alertIcon{font-size:1.25rem;line-height:1}.JwtDebugger-module__hBWF8G__alertContent{flex-direction:column;gap:.25rem;display:flex}.JwtDebugger-module__hBWF8G__alertHeading{font-size:.95rem;font-weight:700}.JwtDebugger-module__hBWF8G__alertDesc{opacity:.9;line-height:1.4}.JwtDebugger-module__hBWF8G__emptyState{text-align:center;color:var(--secondary-text);border:1px dashed var(--border);background-color:#0d0e15;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:1rem;min-height:300px;padding:4rem 2rem;display:flex}.JwtDebugger-module__hBWF8G__emptyStateIcon{opacity:.6;font-size:2.5rem}.JwtDebugger-module__hBWF8G__presetsRow{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.JwtDebugger-module__hBWF8G__presetLabel{color:var(--secondary-text);text-transform:uppercase;font-size:.8rem;font-weight:600}.JwtDebugger-module__hBWF8G__presetBtn{border:1px solid var(--border);color:var(--primary-text);background-color:#ffffff0a;border-radius:99px;padding:.3rem .75rem;font-size:.8rem;font-weight:500;transition:all .2s}.JwtDebugger-module__hBWF8G__presetBtn:hover{border-color:var(--accent-from);background-color:#4f46e526;transform:translateY(-1px)}.JwtDebugger-module__hBWF8G__validationError{color:#ef4444;background-color:#ef444414;border:1px solid #ef44444d;border-radius:8px;align-items:center;gap:.5rem;padding:.75rem 1rem;font-size:.88rem;animation:.3s JwtDebugger-module__hBWF8G__shake;display:flex}@keyframes JwtDebugger-module__hBWF8G__shake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}@media (prefers-color-scheme:light){.JwtDebugger-module__hBWF8G__textarea,.JwtDebugger-module__hBWF8G__tokenVisualizer,.JwtDebugger-module__hBWF8G__blockSection .JwtDebugger-module__hBWF8G__pre,.JwtDebugger-module__hBWF8G__blockSection,.JwtDebugger-module__hBWF8G__emptyState{color:#334155;background-color:#f8fafc}.JwtDebugger-module__hBWF8G__blockSectionHeaderActive{border-color:#fb7185}.JwtDebugger-module__hBWF8G__blockSectionPayloadActive{border-color:#c084fc}.JwtDebugger-module__hBWF8G__blockSectionSignatureActive{border-color:#22d3ee}.JwtDebugger-module__hBWF8G__blockHeader{background-color:#f1f5f9}.JwtDebugger-module__hBWF8G__jsonKey{color:#7c3aed}.JwtDebugger-module__hBWF8G__jsonString{color:#0d9488}.JwtDebugger-module__hBWF8G__jsonNumber{color:#ea580c}.JwtDebugger-module__hBWF8G__jsonBoolean{color:#0284c7}}