.JwtDecoder_container__9X7nt{display:flex;flex-direction:column;gap:var(--spacing-6)}.JwtDecoder_inputArea__FBZ2v,.JwtDecoder_outputBox__Nhn1M{border:1px solid var(--border-color);border-radius:var(--radius-md);overflow:hidden;background:var(--bg-primary);display:flex;flex-direction:column}.JwtDecoder_sectionHeader__CGCWY{display:flex;justify-content:space-between;align-items:center;background:var(--bg-secondary);padding:var(--spacing-3) var(--spacing-4);border-bottom:1px solid var(--border-color);font-weight:600;color:var(--text-primary)}.JwtDecoder_mutedText__vqI1i{font-size:.75rem;font-weight:400;color:var(--text-secondary)}.JwtDecoder_clearBtn__dGPur{background:transparent;border:1px solid var(--border-color);color:var(--text-primary);padding:var(--spacing-1) var(--spacing-3);border-radius:var(--radius-sm);font-size:.875rem;cursor:pointer;transition:all .2s ease}.JwtDecoder_clearBtn__dGPur:hover{background:var(--border-color)}.JwtDecoder_textArea__prk9C{width:100%;min-height:200px;padding:var(--spacing-4);border:none;background:transparent;color:var(--text-primary);font-family:var(--font-mono);font-size:1rem;line-height:1.5;resize:vertical;outline:none;word-break:break-all}.JwtDecoder_readOnly__8NyK3{background:var(--bg-secondary);min-height:250px}.JwtDecoder_tokenDisplayBox__GE3ga{position:relative;min-height:200px;background:transparent}.JwtDecoder_coloredToken___lhCs{word-break:break-all;white-space:pre-wrap;position:absolute;top:0;left:0;pointer-events:none}.JwtDecoder_coloredToken___lhCs,.JwtDecoder_hiddenTextarea__P7N4K{padding:var(--spacing-4);font-family:var(--font-mono);font-size:1rem;line-height:1.5;width:100%;height:100%}.JwtDecoder_hiddenTextarea__P7N4K{min-height:200px;border:none;background:transparent;color:transparent;caret-color:var(--text-primary);resize:vertical;outline:none}.JwtDecoder_tokenHeader__VayIn{color:#fb1010}.JwtDecoder_tokenPayload__kH7gH{color:#d63aff}.JwtDecoder_tokenSignature__VT30m{color:#00b9f1}.JwtDecoder_tokenDot__zOsYW{color:var(--text-primary)}.JwtDecoder_errorBorder__yqsXo{border:1px solid #dc2626}.JwtDecoder_errorText__McBkE{background:#fef2f2;color:#dc2626;padding:var(--spacing-2) var(--spacing-4);font-size:.875rem;font-weight:500;border-top:1px solid #f87171}.JwtDecoder_outputGrid__PMHA9{display:grid;grid-template-columns:1fr;gap:var(--spacing-6)}@media (min-width:768px){.JwtDecoder_outputGrid__PMHA9{grid-template-columns:1fr 1fr}}.JwtDecoder_headerColor__sKvHo{border-bottom:2px solid #fb1010}.JwtDecoder_payloadColor__NtHq3{border-bottom:2px solid #d63aff}.JwtDecoder_headerText__OVsFe{color:#fb1010}.JwtDecoder_payloadText__5QPNi{color:#d63aff}.JwtDecoder_verifyArea__LyU2g{border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-secondary);padding:var(--spacing-4);margin-top:var(--spacing-4)}.JwtDecoder_verifyHeaderRow__6n_Eb{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-2)}.JwtDecoder_toggleLabel__T8sf7{display:flex;align-items:center;gap:var(--spacing-2);font-size:.8rem;font-weight:600;color:var(--text-secondary);cursor:pointer}.JwtDecoder_verifyDesc__ht1IT{font-size:.9rem;color:var(--text-secondary);margin-bottom:var(--spacing-4)}.JwtDecoder_secretBox__li9yK{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-2) var(--spacing-4);margin-bottom:var(--spacing-4)}.JwtDecoder_secretInput__65Dm_{width:100%;background:transparent;border:none;color:var(--text-primary);font-family:var(--font-mono);font-size:1rem;outline:none}.JwtDecoder_sigStatusBox__FtkS3{padding:var(--spacing-2) var(--spacing-4);border-radius:var(--radius-md);font-size:.9rem;font-weight:600;display:inline-block}.JwtDecoder_sigValid__GK63X{background:rgba(16,185,129,.1);color:#10b981;border:1px solid rgba(16,185,129,.2)}.JwtDecoder_sigInvalid__tbYB5{background:rgba(239,68,68,.1);color:#ef4444;border:1px solid rgba(239,68,68,.2)}